Bob AI: Create the 'About' page file and add basic content.

src/pages/About.tsx

@@ -0,0 +1,43 @@
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
+import ChecklistTimeline from "@/components/ui/ChecklistTimeline";
+
+export default function About() {
+  return (
+    <div className="bg-background text-foreground">
+      <HeroSplit
+        tag="About Us"
+        title="Crafting Coffee with Passion"
+        description="We are a team of coffee lovers dedicated to the perfect brew. From the farm to your cup, we ensure quality in every step."
+        primaryButton={{ text: "Our Menu", href: "/menu" }}
+        secondaryButton={{ text: "Contact Us", href: "/contact" }}
+        imageSrc="https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=1000&auto=format&fit=crop"
+      />
+      <AboutFeaturesSplit
+        tag="Our Journey"
+        title="From Bean to Cup"
+        description="We source the finest beans and roast them with care, ensuring every cup tells a story of quality and community."
+        items={[
+          { icon: "coffee", title: "Quality Beans", description: "Sourced from the best farms." },
+          { icon: "users", title: "Community", description: "Building connections." },
+          { icon: "award", title: "Excellence", description: "Award-winning roasts." }
+        ]}
+        imageSrc="https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?q=80&w=1000&auto=format&fit=crop"
+      />
+      <section className="py-24 bg-background">
+        <div className="max-w-6xl mx-auto px-6">
+          <ChecklistTimeline
+            heading="Our Milestones"
+            subheading="A journey of passion and coffee."
+            items={[
+              { label: "2018", detail: "Founded in a small garage." },
+              { label: "2020", detail: "Expanded to our first cafe." },
+              { label: "2024", detail: "Launched our online store." }
+            ]}
+            completedLabel="Achieved"
+          />
+        </div>
+      </section>
+    </div>
+  );
+}