"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Our Story",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Maiky Pizza Batna"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Maiky Pizza Batna"
      description="Authentic artisanal pizza crafted with passion, served fresh in the heart of Batna. Experience the true taste of tradition."
      buttons={[
        {
          text: "View Menu",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3336.jpg"
      imageAlt="fresh artisan pizza wooden table"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Our Passion for Pizza"
      description="At Maiky Pizza, we believe that great pizza starts with fresh ingredients, a traditional recipe, and a whole lot of love. From our dough to our wood-fired oven, every step is a tribute to culinary tradition."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fresh Ingredients",
          description: "Locally sourced, farm-fresh ingredients used daily.",
          buttonIcon: "CheckCircle",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-with-pepper-ingredients_23-2148765344.jpg",
        },
        {
          title: "Wood-Fired Oven",
          description: "Authentic taste achieved through traditional wood-firing.",
          buttonIcon: "Zap",
          imageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27017.jpg",
        },
        {
          title: "Fast Takeaway",
          description: "Enjoy our artisanal pizzas in the comfort of your home.",
          buttonIcon: "Clock",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-pizza-boxes-white-background_1149-1995.jpg",
        },
        {
          title: "Warm Service",
          description: "Customer satisfaction is at the heart of everything we do.",
          buttonIcon: "Heart",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-ordering-food-restaurant_23-2149269232.jpg",
        },
      ]}
      title="Why Choose Maiky Pizza?"
      description="We are committed to delivering the best quality and flavor in every slice."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Margherita",
          price: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-square-pizza-tray_23-2149294865.jpg",
        },
        {
          id: "2",
          name: "Pepperoni",
          price: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-holding-delicious-cooked-pizza-with-bouquet-chamomile-flowers_23-2148753715.jpg",
        },
        {
          id: "3",
          name: "Four Cheese",
          price: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-shrimp-salmonnd-olives_2829-4074.jpg",
        },
        {
          id: "4",
          name: "Vegetable Delight",
          price: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/margarita-pizza-with-mozarella-cheese-tomato-sauce_114579-8801.jpg",
        },
        {
          id: "5",
          name: "Meat Lovers",
          price: "Premium",
          imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-table_140725-5372.jpg",
        },
        {
          id: "6",
          name: "Seafood Special",
          price: "Premium",
          imageSrc: "http://img.b2bpic.net/free-photo/turkish-street-food-lahmacun-with-lemon-fresh-parsley-melted-cheese-top_114579-4348.jpg",
        },
      ]}
      title="Our Menu"
      description="A selection of our finest pizzas to satisfy every craving."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The best pizza in Batna, hands down! Always hot, fresh, and perfectly crusty."
      rating={5}
      author="Amine K."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/crazy-man-angry-expression_1194-5108.jpg",
          alt: "happy pizza customer portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-pizza_23-2151231312.jpg",
          alt: "smiling family dining restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
          alt: "satisfied customer review restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
          alt: "young woman happy pizza restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-man-eating-pizza_23-2151231288.jpg",
          alt: "Front view man eating pizza",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer delivery?",
          content: "Yes, we offer fast delivery services across the Batna area.",
        },
        {
          id: "f2",
          title: "Are your ingredients fresh?",
          content: "Absolutely! We pride ourselves on using fresh, locally sourced ingredients daily.",
        },
        {
          id: "f3",
          title: "Where are you located?",
          content: "You can find us in the heart of Batna. Check the map on Google for precise navigation!",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit or Contact Us"
      description="Have questions or want to place a large order? Reach out anytime."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/restaurant-sign_1101-909.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Information",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Menu",
              href: "#products",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Maiky Pizza Batna"
      bottomRightText="All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
