"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Stats",
          id: "#stats",
        },
        {
          name: "Reserve",
          id: "#reserve",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-brazilian-restaurant-logo-template_23-2150945991.jpg"
      logoAlt="D'Medallo Fast Food Logo"
      brandName="D'Medallo Fast Food"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Authentic Colombian Flavors, Unforgettable Experiences"
      description="Where Colombian street food meets gourmet quality."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Reserve a Table",
          href: "#reserve",
        },
      ]}
      carouselItems={[
        {
          id: "carousel-1",
          videoSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
          imageAlt: "Juicy Colombian burger with melted cheese and sauces",
          videoAriaLabel: "Cinematic video of a Colombian burger",
        },
        {
          id: "carousel-2",
          videoSrc: "http://img.b2bpic.net/free-photo/eco-hot-dogs-with-flowers-high-angle_23-2149453838.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hot-dog-with-mustard_23-2148768220.jpg",
          imageAlt: "Loaded Colombian hot dog with crispy toppings",
          videoAriaLabel: "Cinematic video of a Colombian hot dog",
        },
        {
          id: "carousel-3",
          videoSrc: "http://img.b2bpic.net/free-photo/half-top-view-minced-meat-inside-potatoes-cooked-delicious-meal-dark-purple-desk_140725-49554.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-holding-delcious-food-plate_23-2148510837.jpg",
          imageAlt: "Crispy golden tostones (fried plantains)",
          videoAriaLabel: "Cinematic video of crispy tostones",
        },
        {
          id: "carousel-4",
          videoSrc: "http://img.b2bpic.net/free-photo/side-view-banana-peanut-butter-cripbread-snacks-cutting-board-with-cottage-cheese-milk-clotted-milk-plaid-cloth-wooden-background_141793-130586.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-food-wooden-table_23-2148708242.jpg",
          imageAlt: "Freshly made Colombian arepas with cheese",
          videoAriaLabel: "Cinematic video of Colombian arepas",
        },
        {
          id: "carousel-5",
          videoSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151282107.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/picnic-goodies-arrangement-blanket_23-2148921006.jpg",
          imageAlt: "Refreshing tropical Colombian drinks",
          videoAriaLabel: "Cinematic video of tropical drinks",
        },
        {
          id: "carousel-6",
          videoSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-golden-cutlery-arrangement_23-2149707847.jpg",
          imageAlt: "Happy customers enjoying their meal in a vibrant restaurant",
          videoAriaLabel: "Cinematic video of happy restaurant customers",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="A Taste of Medellín, Crafted with Passion"
      metrics={[
        {
          icon: Utensils,
          label: "Authentic Taste",
          value: "Medellín Flavors",
        },
        {
          icon: Utensils,
          label: "Generous Portions",
          value: "Bigger Bites",
        },
        {
          icon: Award,
          label: "Exceptional Service",
          value: "Warm Welcome",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Authentic Colombian Recipes",
          description: "Handcrafted with traditional recipes passed down through generations, ensuring a genuine taste of Colombia.",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-harvested-red-radish-plastic-crate-supermarket_23-2148209755.jpg",
          imageAlt: "Authentic Colombian ingredients",
        },
        {
          title: "Massive Portions",
          description: "Enjoy generous servings that satisfy your hunger and provide true value with every bite.",
          imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-together-table-outdoors_23-2149614812.jpg",
          imageAlt: "Generous food portions",
        },
        {
          title: "Family-Friendly Atmosphere",
          description: "A welcoming and vibrant space perfect for gatherings with family and friends, creating unforgettable memories.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-kitchen_637285-3750.jpg",
          imageAlt: "Family dining in a restaurant",
        },
        {
          title: "Late Night Dining",
          description: "Satisfy your cravings any time with our extended hours, perfect for a delicious late-night meal.",
          imageSrc: "http://img.b2bpic.net/free-photo/lunch-main-dishes-potato-chicken-dolma-cocktails-buns-side-view_141793-12270.jpg",
          imageAlt: "Late night dining cityscape",
        },
        {
          title: "Gourmet Quality Fast Food",
          description: "Elevating street food to an art form, using premium ingredients for a truly gourmet fast-food experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetable-pate-rolls-inside-black-plate-dark-surface_179666-34672.jpg",
          imageAlt: "Gourmet fast food presentation",
        },
        {
          title: "Friendly Hospitality",
          description: "Our team is dedicated to providing warm, attentive, and welcoming service from the moment you step in.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-woman-shows-thumbs-up-approves-likes-smth-good-stands-near-cafe-entrance-give-her_1258-199002.jpg",
          imageAlt: "Friendly restaurant staff",
        },
      ]}
      title="Why D'Medallo is Your Next Craving"
      description="Experience the unique blend of tradition and quality that sets us apart."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          name: "Colombian Burger",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg",
          imageAlt: "Classic Colombian Burger",
        },
        {
          id: "p2",
          name: "Pineapple Burger",
          price: "$13.99",
          imageSrc: "http://img.b2bpic.net/free-photo/tropical-juice-served-inside-pineapple_140725-4292.jpg",
          imageAlt: "Exotic Pineapple Burger",
        },
        {
          id: "p3",
          name: "Colombian Hot Dog (Perro)",
          price: "$9.99",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-pan-with-sauces-onion_23-2148679015.jpg",
          imageAlt: "Loaded Colombian Hot Dog",
        },
        {
          id: "p4",
          name: "Salchipapas",
          price: "$8.49",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookie-with-grapefruit-slices-black-plate-grey-surface_114579-61389.jpg",
          imageAlt: "Crispy Salchipapas",
        },
        {
          id: "p5",
          name: "Arepas",
          price: "$7.99",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-spanish-tortilla-still-life_23-2150246058.jpg",
          imageAlt: "Freshly Made Arepas",
        },
        {
          id: "p6",
          name: "Tostones",
          price: "$6.99",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-rolled-pancakes-with-bananas-dark-background-cake-dough-hotcake-meal-pastry-sweet-pie-meat_179666-46848.jpg",
          imageAlt: "Golden Tostones with dipping sauce",
        },
        {
          id: "p7",
          name: "Skirt Steak",
          price: "$24.99",
          imageSrc: "http://img.b2bpic.net/free-photo/plate-with-marinated-beef-salad-served-with-bread-toast_140725-4921.jpg",
          imageAlt: "Grilled Skirt Steak",
        },
        {
          id: "p8",
          name: "Coconut Lemonade",
          price: "$5.99",
          imageSrc: "http://img.b2bpic.net/free-photo/lemon-tea_23-2147776712.jpg",
          imageAlt: "Refreshing Coconut Lemonade",
        },
      ]}
      title="Our Signature Colombian Delights"
      description="Indulge in our renowned dishes, crafted with authentic flavors and premium ingredients."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Johnson",
          date: "March 2024",
          title: "Food Enthusiast",
          quote: "The food is top notch. The burgers and fries were incredible. Highly recommend the pineapple burger.",
          tag: "Gourmet",
          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
          avatarAlt: "Sarah Johnson's avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-salad-table_23-2147807498.jpg",
          imageAlt: "Luxury restaurant interior",
        },
        {
          id: "t2",
          name: "Michael Chen",
          date: "February 2024",
          title: "Food Blogger",
          quote: "Authentic Colombian food bursting with flavor. Everything exceeded our expectations.",
          tag: "Authenticity",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg",
          avatarAlt: "Michael Chen's avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4659.jpg",
          imageAlt: "Plate of Colombian food",
        },
        {
          id: "t3",
          name: "Emily Rodriguez",
          date: "January 2024",
          title: "Local Guide",
          quote: "Great atmosphere for friends and family. Portions are extremely generous.",
          tag: "Family Friendly",
          avatarSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg",
          avatarAlt: "Emily Rodriguez's avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006672.jpg",
          imageAlt: "Friends dining at restaurant",
        },
        {
          id: "t4",
          name: "David Kim",
          date: "December 2023",
          title: "Regular Customer",
          quote: "Service was amazing, friendly, attentive, and welcoming from start to finish.",
          tag: "Hospitality",
          avatarSrc: "http://img.b2bpic.net/free-photo/looking-happy-pleasantly-surprised-excited-with-fascinated-shocked-expression_1194-413800.jpg",
          avatarAlt: "David Kim's avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/father-preparing-dinner-looking-his-son_23-2148351719.jpg",
          imageAlt: "Waiter serving food",
        },
        {
          id: "t5",
          name: "Jessica Lee",
          date: "November 2023",
          title: "Food Critic",
          quote: "The best Colombian burgers and hot dogs we've ever had.",
          tag: "Best Burgers",
          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg",
          avatarAlt: "Jessica Lee's avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-crackers-into-soyutma-bouillon-side-view_141793-3235.jpg",
          imageAlt: "Colombian burger and hot dog",
        },
        {
          id: "t6",
          name: "Carlos Gomez",
          date: "October 2023",
          title: "Traveler",
          quote: "A hidden gem that perfectly captures the authentic taste of Medellín.",
          tag: "Hidden Gem",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
          avatarAlt: "Carlos Gomez's avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kids-with-magnifying-glass_23-2149668725.jpg",
          imageAlt: "Medellín cityscape",
        },
      ]}
      title="What Our Guests Are Saying"
      description="Hear directly from our happy customers about their unforgettable D'Medallo experience."
    />
  </div>

  <div id="stats" data-section="stats">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10,000+",
          title: "Happy Customers",
          items: [
            "Loyalty programs",
            "Community engagement",
            "Referral success",
          ],
        },
        {
          id: "m2",
          value: "4.9/5",
          title: "Customer Rating",
          items: [
            "Consistent quality",
            "Feedback-driven improvements",
            "Award-winning dishes",
          ],
        },
        {
          id: "m3",
          value: "Authentic",
          title: "Colombian Cuisine",
          items: [
            "Traditional recipes",
            "Sourced ingredients",
            "Cultural experience",
          ],
        },
        {
          id: "m4",
          value: "Generous",
          title: "Portion Sizes",
          items: [
            "Full satisfaction",
            "Great value",
            "Family friendly",
          ],
        },
      ]}
      title="Our Story in Numbers"
      description="Proudly serving a community that appreciates authentic taste and exceptional service."
    />
  </div>

  <div id="reserve" data-section="reserve">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated",
      }}
      tag="Book Your Table"
      title="Experience D'Medallo"
      description="Reserve your spot for an authentic Colombian fast-food feast. Perfect for families, friends, and late-night cravings. We will contact you to confirm your reservation details."
      inputPlaceholder="Enter your email for reservation inquiry"
      buttonText="Make a Reservation"
      termsText="By clicking Make a Reservation you agree to receive reservation updates and promotions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-brazilian-restaurant-logo-template_23-2150945991.jpg"
      logoAlt="D'Medallo Fast Food Logo"
      logoText="D'Medallo Fast Food — Bringing the heart of Medellín to every bite."
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
