Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Sparkles, Star, Utensils, ArrowRight } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
   return (
@@ -23,103 +22,261 @@ export default function LandingPage() {
         cardStyle="glass-depth"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="layered"
-        headingFontWeight="semibold"
+        headingFontWeight="light"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleCentered
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "The Standard", id: "about" },
-        { name: "Menu", id: "products" },
-        { name: "Feedback", id: "testimonials" },
-        { name: "Contact", id: "contact" },
+        {
+          name: "Home",
+          id: "hero",
+        },
+        {
+          name: "About",
+          id: "about",
+        },
+        {
+          name: "Menu",
+          id: "products",
+        },
+        {
+          name: "Reviews",
+          id: "testimonials",
+        },
+        {
+          name: "Contact",
+          id: "contact",
+        },
       ]}
       brandName="Hot Chicks"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardDashboard
-      title="Redefining Luxury Fried Chicken"
-      description="Hand-breaded perfection meets premium culinary craft. Discover the gold standard of comfort food."
-      background={{ variant: "sparkles-gradient" }}
-      dashboard={{
-          title: "Hot Chicks Metrics",          stats: [
-            { title: "Flavor Profiles", values: [15, 20, 25], description: "Our secret spice rotations" },
-            { title: "Yield Ratio", values: [98, 99, 100], description: "Perfect crisp consistency" },
-            { title: "Order Volume", values: [500, 750, 1000], description: "Daily satisfaction count" }
-          ],
-          logoIcon: Sparkles,
-          sidebarItems: [{ icon: Utensils, active: true }],
-          buttons: [{ text: "Get Started", href: "#products" }],
-          listItems: [{ icon: ArrowRight, title: "New Batch", status: "Active" }],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571796.jpg"
+      <HeroBillboardScroll
+      background={{
+        variant: "sparkles-gradient",
       }}
+      title="Unapologetically Delicious."
+      description="Experience the crunch that's taking the city by storm. Hand-breaded, gold-fried perfection."
+      buttons={[
+        {
+          text: "View Menu",
+          href: "#products",
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571796.jpg"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
-      tag="Our Philosophy"
-      title="Luxury Meets Tradition"
-      description="We believe luxury is in the details—from locally sourced poultry to the specific heat-press method that locks in juiciness."
-      subdescription="Every bite reflects our commitment to the craft of artisan frying."
-      icon={Star}
+      <MetricSplitMediaAbout
       useInvertedBackground={false}
-      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
+      title="The Hot Chicks Standard"
+      description="We don't just fry chicken; we craft culinary experiences. Sourced locally, seasoned passionately, and served with a smile."
+      metrics={[
+        {
+          value: "100%",
+          title: "Fresh Poultry",
+        },
+        {
+          value: "15+",
+          title: "Secret Spices",
+        },
+        {
+          value: "10k+",
+          title: "Happy Chicks Served",
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/cook-cutting-roasted-meat-board_23-2148040153.jpg"
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardFour
-      title="The Signature Collection"
-      description="Curated menu items featuring house-made glazes and premium ingredients."
-      gridVariant="bento-grid"
+      <ProductCardTwo
       animationType="slide-up"
-      useInvertedBackground={false}
       textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
       products={[
-        { id: "1", name: "Signature Gold Chicken", price: "$18.00", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chicken-wings-inside-plate-with-napkins-light-background-meat-horizontal-meal-food-burger_140725-156263.jpg" },
-        { id: "2", name: "Truffle Infused Sliders", price: "$14.50", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sliced-fried-egg-waffle-hash-browns_23-2148352393.jpg" },
-        { id: "3", name: "Crispy Heritage Tenders", price: "$16.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/chicken-legs-with-crispy-potato-fries_114579-2462.jpg" }
+        {
+          id: "1",
+          brand: "Signature",
+          name: "Hot Chicks Original",
+          price: "$12.00",
+          rating: 5,
+          reviewCount: "240",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chicken-wings-inside-plate-with-napkins-light-background-meat-horizontal-meal-food-burger_140725-156263.jpg",
+        },
+        {
+          id: "2",
+          brand: "Spicy",
+          name: "Nashville Hot Slider",
+          price: "$9.50",
+          rating: 5,
+          reviewCount: "180",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sliced-fried-egg-waffle-hash-browns_23-2148352393.jpg",
+        },
+        {
+          id: "3",
+          brand: "Crispy",
+          name: "Classic Tenders",
+          price: "$10.50",
+          rating: 4,
+          reviewCount: "150",
+          imageSrc: "http://img.b2bpic.net/free-photo/chicken-legs-with-crispy-potato-fries_114579-2462.jpg",
+        },
+        {
+          id: "4",
+          brand: "Wing",
+          name: "Buffalo Glazed Wings",
+          price: "$14.00",
+          rating: 5,
+          reviewCount: "300",
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-with-sauce-salad_23-2148646622.jpg",
+        },
+        {
+          id: "5",
+          brand: "Side",
+          name: "House Coleslaw",
+          price: "$4.00",
+          rating: 4,
+          reviewCount: "90",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-plate-dark-red-table-free-space_140725-59489.jpg",
+        },
+        {
+          id: "6",
+          brand: "Side",
+          name: "Cajun Seasoned Fries",
+          price: "$5.00",
+          rating: 5,
+          reviewCount: "120",
+          imageSrc: "http://img.b2bpic.net/free-photo/fries-fry-basket-white_114579-60016.jpg",
+        },
       ]}
+      title="Our Signature Menu"
+      description="Bold flavors, crispy perfection, addictive sides."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      testimonial="The most refined fried chicken experience I've had. The attention to detail is evident in every bite."
-      rating={5}
-      author="Jordan P., Critic"
-      avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Guest" }]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="slide-up"
+      <TestimonialCardSix
+      animationType="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
+      testimonials={[
+        {
+          id: "1",
+          name: "Alex R.",
+          handle: "@alexfoodie",
+          testimonial: "The best chicken in town. Hands down.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-blue-uniform-holding-food-package-showing-silence-sign-pink-desk-job-worker-service-uniform-company_140725-36307.jpg",
+        },
+        {
+          id: "2",
+          name: "Sarah T.",
+          handle: "@sarah_t",
+          testimonial: "Crispy, juicy, and perfectly spiced.",
+          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
+        },
+        {
+          id: "3",
+          name: "Mike J.",
+          handle: "@mikej",
+          testimonial: "The Nashville hot level is perfect.",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-turkey-with-salad-dressing_23-2148314865.jpg",
+        },
+        {
+          id: "4",
+          name: "Emily W.",
+          handle: "@emilyeats",
+          testimonial: "I crave these tenders every single day.",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717871.jpg",
+        },
+        {
+          id: "5",
+          name: "David K.",
+          handle: "@dk_eats",
+          testimonial: "Exceptional quality and friendly staff.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
+        },
+      ]}
+      title="Loved By The City"
+      description="Don't just take our word for it."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      tag="Reservations"
-      title="Reserve Your Experience"
-      description="Join us for an elevated dining experience."
-      buttons={[{ text: "Book Table", href: "#contact" }]}
-      background={{ variant: "sparkles-gradient" }}
+      <ContactCenter
       useInvertedBackground={false}
+      background={{
+        variant: "plain",
+      }}
+      tag="Visit Us"
+      title="Ready for the crunch?"
+      description="Join our newsletter for exclusive offers and secret menu drops."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseReveal
       logoText="Hot Chicks"
       columns={[
-        { items: [{ label: "Our Story" }, { label: "Locations" }] },
-        { items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
+        {
+          title: "Menu",
+          items: [
+            {
+              label: "All Items",
+              href: "#products",
+            },
+            {
+              label: "Wings",
+              href: "#products",
+            },
+            {
+              label: "Sides",
+              href: "#products",
+            },
+          ],
+        },
+        {
+          title: "Company",
+          items: [
+            {
+              label: "About Us",
+              href: "#about",
+            },
+            {
+              label: "Careers",
+              href: "#",
+            },
+            {
+              label: "Locations",
+              href: "#",
+            },
+          ],
+        },
+        {
+          title: "Support",
+          items: [
+            {
+              label: "Contact",
+              href: "#contact",
+            },
+            {
+              label: "Privacy Policy",
+              href: "#",
+            },
+          ],
+        },
       ]}
+      copyrightText="© 2024 Hot Chicks. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}