"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Users, Award, Clock, Utensils, ChefHat, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="animatedAurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Rainbow Eat"
          button={{
            text: "Reserve Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit 
          title="Experience Rainbow Eat"
          description="Discover vibrant, globally-inspired cuisine in a welcoming atmosphere. From colorful appetizers to unforgettable desserts, every dish tells a story of culinary excellence."
          tag="Since 2015"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Reserve Your Table",              href: "contact"
            },
            {
              text: "View Menu",              href: "products"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702917649-a0nuuo8s.jpg"
          imageAlt="Modern restaurant dining experience"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric 
          title="Celebrating flavors from around the world, Rainbow Eat brings culinary traditions to your table with passion and creativity"
          metrics={[
            {
              icon: Users,
              label: "Happy Guests",              value: "50K+"
            },
            {
              icon: Award,
              label: "Awards Won",              value: "15+"
            },
            {
              icon: Clock,
              label: "Years Serving",              value: "9"
            },
            {
              icon: Utensils,
              label: "Dishes Created",              value: "200+"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFive 
          title="Our Signature Menu"
          description="Handcrafted dishes featuring premium ingredients and innovative flavor combinations"
          tag="Chef's Selection"
          tagIcon={ChefHat}
          products={[
            {
              id: "1",              button: {
                text: "Learn More"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702918745-haojs8tc.jpg",              imageAlt: "Signature gourmet dish"
            },
            {
              id: "2",              button: {
                text: "Learn More"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702919411-mtnarqgk.jpg",              imageAlt: "Colorful appetizer presentation"
            },
            {
              id: "3",              button: {
                text: "Learn More"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702920189-4s8rkhiv.jpg",              imageAlt: "Elegant dessert creation"
            },
            {
              id: "4",              button: {
                text: "Learn More"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702920888-phqbbc1e.jpg",              imageAlt: "Main course excellence"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Guests Say"
          description="Real experiences from dining at Rainbow Eat"
          tag="Guest Reviews"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Food Blogger",              company: "Culinary Chronicles",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702922011-ilctzjqb.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Restaurant Critic",              company: "Dining Guide Weekly",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702922524-metjjnh0.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Event Planner",              company: "Elite Events Co",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702923079-2mki1j47.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              role: "Regular Guest",              company: "Chef's Table Club",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702923635-y1mzg7tc.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Martinez",              role: "Sommelier",              company: "Wine Pairing Experts",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702924160-q8se3ewq.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",              name: "James Wilson",              role: "Travel Writer",              company: "Global Taste Magazine",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767702924928-u4sisn8i.jpg",              imageAlt: "James Wilson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline 
          text="Ready for an unforgettable dining experience?"
          inputPlaceholder="Enter your email"
          buttonText="Reserve Now"
          useInvertedBackground="noInvert"
          animationType="reveal-blur"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis 
          logoText="Rainbow Eat"
          columns={[
            {
              items: [
                {
                  label: "Home",                  href: "#"
                },
                {
                  label: "Menu",                  href: "products"
                },
                {
                  label: "About Us",                  href: "about"
                }
              ]
            },
            {
              items: [
                {
                  label: "Contact",                  href: "contact"
                },
                {
                  label: "Reservations",                  href: "contact"
                },
                {
                  label: "Private Events",                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "Hours",                  href: "#"
                },
                {
                  label: "Location",                  href: "#"
                },
                {
                  label: "Follow Us",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}