"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Chef's Table"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Experience Exquisite Private Dining"
      description="Indulge in a bespoke culinary journey crafted exclusively for you. From intimate dinners to grand celebrations, Chef's Table brings world-class cuisine directly to your home."
      buttons={[
        {
          text: "Book a Consultation",          href: "#contact"},
        {
          text: "Explore Menus",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-makes-fresh-vegetable-salad-closeup_169016-29623.jpg"
      imageAlt="Gourmet dish elegantly plated"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-397.jpg",          alt: "Satisfied client testimonial"},
        {
          src: "http://img.b2bpic.net/free-photo/man-enjoying-new-year-party-with-his-family_23-2149173260.jpg",          alt: "Happy dinner guest"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg",          alt: "Event attendee smiling"},
        {
          src: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3968.jpg",          alt: "Culinary enthusiast"},
        {
          src: "http://img.b2bpic.net/free-photo/young-pretty-woman-dress-cafe-with-glass-wine_624325-768.jpg",          alt: "Private dining patron"},
      ]}
      avatarText="Join over 500 delighted clients."
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Passion for Culinary Excellence"
      description="With over a decade of experience in Michelin-starred kitchens and luxury private events, our chef blends traditional techniques with innovative flavors to create unforgettable dining experiences tailored to your palate."
      metrics={[
        {
          value: "10+",          title: "Years Experience"},
        {
          value: "500+",          title: "Events Catered"},
        {
          value: "99%",          title: "Client Satisfaction"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-female-chef-with-mask-cooking-kitchen_23-2148763140.jpg"
      imageAlt="Portrait of a smiling professional chef"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "1",          title: "Custom Menu Design",          tags: [
            "Personalized",            "Dietary Needs"],
          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-soup-spoon-tomatoes-garlic-lemon-oil-pumpkin-soup-sauce-white-notebook_140725-71680.jpg",          imageAlt: "Chef designing a custom menu"},
        {
          id: "2",          title: "Intimate Event Catering",          tags: [
            "Dinners",            "Celebrations"],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg",          imageAlt: "Elegant table setting for an intimate event"},
        {
          id: "3",          title: "Interactive Cooking Classes",          tags: [
            "Hands-On",            "Skill Building"],
          imageSrc: "http://img.b2bpic.net/free-photo/two-friends-cooking-together-kitchen_23-2148708915.jpg",          imageAlt: "Hands-on cooking class in a home kitchen"},
      ]}
      title="Our Signature Services"
      description="We offer a range of bespoke culinary services designed to cater to your every need, ensuring a truly personalized and luxurious experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Pan-Seared Scallops",          price: "Market Price",          variant: "Appetizer",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mix-seafood-table_23-2148290485.jpg",          imageAlt: "Pan-seared scallops with a light sauce"},
        {
          id: "p2",          name: "Wild Mushroom Risotto",          price: "Seasonal",          variant: "Main Course",          imageSrc: "http://img.b2bpic.net/free-photo/steaming-spaghetti-bolognese-with-parmesan-cheese_84443-94442.jpg",          imageAlt: "Creamy wild mushroom risotto"},
        {
          id: "p3",          name: "Beef Tenderloin",          price: "Market Price",          variant: "Main Course",          imageSrc: "http://img.b2bpic.net/free-photo/ginger-cake-piece-decorated-with-vanilla-ice-cream-strawberry-black-currant-raspberry-blackberry-pistachio_141793-2243.jpg",          imageAlt: "Perfectly cooked beef tenderloin with garnish"},
        {
          id: "p4",          name: "Chocolate Lava Cake",          price: "$15",          variant: "Dessert",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-chef-decorating-delicious-dessert_23-2147863806.jpg",          imageAlt: "Warm chocolate lava cake with berries"},
        {
          id: "p5",          name: "Caprese Skewers",          price: "$12",          variant: "Appetizer",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-italian-salad-antipasto-called-caprese-with-buffalo-mozzarella-sliced-tomatoes-basil-with-olive-oil-ingredients-vegetarian-caprese-salad-italian-food-top-view-rustic-style_1150-44797.jpg",          imageAlt: "Fresh caprese skewers with balsamic glaze"},
        {
          id: "p6",          name: "Roasted Duck Breast",          price: "Seasonal",          variant: "Main Course",          imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg",          imageAlt: "Roasted duck breast with an orange glaze"},
      ]}
      title="A Glimpse of Our Menu"
      description="Explore a selection of our signature dishes, showcasing fresh ingredients and culinary artistry. Each dish can be customized to your preferences."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "The dinner party was an absolute dream! Every dish was a masterpiece, beautifully presented and incredibly delicious. Chef's Table exceeded all expectations.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598344.jpg",          imageAlt: "Sarah J."},
        {
          id: "t2",          name: "Michael C.",          handle: "@michaelc",          testimonial: "Having a private chef was a game-changer for our anniversary. The personalized menu and impeccable service made it truly special.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-chef-seasoning-salad_23-2148471931.jpg",          imageAlt: "Michael C."},
        {
          id: "t3",          name: "Emily R.",          handle: "@emilyr",          testimonial: "The cooking class was so much fun and very informative! I learned new techniques and now feel confident recreating gourmet meals.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/sweethearts-tasting-meal_23-2148114282.jpg",          imageAlt: "Emily R."},
        {
          id: "t4",          name: "David K.",          handle: "@davidk",          testimonial: "Outstanding! From the initial consultation to the final cleanup, everything was handled with the utmost professionalism. The food was simply divine.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-plate_23-2148681855.jpg",          imageAlt: "David K."},
        {
          id: "t5",          name: "Jessica L.",          handle: "@jessical",          testimonial: "Chef's Table catered our corporate event, and the feedback was phenomenal. The innovative dishes and seamless service made it a huge success.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1472.jpg",          imageAlt: "Jessica L."},
        {
          id: "t6",          name: "Daniel P.",          handle: "@danielp",          testimonial: "A truly luxurious experience. The attention to detail and exquisite flavors of every course were beyond compare. Highly recommend for any special occasion.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-married-woman_23-2148060430.jpg",          imageAlt: "Daniel P."},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear from satisfied clients who consistently give us a 4.8-star rating for our exceptional private chef services."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Luxury Estates",        "Exclusive Resorts",        "Yacht Charters",        "Gourmet Suppliers",        "Event Planners",        "Boutique Hotels",        "Fine Wine Labels"]}
      title="Trusted by Discerning Clients & Venues"
      description="We've earned a stellar reputation with 4.8 stars from 706 reviews, trusted by esteemed individuals and partnering with some of the finest establishments in the region."
      speed={40}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "How do I book a private chef?",          content: "You can book a private chef by filling out our contact form or scheduling a consultation call. We'll discuss your event details, preferences, and dietary needs."},
        {
          id: "f2",          title: "Do you accommodate dietary restrictions?",          content: "Absolutely! We specialize in creating custom menus that cater to various dietary restrictions, allergies, and preferences, ensuring a safe and delightful experience for everyone."},
        {
          id: "f3",          title: "What's included in your private dining service?",          content: "Our private dining service typically includes menu planning, ingredient sourcing, on-site meal preparation, professional service, and kitchen cleanup. Specifics can be tailored."},
        {
          id: "f4",          title: "Can you cater for large events?",          content: "While we specialize in intimate settings, we can accommodate larger events depending on the style of service and menu. Please contact us to discuss your specific event requirements."},
        {
          id: "f5",          title: "What regions do you serve?",          content: "We primarily serve [Your Region/City], but are available for travel and destination events. Please inquire about your location."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our private chef services, booking process, and culinary offerings."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Book Your Culinary Experience"
      description="Ready to transform your next event into an unforgettable culinary journey? Contact us today to discuss your vision and receive a personalized quote. Call us at 064 5939352 or find us on Instagram at instagram.com/chefstable."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"},
        {
          name: "eventDate",          type: "date",          placeholder: "Preferred Event Date"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your event and culinary preferences...",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg"
      imageAlt="Chef preparing ingredients in a modern kitchen"
      mediaPosition="left"
      buttonText="Send Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Private Dining",              href: "#services"},
            {
              label: "Event Catering",              href: "#services"},
            {
              label: "Cooking Classes",              href: "#services"},
            {
              label: "Custom Menus",              href: "#menu"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Phone: 064 5939352",              href: "tel:+353645939352"
            },
            {
              label: "Instagram",              href: "https://instagram.com/chefstable"
            }
          ]
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Chef's Table"
      copyrightText="© 2024 Chef's Table. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
