From b799daeed27b2c5765de9cefe594a2c842ba1b81 Mon Sep 17 00:00:00 2001
From: vitalijmulika <vitalijmulika@gmail.com>
Date: Wed, 29 Apr 2026 13:43:33 +0300
Subject: [PATCH] Bob AI: Create the 'About' page file and add basic content.

---
 src/pages/About.tsx | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/pages/About.tsx

diff --git a/src/pages/About.tsx b/src/pages/About.tsx
new file mode 100644
index 0000000..e93c0d7
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file