"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, CheckCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Pizza Palace"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Deals", id: "deals" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Pizza Palace"
          description="Taste the tradition, savor the flavor. Freshly baked pizzas delivered right to your door!"
          buttons={[
            { text: "Order Now", href: "#menu" },
            { text: "View Deals", href: "#deals" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-pizza-laptop_23-2149177838.jpg"
          imageAlt="Delicious hot pepperoni pizza"
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Crafting Perfection, One Slice at a Time"
          description="At Pizza Palace, we believe in the art of pizza making. Using only the finest, freshest ingredients and time-honored recipes, every pizza is a masterpiece. From our handcrafted dough to our rich, savory sauces and premium toppings, we're dedicated to bringing you an unforgettable taste experience."
          metrics={[
            { value: "10+", title: "Years of Experience" },
            { value: "50+", title: "Unique Recipes" },
            { value: "10K+", title: "Happy Customers" }
          ]}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/chef-making-pizza-kitchen_1150-17792.jpg"
          imageAlt="Pizza chef preparing dough in a traditional kitchen"
          mediaAnimation="slide-up"
          metricsAnimation="blur-reveal"
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardNineteen
          features={[
            {
              tag: "Fast & Fresh",              title: "Speedy Delivery",              subtitle: "Hot and ready, right to your door.",              description: "Our dedicated delivery team ensures your pizza arrives piping hot and fresh, every time. Experience convenience without compromising on quality or taste.",              imageSrc: "http://img.b2bpic.net/free-photo/stupefied-handsome-male-driver-scooter-with-red-helmet-delivering-pizza_273609-31430.jpg",              imageAlt: "Pizza delivery person on a scooter"
            },
            {
              tag: "Quality First",              title: "Premium Ingredients",              subtitle: "Only the best for your plate.",              description: "We source the freshest vegetables, finest cheeses, and highest-quality meats. Every ingredient is selected for its taste and freshness, ensuring a superior pizza experience.",              imageSrc: "http://img.b2bpic.net/free-photo/baked-potatoes-eggplant-zucchini-wooden-table_140725-9407.jpg",              imageAlt: "Fresh vegetables and ingredients for pizza"
            },
            {
              tag: "Rewards",              title: "Loyalty Program",              subtitle: "Earn points with every purchase.",              description: "Join our loyalty program and start earning points with every order. Redeem them for exclusive discounts, free pizzas, and special offers!",              imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367138.jpg",              imageAlt: "Loyalty card with pizza slice icon"
            }
          ]}
          title="Why Choose Pizza Palace?"
          description="Beyond just great pizza, we offer an experience built on quality, convenience, and customer satisfaction."
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardFour
          products={[
            {
              id: "margherita",              name: "Classic Margherita",              price: "$12.99",              variant: "Large",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305641.jpg",              imageAlt: "Classic Margherita Pizza"
            },
            {
              id: "pepperoni",              name: "Spicy Pepperoni",              price: "$14.99",              variant: "Large",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-tomato-sauce-cheese_141793-2448.jpg",              imageAlt: "Spicy Pepperoni Pizza"
            },
            {
              id: "veggie",              name: "Garden Veggie",              price: "$13.99",              variant: "Large",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-mushroom-pizza-with-red-tomatoes-olives-mushrooms-all-sliced-inside-with-oil-grey-background-green-tissue-pizza-dough-italian_140725-23186.jpg",              imageAlt: "Garden Veggie Pizza"
            },
            {
              id: "bbqchicken",              name: "BBQ Chicken Feast",              price: "$15.99",              variant: "Large",              imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-mushrooms-sesame_140725-2435.jpg",              imageAlt: "BBQ Chicken Pizza"
            },
            {
              id: "hawaiian",              name: "Tropical Hawaiian",              price: "$14.49",              variant: "Large",              imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza-with-pineappleham-cheese-wooden-table_123827-21235.jpg",              imageAlt: "Tropical Hawaiian Pizza"
            },
            {
              id: "mushroom",              name: "Wild Mushroom",              price: "$13.49",              variant: "Large",              imageSrc: "http://img.b2bpic.net/free-photo/chef39s-hands-cover-ingredients-dough-while-preparing-traditional-italian-dish-calzone_166373-6895.jpg",              imageAlt: "Wild Mushroom Pizza"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          title="Our Delicious Menu"
          description="Explore our wide selection of mouth-watering pizzas, crafted with passion and the freshest ingredients."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="\"Pizza Palace consistently delivers the best pizza in town! The crust is perfect, the toppings are fresh, and the service is always exceptional. It's our go-to for family pizza night, every time.\""
          rating={5}
          author="Sarah M."
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/man-enjoying-his-home-alone-time-while-reading-book-having-pizza_23-2149527957.jpg", alt: "Sarah M." },
            { src: "http://img.b2bpic.net/free-photo/handsome-happy-guy-sitting-cafe-drinking-lemonade-using-mobile-phone-laughing-text-message_176420-25740.jpg", alt: "John D." },
            { src: "http://img.b2bpic.net/free-photo/mature-woman-standing-with-crossed-arms-blue-t-shirt-looking-merry_176474-32887.jpg", alt: "Emily R." },
            { src: "http://img.b2bpic.net/free-photo/close-up-baker-s-hand-kneading-dough_23-2147883567.jpg", alt: "Chef Marco" },
            { src: "http://img.b2bpic.net/free-photo/people-eating-pizza_52683-111550.jpg", alt: "Happy Family" }
          ]}
          ratingAnimation="blur-reveal"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="deals" data-section="deals">
        <PricingCardThree
          plans={[
            {
              id: "family-deal",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$29.99",              name: "Family Feast",              buttons: [{ text: "Order Deal" }],
              features: ["2 Large Pizzas", "1 Appetizer", "4 Soft Drinks", "Perfect for 4-6 people"]
            },
            {
              id: "lunch-special",              badge: "Great Value",              badgeIcon: CheckCircle,
              price: "$9.99",              name: "Lunch Special",              buttons: [{ text: "Order Now" }],
              features: ["1 Medium Pizza", "1 Soft Drink", "Available Mon-Fri, 11 AM - 2 PM", "Quick and delicious"]
            },
            {
              id: "party-package",              badge: "Best Offer",              badgeIcon: Star,
              price: "$59.99",              name: "Party Package",              buttons: [{ text: "Customize Order" }],
              features: ["4 Large Pizzas", "2 Appetizers", "8 Soft Drinks", "Ideal for large gatherings"]
            }
          ]}
          animationType="scale-rotate"
          title="Unbeatable Deals & Combos"
          description="Get more for less with our special offers, perfect for any occasion."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            { id: "faq1", title: "What are your delivery hours?", content: "We deliver from 11:00 AM to 10:00 PM on weekdays, and 11:00 AM to 11:00 PM on weekends." },
            { id: "faq2", title: "Do you offer gluten-free options?", content: "Yes, we offer delicious gluten-free crusts. Please specify your preference when ordering." },
            { id: "faq3", title: "How can I track my order?", content: "Once your order is placed, you'll receive a confirmation email with a link to track its status in real-time." }
          ]}
          title="Frequently Asked Questions"
          description="Find quick answers to your most common questions about our services, menu, and delivery."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to order the best pizza in town? Contact us now or place your order online for a delightful experience!"
          buttons={[
            { text: "Call Us", href: "tel:+1234567890" },
            { text: "Email Us", href: "mailto:info@pizzapalace.com" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="Pizza Palace"
          columns={[
            {
              title: "Menu",              items: [
                { label: "Classic Pizzas", href: "#menu" },
                { label: "Vegetarian", href: "#menu" },
                { label: "Specialty Pizzas", href: "#menu" },
                { label: "Drinks", href: "#" }
              ]
            },
            {
              title: "About Us",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Locations", href: "#" },
                { label: "Team", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
                { label: "Delivery Info", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Pizza Palace. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
