"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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z62r5w"
      logoAlt="Restaurante Aladino Logo"
      brandName="Restaurante Aladino"
      bottomLeftText="Authentic Flavors"
      bottomRightText="reservations@aladino.com"
      button={{
        text: "Book a Table",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Savor the Magic of Aladino"
      description="Experience a culinary journey with authentic Middle Eastern flavors in an enchanting ambiance."
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Reserve a Table",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-yellow-sugar-vase_140725-2334.jpg"
      imageAlt="Elegant Middle Eastern restaurant interior"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Story: A Culinary Journey from Aladdin's Lamp",
        },
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Lamb Tagine",
          price: "$28.00",
          imageSrc: "http://img.b2bpic.net/free-photo/rack-lamb_1417-156.jpg",
          imageAlt: "Slow-cooked lamb tagine with vegetables",
        },
        {
          id: "p2",
          name: "Chicken Shawarma Plate",
          price: "$22.00",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-top-rice-served-with-pickles-vegetables_140725-249.jpg",
          imageAlt: "Chicken shawarma plate with hummus and pita",
        },
        {
          id: "p3",
          name: "Hummus with Pita",
          price: "$10.00",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039361.jpg",
          imageAlt: "Creamy hummus with warm pita bread",
        },
        {
          id: "p4",
          name: "Falafel Platter",
          price: "$18.00",
          imageSrc: "http://img.b2bpic.net/free-photo/spices-near-bowl-with-chickpea_23-2147894632.jpg",
          imageAlt: "Crispy falafel balls with tahini sauce",
        },
        {
          id: "p5",
          name: "Mezze Platter",
          price: "$35.00",
          imageSrc: "http://img.b2bpic.net/free-photo/meat-sage-with-potatoes-eggplant-pita-bread-top-view_140725-7394.jpg",
          imageAlt: "Assortment of Middle Eastern appetizers",
        },
        {
          id: "p6",
          name: "Baklava Assortment",
          price: "$12.00",
          imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-turkish-delight-lokum-with-nuts-top-view_114579-8370.jpg",
          imageAlt: "Sweet baklava pastries with nuts and honey",
        },
      ]}
      title="Our Exquisite Menu"
      description="From succulent tagines to aromatic kebabs, our menu is a celebration of authentic Middle Eastern cuisine. Each dish is prepared with the freshest ingredients and a touch of magic."
    />
  </div>

  <div id="specialties" data-section="specialties">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Chef's Signature Dishes",
          description: "Explore our rotating selection of Chef Omar's personal creations, blending ancient techniques with modern presentation.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/professional-male-chef-smelling-tasty-soup-ladle_23-2147863710.jpg",
            imageAlt: "Chef preparing a dish",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-with-black-currant-jam_140725-975.jpg",
            imageAlt: "Plated gourmet dish",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z62r5w",
          imageAlt: "chef cooking gourmet dish",
        },
        {
          title: "Live Entertainment",
          description: "Enjoy enchanting evenings with live music and traditional dance performances, enhancing your dining experience.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/closeup-part-drum-kit-blurred-background_169016-23241.jpg",
            imageAlt: "Musician playing traditional instrument",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/dancer-practicing-contemporary-dance_107420-63956.jpg",
            imageAlt: "Belly dancer performing",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/white-yellow-sugar-vase_140725-2334.jpg",
          imageAlt: "chef cooking gourmet dish",
        },
        {
          title: "Private Dining Experience",
          description: "Host your special events in our exclusive private dining areas, perfect for intimate gatherings and celebrations.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg",
            imageAlt: "Elegant private dining room",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/elegant-restaurant-table-setting-service-reception_53876-16167.jpg",
            imageAlt: "Set table for a private event",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934693.jpg",
          imageAlt: "chef cooking gourmet dish",
        },
      ]}
      showStepNumbers={true}
      title="Aladino's Culinary Highlights"
      description="Discover what makes Restaurante Aladino a truly unique dining experience. Our specialties are crafted with passion and tradition."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "15+",
          title: "Years of Culinary Artistry",
          description: "Decades of experience crafting exquisite Middle Eastern dishes.",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-neon-sign-that-says-burger-it_123827-23456.jpg",
          imageAlt: "Chef hat icon",
        },
        {
          id: "m2",
          value: "98%",
          title: "Customer Satisfaction",
          description: "Our guests consistently praise our food, service, and ambiance.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-view-yellow-emoji_23-2150473703.jpg",
          imageAlt: "Smiling customer icon",
        },
        {
          id: "m3",
          value: "1000s",
          title: "Happy Diners Served",
          description: "Welcoming countless guests to our table since our opening.",
          imageSrc: "http://img.b2bpic.net/free-vector/different-kitchen-icons_1284-608.jpg",
          imageAlt: "Fork and knife icon",
        },
      ]}
      title="Our Commitment to Excellence"
      description="Our success is built on a foundation of passion, authenticity, and unwavering dedication to our guests."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sophia M.",
          role: "Food Blogger",
          company: "Taste Adventures",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/awesome-brunette-woman-white-underwear-isolated-grey-background_613910-14785.jpg",
          imageAlt: "Sophia M.",
        },
        {
          id: "t2",
          name: "Liam K.",
          role: "Local Guide",
          company: "City Eats",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg",
          imageAlt: "Liam K.",
        },
        {
          id: "t3",
          name: "Olivia D.",
          role: "Event Planner",
          company: "Celebrations Co.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/magnificent-young-woman-with-elegant-hairstyle-looking-away-smiling-standing-outdoor-portrait-inspired-fair-haired-lady-with-red-manicure-holding-wineglass_197531-4295.jpg",
          imageAlt: "Olivia D.",
        },
        {
          id: "t4",
          name: "Noah J.",
          role: "Culinary Enthusiast",
          company: "Gourmet Seeker",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-cook-wearing-chef-uniform-glasses-isolated-white-wall_141793-78416.jpg",
          imageAlt: "Noah J.",
        },
        {
          id: "t5",
          name: "Ava R.",
          role: "Restaurant Critic",
          company: "Dining Review",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-attractive-smiling-woman-dressed-elegant-blue-suit-walking-city_285396-7917.jpg",
          imageAlt: "Ava R.",
        },
      ]}
      title="What Our Guests Say"
      description="Hear from our cherished patrons about their magical experiences at Restaurante Aladino."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer vegetarian or vegan options?",
          content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes. Please inform your server about any dietary restrictions.",
        },
        {
          id: "f2",
          title: "Can I make a reservation online?",
          content: "Absolutely! You can easily make a reservation through our website's contact section or by calling us directly.",
        },
        {
          id: "f3",
          title: "Do you host private events or catering?",
          content: "Yes, Restaurante Aladino is available for private events and offers catering services. Please contact us for more details and custom packages.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about dining at Restaurante Aladino."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Reserve Your Table"
      description="Book your culinary adventure at Restaurante Aladino. We look forward to welcoming you!"
      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",
        },
        {
          name: "date",
          type: "date",
          placeholder: "Date",
          required: true,
        },
        {
          name: "time",
          type: "time",
          placeholder: "Time",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Special Requests (allergies, special occasion, etc.)",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/two-cups-turkish-coffee-served-with-sweets_140725-7108.jpg"
      imageAlt="Elegant restaurant dining area"
      mediaAnimation="none"
      mediaPosition="left"
      buttonText="Make Reservation"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z62r5w"
      logoAlt="Restaurante Aladino Logo"
      logoText="Aladino"
      columns={[
        {
          title: "Discover",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Specialties",
              href: "#specialties",
            },
          ],
        },
        {
          title: "Visit Us",
          items: [
            {
              label: "Reservations",
              href: "#contact",
            },
            {
              label: "Location",
              href: "#",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Restaurante Aladino. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
