From 67261f34d3efac2d60eb5de809a67494242f145f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 18 Mar 2026 15:58:43 +0000
Subject: [PATCH] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 135 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 135 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..00df68f
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,135 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Coffee, Globe, Flame, Heart, MessageCircle } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="largeSmall"
+      background="floatingGradient"
+      cardStyle="outline"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Luxe Coffee"
+          navItems={[
+            { name: "Our Story", id: "about" },
+            { name: "Our Blends", id: "products" },
+            { name: "Experience", id: "metrics" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" },
+            { name: "Menu", id: "menu" },
+            { name: "About Us", id: "about-page" },
+            { name: "Contact", id: "contact" }
+          ]}
+          bottomLeftText="Artisanal Coffee Since 2015"
+          bottomRightText="hello@luxecoffee.com"
+        />
+      </div>
+
+      <div id="about-section" data-section="about">
+        <AboutMetric
+          title="Our Coffee Philosophy & Story"
+          metrics={[
+            { icon: Globe, label: "Ethical Sourcing", value: "25+ Countries" },
+            { icon: Flame, label: "Perfect Roast", value: "8 Year Master Roasters" },
+            { icon: Heart, label: "Customer Love", value: "98% Satisfaction" }
+          ]}
+          metricsAnimation="blur-reveal"
+          useInvertedBackground={true}
+          ariaLabel="About section with coffee philosophy metrics"
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSix
+          title="What Our Customers Say"
+          description="Join thousands of coffee enthusiasts who've discovered their perfect cup at Luxe Coffee."
+          tag="Customer Stories"
+          tagIcon={MessageCircle}
+          tagAnimation="slide-up"
+          buttons={[]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "testimonial-1",              name: "Sarah Mitchell",              handle: "@sarahmitchel_coffee",              testimonial: "The finest coffee I've ever tasted. Every visit is an experience, not just a transaction. Their baristas truly understand the art of coffee.",              imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3945.jpg",              imageAlt: "professional woman portrait coffee lover"
+            },
+            {
+              id: "testimonial-2",              name: "James Rodriguez",              handle: "@jamesrodriguez_lifestyle",              testimonial: "Premium quality, impeccable service, and a welcoming atmosphere. This is where I start every morning. Absolutely worth it.",              imageSrc: "http://img.b2bpic.net/free-photo/bearded-man_1303-5233.jpg",              imageAlt: "professional man coffee shop portrait"
+            },
+            {
+              id: "testimonial-3",              name: "Emma Thompson",              handle: "@emmathompson_travels",              testimonial: "I've had coffee everywhere, but Luxe Coffee stands out. The attention to detail and passion is evident in every cup.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-woman-looking-camera-smiling-cafe-table_1098-20096.jpg",              imageAlt: "creative woman coffee shop portrait"
+            },
+            {
+              id: "testimonial-4",              name: "David Chen",              handle: "@davidchen_entrepreneur",              testimonial: "Finally, a coffee shop that respects the craft. The single-origin selections are phenomenal. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-mature-man-looking-away_23-2148673398.jpg",              imageAlt: "entrepreneur man coffee shop portrait"
+            },
+            {
+              id: "testimonial-5",              name: "Olivia Bergström",              handle: "@oliviab_design",              testimonial: "The ambiance, the coffee, the people—everything is perfect. It's become my creative sanctuary.",              imageSrc: "http://img.b2bpic.net/free-photo/freelancer-drinking-cup-hot-coffee-summer-terrace-girl-with-long-hair-waiting-customer_549566-869.jpg",              imageAlt: "creative woman designer coffee portrait"
+            },
+            {
+              id: "testimonial-6",              name: "Marcus Williams",              handle: "@marcuswilliams_content",              testimonial: "Luxe Coffee has redefined what I expect from a coffee experience. Worth every penny and every visit.",              imageSrc: "http://img.b2bpic.net/free-photo/young-happy-bearded-man-drinking-morning-fresh-coffee-caucasian-handsome-male-business-professional-having-coffee-indoors_639032-2875.jpg",              imageAlt: "content creator man coffee shop portrait"
+            }
+          ]}
+          animationType="slide-up"
+          speed={50}
+          topMarqueeDirection="left"
+          ariaLabel="Customer testimonials and reviews"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "About",              items: [
+                { label: "Our Story", href: "#about-section" },
+                { label: "Our Blends", href: "/menu" },
+                { label: "Sustainability", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Experience",              items: [
+                { label: "Visit Us", href: "/contact" },
+                { label: "Brewing Classes", href: "#" },
+                { label: "Private Events", href: "#" },
+                { label: "Gift Cards", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Contact", href: "mailto:hello@luxecoffee.com" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Shipping Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2024 Luxe Coffee. All rights reserved. Crafted with passion for coffee lovers."
+          ariaLabel="Footer section with links and information"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file