"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { UtensilsCrossed, ChefHat, Sparkles, Heart, CheckCircle, Leaf, Award, Utensils, Star, HelpCircle, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "feature" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Private Chef Calabasas"
          bottomLeftText="Calabasas, CA"
          bottomRightText="hello@privatechefcalabasas.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Elevate Your Home with Gourmet Elegance"
          description="From intimate dinners to full-scale events, I bring world-class cuisine to your Calabasas home"
          tag="Luxury Culinary Experience"
          tagIcon={UtensilsCrossed}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/vertical-view-delicious-tuna-dish-with-glass-wine-cheese-set_8353-10584.jpg"
          imageAlt="Gourmet plated fine dining cuisine"
          buttons={[
            { text: "Explore My Packages", href: "pricing" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Culinary Excellence Meets Personal Touch"
          description="With over 15 years of experience in high-end dining and event catering, I create bespoke culinary experiences tailored to your preferences, dietary requirements, and celebration style. Every meal is an expression of artistry and passion."
          tag="About Your Chef"
          tagIcon={ChefHat}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-man-cooking_23-2149631703.jpg"
          imageAlt="Professional private chef in kitchen"
          bulletPoints={[
            {
              title: "Personalized Menus",              description: "Custom-designed menus that reflect your tastes and dietary preferences with seasonal, fresh ingredients",              icon: Sparkles
            },
            {
              title: "Intimate Ambiance",              description: "Transform your home into a fine dining establishment with expert plating, presentation, and service",              icon: Heart
            },
            {
              title: "Stress-Free Events",              description: "Handle every detail from planning to cleanup, so you can focus on enjoying time with your guests",              icon: CheckCircle
            },
            {
              title: "Premium Sourcing",              description: "Access to the finest local and specialty ingredients for uncompromising quality and flavor",              icon: Leaf
            }
          ]}
          buttons={[
            { text: "Schedule a Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="What Sets Me Apart"
          description="Discover the key elements that make your private dining experience exceptional"
          tag="Service Features"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Exquisite Plating & Presentation",              tags: ["Culinary Art", "Visual Excellence"],
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2436.jpg",              imageAlt: "Beautifully plated gourmet cuisine"
            },
            {
              id: "2",              title: "Premium Ingredient Sourcing",              tags: ["Quality Focused", "Sustainability"],
              imageSrc: "https://img.b2bpic.net/free-photo/fresh-vegetable-salad-plate_140725-4644.jpg",              imageAlt: "Fresh organic premium ingredients"
            },
            {
              id: "3",              title: "Full-Service Event Management",              tags: ["Complete Service", "Stress-Free"],
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg",              imageAlt: "Professional catering setup and service"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Three Distinct Dining Packages"
          description="Choose the perfect plan for your culinary needs and celebration style"
          tag="Pricing"
          tagIcon={Utensils}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "dinner",              title: "Intimate Dinner",              price: "$800",              period: "per person",              imageSrc: "https://img.b2bpic.net/free-photo/fish-stew-creamy-sauce-tomato-parsley-plate-knife-fork-light-wooden-table_114579-3.jpg",              imageAlt: "Intimate private dinner setting",              button: { text: "Book Now", href: "contact" },
              features: [
                "4-course customized menu",                "Professional wine pairing recommendations",                "Full table service and setup",                "Premium ingredients and presentation",                "2-4 person service"
              ]
            },
            {
              id: "celebration",              title: "Celebration Event",              price: "$1,500",              period: "per person",              imageSrc: "https://img.b2bpic.net/free-photo/after-new-year-s-celebration_637285-12907.jpg",              imageAlt: "Special celebration gourmet dining",              button: { text: "Book Now", href: "contact" },
              features: [
                "Multi-course curated menu",                "Bar service and beverage management",                "Complete event coordination",                "Themed menu options available",                "5-20 person service"
              ]
            },
            {
              id: "fullEvent",              title: "Full-Scale Event",              price: "Custom Quote",              period: "based on details",              imageSrc: "https://img.b2bpic.net/free-photo/confetti-falling-champagne-glasses-candlelight-new-year-s-celebration_637285-12905.jpg",              imageAlt: "Large scale gourmet event catering",              button: { text: "Request Quote", href: "contact" },
              features: [
                "Completely customized multi-course experience",                "Full bar and beverage service",                "Staffing and logistics management",                "Dietary accommodation expertise",                "20+ person service"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Trusted by Calabasas Residents"
          description="Real testimonials from clients who have experienced world-class private dining"
          tag="Client Stories"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Margaret Silva",              role: "Homeowner",              company: "Calabasas",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "Margaret Silva portrait"
            },
            {
              id: "2",              name: "James Chen",              role: "CEO",              company: "Executive Client",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",              imageAlt: "James Chen portrait"
            },
            {
              id: "3",              name: "Victoria Rodriguez",              role: "Event Coordinator",              company: "Luxury Events",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",              imageAlt: "Victoria Rodriguez portrait"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Philanthropist",              company: "Calabasas Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",              imageAlt: "Michael Thompson portrait"
            },
            {
              id: "5",              name: "Sarah Patel",              role: "Restaurant Owner",              company: "Culinary Consultant",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",              imageAlt: "Sarah Patel portrait"
            },
            {
              id: "6",              name: "David Williams",              role: "Private Client",              company: "Calabasas",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",              imageAlt: "David Williams portrait"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about booking your private chef experience"
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727975.jpg"
          imageAlt="Professional kitchen preparation"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How far in advance should I book?",              content: "I recommend booking at least 2-3 weeks in advance to ensure availability and allow time for menu planning. For larger events or special requests, 4-6 weeks advance notice is ideal."
            },
            {
              id: "2",              title: "Can you accommodate dietary restrictions?",              content: "Absolutely. I specialize in customizing menus for all dietary needs including vegan, gluten-free, kosher, halal, and allergy accommodations. Please mention any requirements during your consultation."
            },
            {
              id: "3",              title: "Do you provide beverages and bar service?",              content: "Yes, I can arrange wine pairings, craft cocktails, and full bar service. For celebration and full-scale events, beverage service is included. For intimate dinners, wine pairing recommendations are provided."
            },
            {
              id: "4",              title: "What if my kitchen is small or limited?",              content: "Every kitchen is different, and I work within your space constraints. I bring portable equipment and use efficient preparation methods. We'll discuss your kitchen setup during the initial consultation."
            },
            {
              id: "5",              title: "Do you handle cleanup and tableware?",              content: "Yes, complete cleanup is included with all packages. I bring all necessary serving pieces, linens, and tableware. Everything is removed and cleaned after the event."
            },
            {
              id: "6",              title: "What is your cancellation policy?",              content: "Cancellations made 14+ days in advance receive a full refund. Within 14 days, a 50% cancellation fee applies. Within 7 days, no refund is issued unless the cancellation is due to illness or emergency."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Experience?"
          ctaDescription="Let's create an unforgettable culinary experience tailored to your celebration."
          ctaButton={{ text: "Schedule Consultation", href: "mailto:hello@privatechefcalabasas.com" }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is included in a consultation?",              content: "During our consultation call or in-home visit, we discuss your event details, dietary preferences, kitchen layout, and design your custom menu. This is a no-pressure conversation to ensure we're the perfect fit."
            },
            {
              id: "2",              title: "Can I request a tasting before booking?",              content: "Yes! I offer private tastings for clients interested in larger events. This allows you to experience my culinary style firsthand before committing to your event."
            },
            {
              id: "3",              title: "How do payment and deposits work?",              content: "A 50% deposit secures your date, with the balance due 7 days before your event. I accept all major credit cards and bank transfers for your convenience."
            },
            {
              id: "4",              title: "Are you available for last-minute bookings?",              content: "While 2-3 weeks advance notice is preferred, I do accept last-minute bookings depending on availability. Contact me directly to discuss your specific timeline."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Private Chef Calabasas"
        />
      </div>
    </ThemeProvider>
  );
}