Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -31,123 +31,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "The Experience",
-          id: "about",
-        },
-        {
-          name: "Our Menu",
-          id: "products",
-        },
-        {
-          name: "Cuisine Notes",
-          id: "blog",
-        },
-        {
-          name: "Reserve",
-          id: "contact",
-        },
+        { name: "The Experience", id: "about" },
+        { name: "Our Menu", id: "products" },
+        { name: "Cuisine Notes", id: "blog" },
+        { name: "Reserve", id: "contact" },
       ]}
       brandName="Kouzina"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="A Symphony of Dough and Fire"
-      description="Kouzina elevates the humble pizza to a masterpiece of culinary art. Experience ingredients sourced from the finest origins, prepared to golden perfection."
-      testimonials={[
-        {
-          name: "Julian Thorne",
-          handle: "@jthorne",
-          testimonial: "The crust is a revelation. I've never tasted luxury quite like this in a simple slice.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151431806.jpg?_wi=1",
-          imageAlt: "luxury restaurant cinematic pizza video",
-        },
-        {
-          name: "Elena Rossi",
-          handle: "@erosst",
-          testimonial: "A cinematic culinary experience. The ingredients are perfectly balanced and deeply authentic.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg?_wi=1",
-          imageAlt: "luxury restaurant cinematic pizza video",
-        },
-        {
-          name: "Marcus Vane",
-          handle: "@mvane",
-          testimonial: "Sophisticated, elegant, and divine. The gold standard for modern pizza dining.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
-          imageAlt: "luxury restaurant cinematic pizza video",
-        },
-        {
-          name: "Sofia Bellini",
-          handle: "@sofia_b",
-          testimonial: "Kouzina is more than just pizza; it is a full-body sensory delight.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg?_wi=1",
-          imageAlt: "luxury restaurant cinematic pizza video",
-        },
-        {
-          name: "Alessandro Conti",
-          handle: "@alessandro",
-          testimonial: "Unparalleled craftsmanship. Every bite is an indulgence in pure, refined flavor.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pie-with-nuts-wooden-plate_141793-1236.jpg?_wi=1",
-          imageAlt: "luxury restaurant cinematic pizza video",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151431806.jpg?_wi=2"
-      videoSrc="http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg",
-          alt: "Fried salmon with rice and raddish",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ham-slices-with-vegetables-plate_140725-2137.jpg",
-          alt: "Ham slices with vegetables in the plate",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg",
-          alt: "Profiteroles in chocolate sauce inside white plate.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949020.jpg",
-          alt: "Creative assortment of delicious food",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/homemade-pizza-with-mozzarella-dark-background_1220-4548.jpg",
-          alt: "Homemade pizza with mozzarella on dark background",
-        },
-      ]}
-      avatarText="Loved by gourmet enthusiasts worldwide"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Artisanal Craft",
-        },
-        {
-          type: "text",
-          text: "Sourced Globally",
-        },
-        {
-          type: "text",
-          text: "Stone Oven Baked",
-        },
-        {
-          type: "text",
-          text: "Michelin Quality",
-        },
-        {
-          type: "text",
-          text: "Refined Indulgence",
-        },
+      <HeroCarouselLogo
+      logoText="Kouzina"
+      description="Where dough meets destiny. A luxury culinary symphony of gold, black, and white."
+      buttons={[{ text: "Explore Experience", href: "#about" }]}
+      slides={[
+        { videoSrc: "https://res.cloudinary.com/dvqup8w9m/video/upload/v1713456789/dough_transformation.mp4", videoAriaLabel: "Cinematic pizza dough transformation and preparation video" }
       ]}
     />
   </div>
@@ -157,8 +56,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="The Art of the Craft"
       description={[
-        "Our philosophy is rooted in the intersection of tradition and avant-garde technique. At Kouzina, we don't just bake; we orchestrate flavors.",
-        "Every element is carefully curated—from the fermentation of our dough to the precise temperature of our imported stone ovens. Join us for a journey through the senses.",
+        "Our philosophy is rooted in the intersection of tradition and avant-garde technique. At Kouzina, we don't just bake; we orchestrate flavors.",        "Every element is carefully curated—from the fermentation of our dough to the precise temperature of our imported stone ovens. Join us for a journey through the senses."
       ]}
     />
   </div>
@@ -169,62 +67,6 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Kouzina",
-          name: "The Golden Truffle",
-          price: "$48",
-          rating: 5,
-          reviewCount: "124",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          brand: "Kouzina",
-          name: "Aged Prosciutto Fig",
-          price: "$42",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/pie-with-nuts-wooden-plate_141793-1236.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          brand: "Kouzina",
-          name: "Wild Mushroom Symphony",
-          price: "$38",
-          rating: 4,
-          reviewCount: "82",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601645.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Kouzina",
-          name: "Heirloom Tomato & Basil",
-          price: "$34",
-          rating: 5,
-          reviewCount: "156",
-          imageSrc: "http://img.b2bpic.net/free-photo/dough-oil-cheese-tomatoes-eggs-greens-grey-wooden-surface_176420-6796.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Kouzina",
-          name: "Spicy Calabrian Infusion",
-          price: "$40",
-          rating: 5,
-          reviewCount: "74",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235801.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Kouzina",
-          name: "Saffron & Honey Glaze",
-          price: "$45",
-          rating: 5,
-          reviewCount: "112",
-          imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg",
-        },
-      ]}
       title="Chef’s Signature Selection"
       description="Hand-crafted delicacies prepared with the world's finest seasonal produce and artisanal cheeses."
     />
