"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Flame, Zap, Star, Heart, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="George's Gyros"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "features" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{
            text: "Order Online",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Taste the Mediterranean—Fast"
          description="George's Gyros brings bold flavors and quick service to your lunch and dinner, right where you are"
          tag="Greek Cuisine Made Simple"
          tagIcon={Flame}
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/delicious-grilled-chicken-wrap_123827-36160.jpg"
          imageAlt="Fresh, delicious George's Gyros"
          buttons={[
            { text: "Order Online Now", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Why George's Gyros Wins"
          description="Three reasons college students and busy professionals choose us for lunch and dinner"
          tag="The Difference"
          tagIcon={Zap}
          features={[
            {
              id: 1,
              title: "Lightning Quick Service",              description: "Order to plate in minutes. Perfect for tight schedules between classes or work",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-time-logo-collection_23-2148938719.jpg"
            },
            {
              id: 2,
              title: "Fresh Ingredients Daily",              description: "Bold Mediterranean flavors from quality ingredients prepared fresh every shift",              imageSrc: "https://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805466.jpg"
            },
            {
              id: 3,
              title: "Affordable Every Time",              description: "No hidden costs. Satisfying, flavorful meals that won't break your student budget",              imageSrc: "https://img.b2bpic.net/free-photo/crazy-dealer-surprised-expression_1194-2214.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Our Menu Favorites"
          description="Handcrafted gyros, fresh salads, and Mediterranean sides that satisfy every craving"
          tag="Fan Favorites"
          tagIcon={Star}
          products={[
            {
              id: "chicken-gyros",              name: "Chicken Gyros",              price: "$9.99",              imageSrc: "https://img.b2bpic.net/free-photo/elevated-view-mexican-beef-stripes-with-vegetables-tortilla_23-2148042465.jpg",              imageAlt: "Crispy chicken gyros with fresh toppings"
            },
            {
              id: "lamb-gyros",              name: "Lamb Gyros",              price: "$11.99",              imageSrc: "https://img.b2bpic.net/free-photo/pita-bread-sandwiches-with-grilled-chicken-meat-avocado-tomato-cucumber-lettuce-served-wooden-table_2829-18559.jpg",              imageAlt: "Tender lamb gyros with Mediterranean spices"
            },
            {
              id: "falafel-wrap",              name: "Falafel Wrap",              price: "$8.99",              imageSrc: "https://img.b2bpic.net/free-photo/sac-ici-traditional-caucasian-meal-with-fried-meat-vegetables-served-with-lavash_114579-69.jpg",              imageAlt: "Crispy falafel with fresh vegetables"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagIcon={Heart}
          title="George's commitment is simple: bring authentic Mediterranean flavors to your table without the wait. Quick. Fresh. Affordable. That's the George's promise."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg",              imageAlt: "Sarah Chen, college student"
            },
            {
              id: "2",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg",              imageAlt: "Marcus Johnson, office worker"
            },
            {
              id: "3",              name: "Jessica Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-jacket-carries-bag-holds-paper-cup-coffee-enjoys-aromatic-beverage-looks-away-with-cheerful-expression-strolls-city-has-spare-time-lifestyle-concept_273609-59922.jpg",              imageAlt: "Jessica Rodriguez, George's customer"
            },
            {
              id: "4",              name: "Tom Williams",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holds-paper-cup-coffee-spends-leisure-time-outdoors-wears-jacket-carries-bag-enjoys-recreation-dreams-about-something_273609-55660.jpg",              imageAlt: "Tom Williams, satisfied customer"
            }
          ]}
          cardTitle="Loved by thousands of students, professionals, and families across the city"
          cardTag="Real Customer Love"
          cardTagIcon={ThumbsUp}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <MetricCardFourteen
          title="George's Gyros has become the go-to spot for authentic Mediterranean dining in the community, trusted by students, office workers, and families alike."
          tag="Impact & Trust"
          metrics={[
            {
              id: "1",              value: "5,000+",              description: "Happy customers served weekly with fresh, bold Mediterranean flavors"
            },
            {
              id: "2",              value: "4.9★",              description: "Average rating from hundreds of satisfied diners praising speed and quality"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to taste authentic Mediterranean flavors? Order online now for pickup or delivery and bring the bold taste of Greece straight to your door."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Order Online Now", href: "https://example.com/order" },
            { text: "View Full Menu", href: "#menu" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "George's Gyros",              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Quick Links",              items: [
                { label: "Order Online", href: "https://example.com/order" },
                { label: "Delivery Info", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Reviews", href: "#testimonials" }
              ]
            }
          ]}
          copyrightText="© 2025 George's Gyros. Taste the Mediterranean—Fast."
        />
      </div>
    </ThemeProvider>
  );
}