diff --git a/src/App.tsx b/src/App.tsx
index 026991c..4c8171c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,13 @@ import { Routes, Route } from "react-router-dom";
 import HomePage from "@/pages/HomePage";
 import PlansPage from "@/pages/PlansPage";
 
+import AboutPage from "@/pages/AboutPage";
 export default function App() {
   return (
     <Routes>
       <Route path="/" element={<HomePage />} />
       <Route path="/plans" element={<PlansPage />} />
+      <Route path="/about" element={<AboutPage />} />
     </Routes>
   );
 }
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
new file mode 100644
index 0000000..32a69d1
--- /dev/null
+++ b/src/pages/AboutPage.tsx
@@ -0,0 +1,117 @@
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
+import TestimonialQuoteCards from "@/components/sections/testimonial/TestimonialQuoteCards";
+import ContactCta from "@/components/sections/contact/ContactCta";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function AboutPage() {
+  return (
+    <div className="flex min-h-screen flex-col bg-background text-foreground">
+      <NavbarCentered
+        logo="FlowSync"
+        navItems={[
+          { name: "Features", href: "/#features" },
+          { name: "Pricing", href: "/#pricing" },
+          { name: "About", href: "/about" },
+          { name: "FAQ", href: "/#faq" },
+          { name: "Plans", href: "/plans" },
+        ]}
+        ctaButton={{ text: "Get Started", href: "/plans" }}
+      />
+      <main className="flex-grow">
+        <HeroSplit
+          tag="Our Story"
+          title="Empowering Teams to Do Their Best Work"
+          description="We started FlowSync with a simple belief: work shouldn't feel like a struggle. Our mission is to eliminate friction and help teams focus on what truly matters."
+          primaryButton={{ text: "View Plans", href: "/plans" }}
+          secondaryButton={{ text: "Contact Us", href: "#contact" }}
+          imageSrc="https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800&q=80"
+        />
+        
+        <AboutFeaturesSplit
+          tag="Core Values"
+          title="What Drives Us Forward"
+          description="Our values are the foundation of everything we build. They guide our decisions, shape our culture, and ensure we always put our users first."
+          items={[
+            {
+              icon: "Zap",
+              title: "Speed & Simplicity",
+              description: "We believe in removing unnecessary steps. Our tools are designed to be intuitive and lightning-fast.",
+            },
+            {
+              icon: "Shield",
+              title: "Trust & Security",
+              description: "Your data is your business. We build with enterprise-grade security from day one.",
+            },
+            {
+              icon: "Users",
+              title: "Collaboration First",
+              description: "Great things are never done by one person. We design for seamless teamwork and communication.",
+            },
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=800&q=80"
+        />
+
+        <section className="py-20 bg-card text-foreground">
+          <div className="w-content-width mx-auto">
+            <div className="flex flex-col items-center gap-3 md:gap-2 mb-16">
+              <span className="px-3 py-1 text-sm card rounded bg-background">Our Team</span>
+              <h2 className="text-4xl md:text-5xl font-medium text-center text-balance">Meet the Minds Behind FlowSync</h2>
+              <p className="md:max-w-6/10 text-lg leading-tight text-center opacity-75">We are a diverse group of engineers, designers, and problem-solvers dedicated to making your work life easier.</p>
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
+              {[
+                { name: "Alex Rivera", role: "CEO & Founder", img: "https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=400&q=80" },
+                { name: "Sarah Chen", role: "Head of Product", img: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=400&q=80" },
+                { name: "Michael Foster", role: "Lead Engineer", img: "https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&w=400&q=80" },
+                { name: "Elena Rodriguez", role: "Design Director", img: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&w=400&q=80" }
+              ].map(member => (
+                <div key={member.name} className="flex flex-col items-center gap-4">
+                  <div className="w-32 h-32 rounded-full overflow-hidden border-4 border-background shadow-lg">
+                    <img src={member.img} alt={member.name} className="w-full h-full object-cover" />
+                  </div>
+                  <div className="text-center">
+                    <h3 className="text-xl font-medium">{member.name}</h3>
+                    <p className="text-sm opacity-75">{member.role}</p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </section>
+
+        <TestimonialQuoteCards
+          tag="Our Impact"
+          title="Hear From Our Community"
+          description="Don't just take our word for it. See how FlowSync is transforming the way teams work around the globe."
+          testimonials={[
+            { quote: "FlowSync has completely changed how our engineering team operates. We're shipping 30% faster.", name: "David Kim", role: "VP of Engineering, TechCorp", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=200&q=80" },
+            { quote: "The most intuitive productivity tool I've ever used. It actually gets out of your way.", name: "Jessica Alba", role: "Product Manager, InnovateX", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=200&q=80" },
+            { quote: "Customer support is phenomenal, and the platform is rock solid. Highly recommended.", name: "Marcus Johnson", role: "Operations Director, GlobalScale", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80" }
+          ]}
+        />
+
+        <div id="contact">
+          <ContactCta
+            tag="Join Us"
+            text="Ready to transform your workflow?"
+            primaryButton={{ text: "Get Started for Free", href: "/plans" }}
+            secondaryButton={{ text: "Contact Sales", href: "#contact" }}
+          />
+        </div>
+      </main>
+      
+      <FooterSimple
+        brand="FlowSync"
+        columns={[
+          { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/plans" }, { label: "Security", href: "/#security" }] },
+          { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "/about" }, { label: "Blog", href: "/#blog" }] },
+          { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+        ]}
+        copyright="© 2024 FlowSync Productivity Inc. All rights reserved."
+        links={[]}
+      />
+    </div>
+  );
+}
diff --git a/src/routes.ts b/src/routes.ts
index 3b19189..c6ba84f 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -7,4 +7,5 @@ export interface Route {
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/plans', label: 'Plans', pageFile: 'PlansPage' },
+  { path: '/about', label: 'About', pageFile: 'AboutPage' },
 ];