"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Specials",          id: "#specials"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Da Cicciotto"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Authentic Italian Pizza in the Heart of Italy"
      description="Experience the true taste of Naples with our handcrafted pizzas, baked to perfection in a traditional wood-fired oven. Every bite is a journey to Italy."
      buttons={[
        {
          text: "View Menu",          href: "#menu"},
        {
          text: "Order Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg"
      imageAlt="Delicious traditional Italian pizza in a rustic setting"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          alt: "Smiling female staff at airport terminal"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Closeup of Smiling Beautiful Adult Businesswoman"},
        {
          src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",          alt: "Happy face of attractive bearded man"},
        {
          src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",          alt: "Successful man pointing to camera with finger"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-cheerfully-showing-thumbs-up-green-wall_141793-29344.jpg",          alt: "Young woman smiling cheerfully"},
      ]}
      avatarText="Join our 100K+ happy customers!"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Our Story: A Family Tradition Since 1980"
      description="Da Cicciotto has been a beloved family pizzeria for generations, committed to using only the freshest local ingredients and time-honored recipes. Our passion for pizza is baked into every delicious slice, serving authentic flavors to our community and visitors alike. We believe in quality, tradition, and bringing people together over great food."
      buttons={[
        {
          text: "Learn More",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/italian-chef-uniform-is-preparing-pastry-pizza-kitchen_613910-14748.jpg"
      imageAlt="Traditional Italian pizzeria kitchen with wood-fired oven"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "margherita",          name: "Pizza Margherita",          price: "€12.50",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-fresh-cheese_23-2150096956.jpg",          imageAlt: "Classic Margherita pizza"},
        {
          id: "pepperoni",          name: "Pizza Pepperoni",          price: "€14.00",          imageSrc: "http://img.b2bpic.net/free-photo/pizza-table-light-blue-color_58702-762.jpg",          imageAlt: "Spicy Pepperoni pizza"},
        {
          id: "vegetarian",          name: "Pizza Vegetariana",          price: "€13.50",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601578.jpg",          imageAlt: "Fresh Vegetable pizza"},
        {
          id: "four-cheese",          name: "Pizza Quattro Formaggi",          price: "€15.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3296.jpg",          imageAlt: "Four Cheese pizza"},
        {
          id: "diavola",          name: "Pizza Diavola",          price: "€14.50",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134279.jpg",          imageAlt: "Spicy Diavola pizza"},
        {
          id: "prosciutto",          name: "Pizza Prosciutto e Funghi",          price: "€14.00",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-italian-pizza-with-ingredients-white-wooden-table_23-2148195061.jpg",          imageAlt: "Prosciutto and Mushroom pizza"},
      ]}
      title="Our Signature Pizzas"
      description="From classic Margherita to gourmet creations, each pizza is a masterpiece of flavor and tradition, crafted with love and the finest local ingredients."
    />
  </div>

  <div id="specials" data-section="specials">
      <FeatureCardTwentyFour
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Seasonal Pesto Pizza",          author: "Chef Andrea",          description: "A delightful blend of fresh basil pesto, cherry tomatoes, and local ricotta, available for a limited time.",          tags: [
            "Seasonal",            "Fresh"],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-colored-bell-peppers-cutting-board-with-mint-raw-spaghetti-garlic-turquoise-surface_141793-17656.jpg",          imageAlt: "Fresh basil pesto and cherry tomatoes"},
        {
          id: "f2",          title: "Authentic Wood-Fired Taste",          author: "Da Cicciotto",          description: "Our pizzas are cooked in a traditional wood-fired oven, giving them a perfectly crispy crust and unique smoky flavor. Each one is a testament to our passion.",          tags: [
            "Traditional",            "Wood-Fired"],
          imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_23-2150134280.jpg",          imageAlt: "Wood-fired oven interior with flames"},
        {
          id: "f3",          title: "Chef's Special Risotto",          author: "Chef Isabella",          description: "Beyond pizza, enjoy our special creamy saffron risotto with wild mushrooms, a true taste of Italian cuisine, prepared with local, fresh ingredients.",          tags: [
            "Gourmet",            "Limited"],
          imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-platter_114579-16536.jpg",          imageAlt: "Chef preparing a gourmet risotto"},
      ]}
      title="Daily Specials & Fresh Ingredients"
      description="Discover our rotating seasonal specials and the finest, hand-picked local ingredients that make our pizzas truly unforgettable. We pride ourselves on freshness and quality."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: Sparkles,
          title: "Years of Tradition",          value: "40+"},
        {
          id: "m2",          icon: Users,
          title: "Happy Customers",          value: "100K+"},
        {
          id: "m3",          icon: Award,
          title: "Awards Won",          value: "5+"},
      ]}
      title="Our Numbers Speak for Themselves"
      description="Decades of tradition, countless happy customers, and a steadfast commitment to authentic Italian flavors define Da Cicciotto. Our legacy is built on quality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Maria Rossi",          handle: "@mariar",          testimonial: "The best pizza I've had outside of Naples! Every bite takes me back to my childhood. Truly authentic and delicious.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",          imageAlt: "Maria Rossi avatar"},
        {
          id: "t2",          name: "Giovanni Bianchi",          handle: "@giob",          testimonial: "Da Cicciotto is our family's favorite spot. The quality of ingredients is superb, and the atmosphere is wonderfully inviting. A must-visit!",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenage-girl-wearing-trendy-colorful-clothing-rejoicing-positive-news-looking-with-charming-smile-showing-her-perfect-white-teeth-people-lifestyle-youth-happiness_273609-8086.jpg",          imageAlt: "Giovanni Bianchi avatar"},
        {
          id: "t3",          name: "Sophia Moretti",          handle: "@sophiam",          testimonial: "I always recommend this place to my friends. The specials are always exciting, and the classic pizzas are perfection. Impeccable service!",          imageSrc: "http://img.b2bpic.net/free-photo/bussinessman-brown-suit-studio-portrait_53876-102939.jpg",          imageAlt: "Sophia Moretti avatar"},
        {
          id: "t4",          name: "Luca Esposito",          handle: "@luca_e",          testimonial: "An incredible culinary experience! The wood-fired crust is divine, and the toppings are always fresh. You can taste the passion in their food.",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",          imageAlt: "Luca Esposito avatar"},
        {
          id: "t5",          name: "Elena & Marco",          handle: "@food_duo",          testimonial: "Our go-to for date night! The ambiance is charming, and the food is consistently outstanding. It feels like a little piece of Italy.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-picture-cafe_329181-2945.jpg",          imageAlt: "Elena and Marco avatar"},
        {
          id: "t6",          name: "Isabella Conti",          handle: "@isabellac",          testimonial: "Simply the best traditional Italian pizza. The ingredients are so fresh, and the staff makes you feel right at home. I keep coming back!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",          imageAlt: "Smiling African American girl sitting in cafe"},
      ]}
      title="What Our Guests Say"
      description="Hear directly from our happy customers who've tasted the difference at Da Cicciotto. Their words inspire us to continue our tradition of excellence."
      speed={50}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "Do you offer gluten-free options?",          content: "Yes, we offer delicious gluten-free pizza crusts for all our pizzas. Please inform our staff when ordering so we can accommodate your needs perfectly."},
        {
          id: "q2",          title: "Can I make a reservation online?",          content: "Absolutely! You can use our convenient online contact form or call us directly to make a reservation for your table. We recommend booking in advance."},
        {
          id: "q3",          title: "Do you provide catering services?",          content: "Yes, we offer catering for private events, parties, and corporate functions. Please contact us for a customized menu and a personalized quote for your special occasion."},
        {
          id: "q4",          title: "What are your opening hours?",          content: "We are open Tuesday to Sunday from 12:00 PM to 10:00 PM. We are closed on Mondays to prepare for the week ahead."},
        {
          id: "q5",          title: "Are your ingredients locally sourced?",          content: "We are proud to source many of our fresh vegetables, cheeses, and meats from local Italian farms and suppliers to ensure the highest quality and support our community."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-holding-sauce-bottle_23-2148773532.jpg"
      imageAlt="Traditional wood-fired pizza oven"
      mediaAnimation="opacity"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our menu, reservations, ingredients, and services. We're here to help make your experience perfect."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Italian Foodies Guide",        "Local Eats Magazine",        "Taste of Rome Awards",        "Gourmet Pizza Review",        "Community's Choice Dining",        "Authentic Italian Kitchens",        "Mediterranean Bites Blog",        "The Daily Plate",        "Culinary Rome Journal"]}
      title="Proudly Featured In & Recognized By"
      description="We are honored to be recognized by esteemed local food guides and beloved by our community for our commitment to authentic Italian pizza."
      speed={40}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Us or Make a Reservation"
      description="We'd love to welcome you to Da Cicciotto. Fill out the form below to inquire or make a reservation, or find us directly on the map!"
      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: "guests",          type: "number",          placeholder: "Number of Guests (for reservation)",          required: false,
        },
        {
          name: "date",          type: "date",          placeholder: "Preferred Date (for reservation)",          required: false,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message or Reservation Request",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/cash-from-various-countries-global-economic-crisis-concept_181624-22935.jpg"
      imageAlt="Map pin on an Italian map showing pizzeria location"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Pizzas",              href: "#menu"},
            {
              label: "Specials",              href: "#specials"},
            {
              label: "Drinks",              href: "#"},
            {
              label: "Desserts",              href: "#"},
            {
              label: "Coffee",              href: "#"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Our Values",              href: "#"},
            {
              label: "Team",              href: "#"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Awards",              href: "#metrics"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Reservations",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Da Cicciotto. All rights reserved."
      bottomRightText="Made with passion in Italy."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
