"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Cake, Candy, Cookie, Droplet, Pizza, Star, Trophy, Wheat, ChefHat, Drumstick, CookingPot, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Menu",          id: "#products"},
        {
          name: "About",          id: "#about"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "FAQs",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Merriman Valley Pizza"
      button={{
        text: "Order Online",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Merriman Valley Pizza"
      description="Authentic Italian taste, handcrafted for you in Akron, OH. Order online or visit us!"
      buttons={[
        {
          text: "Order Online",          href: "#contact"},
        {
          text: "View Menu",          href: "#products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/frame-near-pizzas-rosemary_23-2147772099.jpg"
      imageAlt="Delicious Merriman Valley Pizza"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Story"
      title="Crafting Akron's Favorite Pizzas Since Day One"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Signature Pizzas",          description: "Explore our unique combinations or build your own masterpiece with premium toppings.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-tomatoes-olives-mushrooms-all-sliced-inside-with-flour-grey-desk-green-tissue-pizza-dough-italian-food_140725-22901.jpg",            imageAlt: "Signature pizza with various toppings"},
          items: [
            {
              icon: Wheat,
              text: "Fresh Dough"},
            {
              icon: ChefHat,
              text: "Premium Toppings"},
            {
              icon: Droplet,
              text: "Secret Sauce"},
          ],
          reverse: false
        },
        {
          title: "Classic Appetizers",          description: "Start your meal right with our crispy wings, garlic knots, and loaded fries.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/snacks-beer-fried_140725-11090.jpg",            imageAlt: "Assortment of classic appetizers"},
          items: [
            {
              icon: Drumstick,
              text: "Crispy Wings"},
            {
              icon: CookingPot,
              text: "Garlic Knots"},
            {
              icon: Utensils,
              text: "Loaded Fries"},
          ],
          reverse: true
        },
        {
          title: "Delicious Desserts",          description: "End on a sweet note with our homemade cannolis and delectable brownies.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg",            imageAlt: "Plate of delicious desserts"},
          items: [
            {
              icon: Candy,
              text: "Homemade Cannolis"},
            {
              icon: Cake,
              text: "Gourmet Brownies"},
            {
              icon: Cookie,
              text: "Sweet Treats"},
          ],
          reverse: false
        }
      ]}
      title="More Than Just Pizza"
      description="Beyond our award-winning pizzas, discover a menu crafted to satisfy every craving. We use only the freshest, locally-sourced ingredients whenever possible."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "pepperoni",          name: "Classic Pepperoni",          price: "$15.99",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-box_23-2149962671.jpg",          imageAlt: "Classic Pepperoni Pizza"},
        {
          id: "margherita",          name: "Margherita",          price: "$14.99",          imageSrc: "http://img.b2bpic.net/free-photo/someone-having-breakfast-with-tomatoes-eggs_141793-472.jpg",          imageAlt: "Margherita Pizza"},
        {
          id: "veggie",          name: "Veggie Delight",          price: "$16.99",          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-fried-sausage-bell-pepper_141793-345.jpg",          imageAlt: "Vegetable Delight Pizza"},
        {
          id: "meat-lovers",          name: "Meat Lovers",          price: "$17.99",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cheese-pizza-with-sausages-tomatoes-dark-table_140725-143583.jpg",          imageAlt: "Meat Lovers Pizza"},
        {
          id: "bbq-chicken",          name: "BBQ Chicken",          price: "$16.99",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-white-table_23-2148149114.jpg",          imageAlt: "BBQ Chicken Pizza"},
        {
          id: "hawaiian",          name: "Hawaiian",          price: "$15.99",          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203589.jpg",          imageAlt: "Hawaiian Pizza"},
      ]}
      title="Explore Our Full Menu"
      description="From classic pepperoni to gourmet vegetarian options, there's a pizza for everyone. Pair it with a fresh salad or a delicious side!"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "reviews",          icon: Star,
          title: "Average Rating",          value: "4.5/5"},
        {
          id: "orders",          icon: Pizza,
          title: "Pizzas Made Daily",          value: "200+"},
        {
          id: "years",          icon: Trophy,
          title: "Years Serving Akron",          value: "10+"},
      ]}
      title="Why Merriman Valley Pizza?"
      description="We're more than just a pizza place; we're a community staple, loved by our customers."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Merriman Valley Pizza is hands down the best pizza in Akron! The crust is perfect, toppings are fresh, and delivery is always fast. A true local gem!"
      rating={5}
      author="Sarah P."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/dreamy-woman-love-recalls-perfect-date-with-boyfriend-thinks-about-cute-sweet-things-keeps-hands-neck-looks-somewhere-wears-green-sweater_273609-38781.jpg",          alt: "John Doe"},
        {
          src: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",          alt: "Jane Smith"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-looking-camera_23-2148148118.jpg",          alt: "Robert Brown"},
        {
          src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg",          alt: "Alice Williams"},
        {
          src: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-superhero-woman-red-cape_141793-114953.jpg",          alt: "Chris Green"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "Do you offer delivery?",          content: "Yes, we deliver within a 5-mile radius of our location. You can order directly through our website or by calling us."},
        {
          id: "faq2",          title: "What are your operating hours?",          content: "We are open Tuesday - Sunday, 4 PM to 9 PM. Closed on Mondays."},
        {
          id: "faq3",          title: "Do you have gluten-free options?",          content: "Yes, we offer gluten-free crusts upon request. Please note that while we take precautions, our kitchen is not entirely gluten-free."},
      ]}
      sideTitle="Got Questions?"
      sideDescription="Find quick answers to our most common queries about ordering, delivery, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get In Touch"
      title="Visit Us or Order for Pickup"
      description="Located in the heart of Merriman Valley, we're ready to serve you the freshest pizza in Akron. Call us to place your order or stop by!"
      imageSrc="http://img.b2bpic.net/free-photo/3d-view-map_23-2150471680.jpg"
      imageAlt="Map showing Merriman Valley Pizza location"
      mediaAnimation="opacity"
      inputPlaceholder="Your email"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Merriman Valley Pizza"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Pizzas",              href: "#products"},
            {
              label: "Appetizers",              href: "#products"},
            {
              label: "Desserts",              href: "#products"},
            {
              label: "Drinks",              href: "#"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Reviews",              href: "#testimonials"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Merriman Valley Pizza. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
