"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Utensils, Award, Users, Globe, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="plain"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Alexa"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll 
          title="Culinary Excellence at Your Table"
          description="Award-winning private chef Alexa brings refined cuisine and personalized service to your Calabasas home. Experience bespoke dining tailored to your palate and preferences."
          tag="Premium Private Dining"
          tagIcon={Utensils}
          imageSrc="https://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg"
          imageAlt="Professional chef preparing gourmet cuisine"
          buttons={[
            { text: "Book a Consultation", href: "contact" },
            { text: "View Services", href: "services" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric 
          title="Expertise, Passion, and Dedication to Culinary Perfection"
          useInvertedBackground="noInvert"
          metrics={[
            { icon: Award, label: "Years of Experience", value: "15+" },
            { icon: Users, label: "Satisfied Clients", value: "200+" },
            { icon: Globe, label: "Culinary Styles", value: "8+" },
            { icon: Star, label: "Client Rating", value: "4.9/5" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne 
          title="Services Tailored to Your Needs"
          description="From intimate dinner parties to special celebrations, Alexa offers comprehensive culinary services designed to exceed expectations"
          tag="Culinary Services"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Custom Menu Design",              description: "Personalized menus crafted to match your preferences, dietary requirements, and event theme with seasonal ingredients",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Gourmet plated dish"
            },
            {
              title: "Private Dinner Parties",              description: "Elegant dinner experiences for 4-20 guests with complete service, wine pairing recommendations, and premium presentation",              imageSrc: "https://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",              imageAlt: "Elegant dinner setup"
            },
            {
              title: "Special Events & Celebrations",              description: "Birthdays, anniversaries, and corporate events elevated with exceptional cuisine and flawless execution",              imageSrc: "https://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727975.jpg",              imageAlt: "Wine and culinary pairing"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="Why Choose Alexa"
          description="Uncompromising standards in every aspect of service"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            { id: "1", value: "100%", description: "Menu Customization" },
            { id: "2", value: "Farm-Fresh", description: "Local Ingredients" },
            { id: "3", value: "24/7", description: "Booking Availability" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What Clients Say"
          description="Exceptional service and unforgettable culinary experiences"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Patricia Williamson, CEO of Luxury Homes Calabasas",              date: "Date: November 2024",              title: "An Absolute Game-Changer for Our Events",              quote: "Alexa transformed our annual gathering with an exquisite multi-course menu. Her attention to detail and understanding of our guests' preferences was remarkable. We've already booked her for next year's celebration.",              tag: "Premium Service",              avatarSrc: "https://img.b2bpic.net/free-photo/mid-shot-pizza-chef-posing_23-2148785710.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
            },
            {
              id: "2",              name: "Michael Chen, Entertainment Executive",              date: "Date: October 2024",              title: "Professional Excellence Every Time",              quote: "We've hosted multiple dinner parties with Alexa as our private chef. The consistency in quality, innovation, and professionalism is unmatched. Our guests always ask for her contact information.",              tag: "Trusted Partner",              avatarSrc: "https://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720713.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg"
            },
            {
              id: "3",              name: "Jennifer Davis, Business Owner",              date: "Date: September 2024",              title: "Elevated Our Corporate Events",              quote: "From intimate client dinners to team celebrations, Alexa delivers consistently. Her culinary creativity and seamless service have become our signature for high-impact entertaining.",              tag: "Corporate Dining",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-old-man-chef-dressed-uniform-posing-against-dark-background_613910-17582.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727975.jpg"
            },
            {
              id: "4",              name: "Robert Thompson, Philanthropist",              date: "Date: August 2024",              title: "Creates Unforgettable Memories",              quote: "Alexa handled our charity gala dinner flawlessly. Every course was perfection, and her team worked with invisible precision. Our guests are still talking about the experience.",              tag: "Special Events",              avatarSrc: "https://img.b2bpic.net/free-photo/male-chef-kitchen-preparing-salad-rubbing-cheese-top_1303-32161.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
            },
            {
              id: "5",              name: "Sophie Laurent, Fashion Designer",              date: "Date: July 2024",              title: "Culinary Artistry at Its Finest",              quote: "As someone who appreciates fine details, I was impressed by Alexa's dedication to perfection. Every plate was a work of art, and the flavors were absolutely exquisite.",              tag: "Premium Dining",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-confident-male-chef-kitchen_23-2147863584.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg"
            },
            {
              id: "6",              name: "David Morrison, Real Estate Developer",              date: "Date: June 2024",              title: "Sets the Standard for Private Dining",              quote: "Alexa has become our go-to choice for entertaining important clients and partners. Her professionalism, culinary skill, and ability to create an impressive atmosphere are exceptional.",              tag: "Trusted Choice",              avatarSrc: "https://img.b2bpic.net/free-photo/man-wearing-chef-attire_23-2151217208.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727975.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to experience extraordinary culinary service? Reach out to Alexa to discuss your next event and create an unforgettable dining experience."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your Dinner", href: "#" },
            { text: "Send Message", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Alexa"
          columns={[
            {
              title: "Services",              items: [
                { label: "Private Dinners", href: "#services" },
                { label: "Event Catering", href: "#services" },
                { label: "Menu Design", href: "#services" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Chef Profile", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Experience", href: "#about" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Book Now", href: "#contact" },
                { label: "Get Quote", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2024 Alexa Private Chef | Calabasas, CA"
        />
      </div>
    </ThemeProvider>
  );
}