Initial Commits

src/App.js

@@ -7,6 +7,7 @@ import About from "./Pages/About";
 import Contact from './Pages/Contact';
 import Team from './Pages/Team';
 import Vehicle from './Pages/Vehicle';
+import Testimonials from './Pages/Testimonials';
 
 function App() {
   return (
@@ -20,6 +21,7 @@ function App() {
             <Route path="/contact" element={<Contact/>} />
             <Route path="/team" element={<Team/>} />
             <Route path="/vehicle" element={<Vehicle/>} />
+            <Route path="/testimonials" element={<Testimonials/>} />
         </Routes>
         <Footer/>
       </BrowserRouter>

src/Components/About/Aboutbanner/About_banner.jsx → src/Components/About/Aboutbanner/Aboutbanner.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import "./About_banner.css";
+import "./Aboutbanner.css";
 import { BsFillTelephoneFill } from "react-icons/bs";
 
 const About_banner = () => {

src/Components/Header/Header.jsx

@@ -14,6 +14,7 @@ const Header = () => {
           <li><Link to="/">Home</Link></li>
           <li><Link to="/about">About</Link></li>
           <li><Link to="/vechicle">Vehicle</Link></li>
+          <li><Link to="/testimonials">Testimonials</Link></li>
           <li><Link to="/team">Team</Link></li>
           <li><Link to="/contact">Contact</Link></li>
         </ul>

src/Components/Testimonials/Testimonialsmain.css

@@ -0,0 +1,30 @@
+.imgsubheader {
+  width: 100%;
+  opacity: 10%;
+}
+
+.left {
+  position: absolute;
+  top: 30%;
+  left: 10%;
+  font-size: 25px;
+}
+
+.left h3 {
+  font-size: 35px;
+}
+
+.left p {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.left a {
+  color: black;
+  text-decoration: none;
+}
+
+.left a:hover {
+  color: var(--main-color);
+  transition: 0.5s;
+}

src/Components/Testimonials/Testimonialsmain.jsx

@@ -0,0 +1,20 @@
+import React from "react";
+import "./Testimonialsmain.css";
+import { Link } from "react-router-dom";
+import subheaderimg from "../../../src/Assets/subhero.png";
+
+const Testimonials_main = () => {
+  return (
+    <section id="testimonialsmain">
+      <img src={subheaderimg} className="imgsubheader" alt=""/>
+      <div className="left">
+        <p>
+          <h3>Testimonials</h3>
+          <Link to="/">Home</Link> / Testimonials
+        </p>
+      </div>
+    </section>
+  );
+};
+
+export default Testimonials_main;

src/Pages/About.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import Aboutsection from '../Components/About/AboutSection/Aboutsection';
-import Aboutbanner from '../Components/About/Aboutbanner/About_banner';
+import Aboutbanner from '../Components/About/Aboutbanner/Aboutbanner';
 import Subhearder from '../Components/About/Subheader/Subhearder';
 
 const About = () => {

src/Pages/Home.jsx

@@ -4,7 +4,7 @@ import Details from '../Components/Home/Details/Details'
 import Filterbox from '../Components/Home/Filterbox/Filterbox'
 import Hero from '../Components/Home/Hero/Hero'
 import Service from '../Components/Home/Service/Service'
-import Testimonials from '../Components/Home/Testimonials/Testimonials'
+import Testimonials from '../Components/Home/Testimonials_home/Testimonials'
 import Downloads from '../Components/Home/Download/Download'
 import FAQ from '../Components/Home/FAQ/FAQ'
 

src/Pages/Testimonials.jsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Testimonialsmain from '../Components/Testimonials/Testimonialsmain'
+import Testimonialshome from '../../src/Components/Home/Testimonials_home/Testimonials'
+import Aboutbanner from '../Components/About/Aboutbanner/Aboutbanner';
+
+const Testimonials = () => {
+  return (
+    <div>
+      <Testimonialsmain/>
+      <Testimonialshome/>
+      <Aboutbanner/>
+    </div>
+  )
+}
+
+export default Testimonials