Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -1,6 +1,15 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ContactInline from '@/components/sections/contact/ContactInline';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import TestimonialCardFour from '@/components/sections/testimonial/TestimonialCardFour';
+import { Coffee, Leaf, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -16,24 +25,240 @@ export default function LandingPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="light"
     >
-      <div className="min-h-screen bg-background">
+      <div id="nav" data-section="nav">
-        <div className="container mx-auto px-4 py-16">
+        <NavbarStyleCentered
-          <div className="text-center space-y-8">
+          brandName="Pei Chai"
-            <h1 className="text-6xl font-light text-foreground">Pei Chai</h1>
+          navItems={[
-            <p className="text-xl text-muted-foreground max-w-2xl mx-auto">
+            { name: "Home", id: "hero" },
-              Experience premium specialty coffee crafted with passion and expertise. 
+            { name: "About", id: "about" },
-              Every cup tells a story of quality, tradition, and extraordinary taste.
+            { name: "Menu", id: "menu" },
-            </p>
+            { name: "Reviews", id: "testimonials" },
-            <div className="flex justify-center gap-4 mt-8">
+            { name: "Contact", id: "contact" }
-              <button className="px-8 py-3 bg-primary text-primary-foreground rounded-full hover:opacity-90 transition-opacity">
+          ]}
-                Explore Menu
+          button={{
-              </button>
+            text: "Order Now",
-              <button className="px-8 py-3 border border-border text-foreground rounded-full hover:bg-muted transition-colors">
+            href: "contact"
-                Visit Us
+          }}
-              </button>
+        />
       </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplitKpi
+          title="Savor the Perfect Cup"
+          description="Experience premium specialty coffee crafted with passion and expertise. Every cup tells a story of quality, tradition, and extraordinary taste."
+          tag="Premium Coffee Roastery"
+          tagIcon={Coffee}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504472539-8fcfbdrv.jpg"
+          imageAlt="Perfectly brewed specialty coffee"
+          imagePosition="right"
+          kpis={[
+            { value: "15+ Years", label: "Coffee Expertise" },
+            { value: "98%", label: "Customer Satisfaction" },
+            { value: "100%", label: "Premium Beans" }
+          ]}
+          buttons={[
+            { text: "Explore Menu", href: "menu" },
+            { text: "Visit Us", href: "contact" }
+          ]}
+        />
       </div>
+
+      <div id="about" data-section="about">
+        <SplitAboutCards
+          title="Our Coffee Story"
+          description="We believe in the art and science of coffee. From ethically sourced beans to meticulous brewing, every detail matters."
+          tag="About Pei Chai"
+          tagIcon={Leaf}
+          useInvertedBackground="noInvert"
+          features={[
+            {
+              id: "sourcing",
+              title: "Ethical Sourcing",
+              description: "We partner directly with sustainable coffee farms around the world to bring you the finest, responsibly sourced beans.",
+              label: "Fair Trade Certified"
+            },
+            {
+              id: "expertise",
+              title: "Master Craftsmanship",
+              description: "Our expert baristas are trained in the art of coffee preparation, ensuring every cup is crafted to perfection.",
+              label: "Award Winning"
+            }
+          ]}
+          buttons={[
+            { text: "Learn More", href: "#" }
+          ]}
+        />
       </div>
+
+      <div id="menu" data-section="menu">
+        <ProductCardTwo
+          title="Featured Coffee Selection"
+          description="Discover our carefully curated collection of premium coffee blends and specialty drinks"
+          tag="Menu"
+          tagIcon={Coffee}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+          gridVariant="three-columns-all-equal-width"
+          carouselMode="buttons"
+          products={[
+            {
+              id: "1",
+              brand: "Pei Chai",
+              name: "Ethiopian Single Origin",
+              price: "$6.50",
+              rating: 5,
+              reviewCount: "245",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
+              imageAlt: "Ethiopian single origin coffee beans"
+            },
+            {
+              id: "2",
+              brand: "Pei Chai",
+              name: "Classic Cappuccino",
+              price: "$5.25",
+              rating: 5,
+              reviewCount: "312",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504474728-99fm34ha.jpg",
+              imageAlt: "Creamy cappuccino with latte art"
+            },
+            {
+              id: "3",
+              brand: "Pei Chai",
+              name: "House Blend Espresso",
+              price: "$4.75",
+              rating: 5,
+              reviewCount: "428",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504473794-0y0fa6ua.jpg",
+              imageAlt: "Barista pouring house blend espresso"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwo
+          title="What Our Customers Say"
+          description="Real stories from coffee lovers who experience Pei Chai daily"
+          tag="Customer Reviews"
+          tagIcon={Star}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+          carouselMode="buttons"
+          testimonials={[
+            {
+              id: "1",
+              name: "Sarah Mitchell",
+              role: "Regular Customer",
+              testimonial: "Best espresso I've had in years. The baristas truly understand their craft. I'm hooked!",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504478198-a0v2ow55.jpg",
+              imageAlt: "Sarah Mitchell"
+            },
+            {
+              id: "2",
+              name: "James Chen",
+              role: "Coffee Enthusiast",
+              testimonial: "The single origin beans are exceptional. You can taste the terroir in every sip. Highly recommend!",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504479291-mwki9tis.jpg",
+              imageAlt: "James Chen"
+            },
+            {
+              id: "3",
+              name: "Emma Rodriguez",
+              role: "Daily Visitor",
+              testimonial: "Love the cozy atmosphere and friendly staff. My favorite morning spot in the city!",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480040-nh70p4ru.jpg",
+              imageAlt: "Emma Rodriguez"
+            },
+            {
+              id: "4",
+              name: "Michael Park",
+              role: "Coffee Connoisseur",
+              testimonial: "Pei Chai sets the standard for specialty coffee. Consistency, quality, and passion in every cup.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480835-8xmeyz3k.jpg",
+              imageAlt: "Michael Park"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactInline
+          text="Ready to experience premium coffee?"
+          animationType="reveal-blur"
+          inputPlaceholder="Enter your email"
+          buttonText="Get Updates"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
+      <div id="testimonial-carousel" data-section="testimonial-carousel">
+        <TestimonialCardFour
+          title="Premium Coffee Excellence"
+          description="Join thousands of coffee enthusiasts who trust Pei Chai for exceptional quality"
+          tag="Testimonials"
+          tagIcon={Star}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+          testimonials={[
+            {
+              id: "1",
+              name: "Sarah Mitchell, Coffee Connoisseur",
+              date: "Date: 15 January 2025",
+              title: "Best espresso experience I've had!",
+              quote: "The baristas at Pei Chai truly understand their craft. Every cup is a masterpiece. The attention to detail is remarkable.",
+              tag: "Premium Member",
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504478198-a0v2ow55.jpg",
+              avatarAlt: "Sarah Mitchell",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504472539-8fcfbdrv.jpg",
+              imageAlt: "Specialty coffee preparation"
+            },
+            {
+              id: "2",
+              name: "James Chen, Coffee Enthusiast",
+              date: "Date: 12 January 2025",
+              title: "Single origin beans are exceptional",
+              quote: "You can taste the terroir in every sip. The quality of beans sourced by Pei Chai is unmatched. Highly recommend to any serious coffee lover.",
+              tag: "Regular Customer",
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504479291-mwki9tis.jpg",
+              avatarAlt: "James Chen",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
+              imageAlt: "Ethiopian single origin coffee"
+            },
+            {
+              id: "3",
+              name: "Emma Rodriguez, Local Visitor",
+              date: "Date: 10 January 2025",
+              title: "Perfect morning ritual",
+              quote: "The cozy atmosphere combined with amazing coffee makes this my favorite spot. The staff is incredibly friendly and knowledgeable about every drink.",
+              tag: "Daily Regular",
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480040-nh70p4ru.jpg",
+              avatarAlt: "Emma Rodriguez",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504474728-99fm34ha.jpg",
+              imageAlt: "Latte art cappuccino"
+            },
+            {
+              id: "4",
+              name: "Michael Park, Coffee Expert",
+              date: "Date: 8 January 2025",
+              title: "Sets the standard for specialty coffee",
+              quote: "Pei Chai consistently delivers excellence. The consistency across all their offerings is impressive. Definitely the benchmark for specialty coffee shops.",
+              tag: "Connoisseur",
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504480835-8xmeyz3k.jpg",
+              avatarAlt: "Michael Park",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504473794-0y0fa6ua.jpg",
+              imageAlt: "House blend espresso"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Pei Chai"
+        />
       </div>
     </ThemeProvider>
   );