@@ -234,17 +76,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="split"
       useInvertedBackground={false}
-      names={[
-        "The Michelin Guide",
-        "Gourmet Traveller",
-        "Vogue Dining",
-        "New York Food Times",
-        "The Foodie Circle",
-        "Epicurean Review",
-        "Global Culinary Awards",
-      ]}
+      names={["The Michelin Guide", "Gourmet Traveller", "Vogue Dining", "New York Food Times"]}
       title="Where Taste Meets Prestige"
-      description="Our culinary excellence is recognized by the world's most discerning palates and leading food publications."
+      description="Our culinary excellence is recognized by the world's most discerning palates."
     />
   </div>
 
@@ -253,31 +87,12 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "24",
-          title: "Hours of Proofing",
-          description: "The secret to our light, airy crust.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-diet-gourmet-olive-restaurant_1122-2451.jpg",
-        },
-        {
-          id: "m2",
-          value: "450°C",
-          title: "Stone Oven Temp",
-          description: "Optimized for the perfect char.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-tomatoes-oil_23-2148753738.jpg",
-        },
-        {
-          id: "m3",
-          value: "12",
-          title: "Artisanal Toppings",
-          description: "Sourced globally for maximum flavor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-top-view-pizza-mushrooms-tomatoes-leaves-pizza-knife-dark-wooden-background_482257-34253.jpg",
-        },
-      ]}
       title="Precision in Every Slice"
       description="Measuring our commitment to perfection by the numbers."
+      metrics={[
+        { id: "m1", value: "98%", title: "Local Sourcing", description: "Ingredients sourced directly from regional farms.", imageSrc: "https://images.unsplash.com/photo-1594212699903-ec8a3eca50f5" },
+        { id: "m2", value: "48h", title: "Dough Proofing", description: "Slow-fermented for maximum flavor and texture.", imageSrc: "https://images.unsplash.com/photo-1513104890138-7c749659a591" }
+      ]}
     />
   </div>
 
@@ -287,50 +102,14 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jenkins",
-          role: "Food Critic",
-          company: "Epicure",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael Chen",
-          role: "Connoisseur",
-          company: "Fine Dining Lab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
-        },
-        {
-          id: "t3",
-          name: "Julia Varga",
-          role: "Blogger",
-          company: "Urban Palate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",
-        },
-        {
-          id: "t4",
-          name: "Robert Stone",
-          role: "Entrepreneur",
-          company: "Ventures",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-street-food-entertainment_23-2151542730.jpg",
-        },
-        {
-          id: "t5",
-          name: "Amelia Grant",
-          role: "Designer",
-          company: "Creative Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520058.jpg",
-        },
-      ]}
       title="Voices of the Indulgent"
       description="What our guests say about their dining journey at Kouzina."
+      testimonials={[
+        { id: "t1", name: "Sarah Chen", role: "Food Critic", company: "NY Dining", rating: 5 },
+        { id: "t2", name: "Mark Davis", role: "Chef", company: "Table 9", rating: 5 },
+        { id: "t3", name: "Julia M.", role: "Regular", company: "Local Patron", rating: 5 },
+        { id: "t4", name: "Leo B.", role: "Gourmet", company: "Foodie Blog", rating: 5 }
+      ]}
     />
   </div>
 
@@ -338,96 +117,34 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you accept walk-ins?",
-          content: "While we recommend reservations, our bar area is available for walk-in guests.",
-        },
-        {
-          id: "f2",
-          title: "Are your ingredients organic?",
-          content: "We prioritize organic and locally sourced ingredients whenever possible to ensure peak freshness.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer private events?",
-          content: "Yes, we offer an exclusive private dining space for intimate gatherings and special occasions.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg"
       title="Culinary Inquiries"
       description="Curated answers to your questions about our methods and standards."
       faqsAnimation="slide-up"
+      faqs={[
+        { id: "f1", title: "Do you offer gluten-free options?", content: "Yes, we use a special gluten-free flour blend prepared in a dedicated area." },
+        { id: "f2", title: "Are reservations required?", content: "While walk-ins are welcome, we recommend reservations for peak hours." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Reserve Your Table"
       title="Begin the Culinary Journey"
       description="Secure your place at Kouzina for an evening of unmatched flavor and luxury."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="Kouzina"
+      columns={[{ items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#products" }, { label: "Reservations", href: "#contact" }] }]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
   --card: #1a1a1a;
-  --foreground: #ffffff;
+  --foreground: #f5f5f5;
   --primary-cta: #FFD700;
   --primary-cta-text: #000000;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
   --accent: #b8860b;
-  --background-accent: #1a1a1a;
+  --background-accent: #000000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);