src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import AboutPage from "@/pages/AboutPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/about" element={<AboutPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Testimonials",
     "href": "#testimonials"
-  }
+  },
+  { name: "About", href: "/about" },
+
 ];
 
   return (

src/pages/AboutPage.tsx

@@ -0,0 +1,50 @@
+import AboutTextSplit from "@/components/sections/about/AboutTextSplit";
+import TeamGlassCards from "@/components/sections/team/TeamGlassCards";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutPage() {
+  return (
+    <div className="min-h-svh bg-background text-foreground flex flex-col">
+      <main className="flex-1">
+        <div id="about-mission" data-section="about-mission">
+          <SectionErrorBoundary name="about-mission">
+            <AboutTextSplit
+              title="Driven by precision and scale."
+              descriptions={[
+                "Founded with a simple idea: make global logistics seamless and reliable. We believe that transportation should not only function flawlessly but also provide complete transparency and peace of mind at every step.",
+                "Over the years, we've grown into a global network of logistics experts. Our commitment to operational excellence, speed, and continuous innovation remains at the core of everything we do, ensuring we always deliver the best possible results for our clients."
+              ]}
+            />
+          </SectionErrorBoundary>
+        </div>
+
+        <div id="about-team" data-section="about-team">
+          <SectionErrorBoundary name="about-team">
+            <TeamGlassCards
+              tag="Leadership"
+              title="Meet the minds behind Velocity Transit"
+              description="Our diverse team brings together decades of experience across global supply chain, operations, and business strategy to help you succeed."
+              members={[
+                {
+                  name: "Alice Johnson",
+                  role: "CEO & Founder",
+                  imageSrc: "https://picsum.photos/seed/1145585956/1200/800"
+                },
+                {
+                  name: "Bob Smith",
+                  role: "Chief Operations Officer",
+                  imageSrc: "https://picsum.photos/seed/293054984/1200/800"
+                },
+                {
+                  name: "Carol Williams",
+                  role: "Head of Global Logistics",
+                  imageSrc: "https://picsum.photos/seed/1568067520/1200/800"
+                }
+              ]}
+            />
+          </SectionErrorBoundary>
+        </div>
+      </main>
+    </div>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/about', label: 'About', pageFile: 'AboutPage' },
 ];