"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 FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Flame, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Our Story",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Chick 'N Fizz"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Chick 'N Fizz"
      description="Crispy fried perfection meets the ultimate fizzy refresh. Your go-to spot for the best chicken and soda combo in town."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/deliciously-cooked-seasoned-chicken-wings-with-garlic-table-lights_181624-27096.jpg"
      imageAlt="Crispy chicken and bubbly drink"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Freshness First"
      metrics={[
        {
          icon: Award,
          label: "Years Served",
          value: "10+",
        },
        {
          icon: Flame,
          label: "Secret Recipes",
          value: "25+",
        },
        {
          icon: Utensils,
          label: "Meals Served",
          value: "1M+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Farm-Fresh Chicken",
          subtitle: "Locally sourced",
          category: "Quality",
          value: "100%",
        },
        {
          id: "f2",
          title: "Signature Fizz",
          subtitle: "Unique blends",
          category: "Drinks",
          value: "10+",
        },
        {
          id: "f3",
          title: "Lightning Speed",
          subtitle: "Ready in minutes",
          category: "Service",
          value: "Fast",
        },
      ]}
      title="Why We're Different"
      description="Hand-breaded goodness and the perfect carbonation."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Signature Bucket",
          price: "$18.99",
          imageSrc: "http://img.b2bpic.net/free-photo/fast-food-meal-with-fried-chicken_23-2148273056.jpg",
        },
        {
          id: "p2",
          name: "Spicy Chicken Sandwich",
          price: "$8.49",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-fries-refreshment-lunch-generated-by-ai_188544-16106.jpg",
        },
        {
          id: "p3",
          name: "Original Fizz Soda",
          price: "$3.99",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210097.jpg",
        },
        {
          id: "p4",
          name: "Crispy Fries",
          price: "$4.50",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sweet-potato-fries-with-copy-space_23-2148678820.jpg",
        },
        {
          id: "p5",
          name: "Chicken Nuggets Box",
          price: "$9.99",
          imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-meal-with-potatoes-served-with-ketchup-mayonnaise-dark-table_140725-56866.jpg",
        },
        {
          id: "p6",
          name: "Creamy Coleslaw",
          price: "$2.99",
          imageSrc: "http://img.b2bpic.net/free-photo/salad-varieties-cups-wooden-platter_114579-56776.jpg",
        },
      ]}
      title="Our Menu"
      description="Crispy, juicy, and perfectly fizzy."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Our Impact"
      tag="Trusted By Many"
      metrics={[
        {
          id: "m1",
          value: "50k",
          description: "Happy Daily Customers",
        },
        {
          id: "m2",
          value: "12",
          description: "Locations Citywide",
        },
        {
          id: "m3",
          value: "4.8",
          description: "Average Rating",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Alice M.",
          date: "2023-10-01",
          title: "Local Regular",
          quote: "Best crispy chicken in town!",
          tag: "Tasty",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-barista-girl_23-2148436110.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/deliciously-cooked-seasoned-chicken-wings-with-garlic-table-lights_181624-27096.jpg",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t2",
          name: "Bob B.",
          date: "2023-11-15",
          title: "Food Blogger",
          quote: "The fizz is unmatched.",
          tag: "Refreshing",
          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-dark-skinned-girl-with-toothy-gentle-smile_273609-28712.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-chef-plating-dish-with-oil_23-2148794099.jpg",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t3",
          name: "Charlie D.",
          date: "2023-12-05",
          title: "Student",
          quote: "Super fast delivery always.",
          tag: "Convenient",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-holding-potato-cips-light-blue-wall-male-cinema-movie-film-theater_140725-71926.jpg",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxaft5",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t4",
          name: "Dana L.",
          date: "2024-01-10",
          title: "Fan",
          quote: "Love the spicy sandwich!",
          tag: "Favorite",
          avatarSrc: "http://img.b2bpic.net/free-photo/group-young-happy-people-communicating-while-having-lunch-together-dining-room_637285-3564.jpg",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yvrmby",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t5",
          name: "Evan K.",
          date: "2024-02-15",
          title: "Regular",
          quote: "Bucket deals are the best.",
          tag: "Value",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-her-boyfriend-holding-hands-while-toasting-with-champagne-while-having-dinner-dining-table_637285-3596.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/looking-desperate-frustrated-stressed_1194-413965.jpg",
          imageAlt: "happy customer eating burger",
        },
      ]}
      title="Fan Favorites"
      description="What our guests say about Chick 'N Fizz."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "Is your chicken halal?",
          content: "Yes, all our chicken is 100% Halal certified.",
        },
        {
          id: "q2",
          title: "Do you offer catering?",
          content: "Absolutely! Contact us to schedule your event.",
        },
        {
          id: "q3",
          title: "Where can I find store locations?",
          content: "Check the map at the footer for all 12 locations.",
        },
      ]}
      title="Hungry for Answers?"
      description="Here is what you need to know about us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Newsletter"
      title="Get Our Deals"
      description="Sign up for exclusive offers and discounts delivered straight to your inbox."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Chick 'N Fizz"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Contact Us",
        href: "#contact",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
