"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Flame, Leaf, ShieldCheck, ShoppingCart, Utensils } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Pasillo Oriental"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Authentic Halal Cuisine, Córdobas Best-Kept Secret"
      description="Join 2,700 diners enjoying kushari, falafel, and traditional Middle Eastern flavors. Order online for delivery, takeout, or dine in today."
      testimonials={[
        {
          name: "Fatima Zahra",          handle: "@halal_foodie",          testimonial: "Pasillo Oriental is a true gem! The flavors transport you straight to the Middle East. Every dish is prepared with such care and authenticity. A must-visit in Córdoba!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-spanish-tortilla-plate_23-2150168123.jpg",          imageAlt: "Fatima Zahra"},
        {
          name: "Ahmed Khan",          handle: "@cordoba_eats",          testimonial: "Absolutely fantastic! The falafel is crispy, the kushari is rich, and the baklava melts in your mouth. Hands down the best halal food I've had in Spain. Highly recommended for locals and tourists.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-sitting_23-2148966585.jpg",          imageAlt: "Ahmed Khan"},
        {
          name: "Sara Ali",          handle: "@travel_halal",          testimonial: "Finding a certified halal restaurant of this quality is a blessing. Pasillo Oriental exceeded all expectations. The staff are wonderful, and the atmosphere is so welcoming. Can't wait to come back!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187238.jpg",          imageAlt: "Sara Ali"},
        {
          name: "Omar Hassan",          handle: "@foodlover_es",          testimonial: "Consistently excellent. I've ordered online multiple times, and the food always arrives fresh and hot. Dining in is also a beautiful experience. The Turkish coffee is a perfect end to any meal.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg",          imageAlt: "Omar Hassan"},
        {
          name: "Leila Benali",          handle: "@andalusian_flavors",          testimonial: "A taste of home in Córdoba! The authentic recipes and generous portions make Pasillo Oriental stand out. Their commitment to halal is evident, and the taste is simply divine. Five stars!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",          imageAlt: "Leila Benali"},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Order Now",          href: "#menu"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-attractive-white-female-smiling-camera_181624-9213.jpg",          alt: "Happy Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          alt: "Happy Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-friendly-woman-holding-shopping-bags_1098-1574.jpg",          alt: "Happy Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/old-man-smiling_1149-1117.jpg",          alt: "Happy Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-thoughtful-teenage-girl-looking-up_23-2147839520.jpg",          alt: "Happy Customer 5"},
      ]}
      avatarText="2,700+ happy diners"
      imageSrc="http://img.b2bpic.net/free-photo/kebab-set-with-fried-vegetables-dovga_140725-6233.jpg"
      imageAlt="Authentic Middle Eastern cuisine served in a vibrant restaurant setting in Córdoba."
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Certified Halal",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Traditional Recipes",          icon: Flame,
        },
        {
          type: "text-icon",          text: "Fresh Ingredients",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Online Ordering",          icon: ShoppingCart,
        },
        {
          type: "text-icon",          text: "Dine-in Experience",          icon: Utensils,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Story: A Taste of the Orient in Córdoba"
      description="Pasillo Oriental brings the vibrant flavors of the Middle East to the heart of Córdoba. We are committed to authentic halal traditions, using only the freshest, highest-quality ingredients. Our dedication has earned us a 4.7-star rating and a loyal following among locals and tourists alike."
      metrics={[
        {
          value: "4.7 Stars",          title: "Average Rating"},
        {
          value: "5000+",          title: "Dishes Served Monthly"},
        {
          value: "10 Years",          title: "Culinary Excellence"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/muslim-man-sitting-restaurant_23-2147794368.jpg"
      imageAlt="Interior of Pasillo Oriental restaurant with warm lighting and traditional decor."
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Hearty Kushari",          description: "Experience Egypt's national dish, a comforting blend of rice, pasta, lentils, chickpeas, and a flavorful tomato sauce, topped with fried onions.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-dish-christmas-dish-with-seeds-pomegranate-bottle-oil-fork-knife-tree-branches-lemon-garlic_140725-111576.jpg",          imageAlt: "Traditional Egyptian Kushari"},
        {
          title: "Crispy Falafel",          description: "Our freshly made falafel are fried to golden perfection, offering a delightful crunch and savory interior, served with creamy tahini sauce.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fried-cutlets-with-cooked-rice-dark-surface-meat-dish-photo-meal_140725-82334.jpg",          imageAlt: "Crispy Falafel with Tahini"},
        {
          title: "Savory Shawarma",          description: "Tender, marinated chicken or lamb, slow-roasted and thinly sliced, served in warm pita bread with fresh vegetables and garlic sauce.",          imageSrc: "http://img.b2bpic.net/free-photo/wrap-with-vegetables-meat_1220-7918.jpg",          imageAlt: "Savory Chicken Shawarma"},
        {
          title: "Decadent Baklava",          description: "Indulge in layers of flaky filo pastry, generously filled with chopped nuts and sweetened with fragrant syrup. A true taste of luxury.",          imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-assorted-traditional-turkish-delight-with-nuts_114579-18895.jpg",          imageAlt: "Assorted Baklava Pastries"},
      ]}
      title="Experience Our Culinary Delights"
      description="From hearty main courses to delicate desserts, our menu is a journey through the rich culinary landscape of the Middle East. Each dish is prepared with passion and adheres to strict halal standards."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "kushari-main",          name: "Kushari Deluxe",          price: "€12.50",          variant: "Vegan",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-tasty-food-appetizing-christmas-food-bowls-oil-spices-fork-knife-spruce-branches-with-cones_140725-111319.jpg",          imageAlt: "Kushari Deluxe"},
        {
          id: "falafel-sandwich",          name: "Falafel Sandwich",          price: "€8.00",          variant: "Vegetarian",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-jewish-food-arrangement_23-2148814492.jpg",          imageAlt: "Falafel Sandwich"},
        {
          id: "chicken-tagine",          name: "Chicken Tagine",          price: "€15.00",          variant: "Main Course",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-traditional-rice-garnish-with-herbs-inside-pottery-bowl-served-with-bread-bun_114579-1812.jpg",          imageAlt: "Chicken Tagine"},
        {
          id: "lamb-kofta",          name: "Lamb Kofta Skewers",          price: "€14.50",          variant: "Grilled",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-kebab-slate-with-herbs_23-2148685469.jpg",          imageAlt: "Lamb Kofta Skewers"},
        {
          id: "mezze-platter",          name: "Mezze Platter",          price: "€18.00",          variant: "Sharing",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-hummus-plate-high-angle_23-2149595694.jpg",          imageAlt: "Mezze Platter"},
        {
          id: "turkish-coffee",          name: "Turkish Coffee",          price: "€3.50",          variant: "Beverage",          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-turkish-lokum_114579-20054.jpg",          imageAlt: "Turkish Coffee"},
      ]}
      title="Our Signature Halal Menu"
      description="Explore our diverse offerings, from classic Middle Eastern staples like kushari and falafel to delectable baklava and traditional Turkish coffee. Every dish is a testament to our commitment to flavor and authenticity."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Exceptional Authentic Flavors",          quote: "Pasillo Oriental truly captures the essence of Middle Eastern cuisine. The spices, the freshness, and the presentation are all top-notch. It's my go-to place for an authentic halal meal in Córdoba.",          name: "Sofia Reyes",          role: "Local Food Critic",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg",          imageAlt: "Sofia Reyes"},
        {
          id: "2",          title: "A Wonderful Dining Experience",          quote: "The atmosphere is warm and inviting, perfect for a family dinner. The service is impeccable, and the food speaks for itself. Every dish is a culinary journey. Highly recommended for everyone!",          name: "Javier Morales",          role: "Satisfied Customer",          imageSrc: "http://img.b2bpic.net/free-photo/man-photographing-woman-with-salad-leaf-head_23-2148114096.jpg",          imageAlt: "Javier Morales"},
        {
          id: "3",          title: "Halal Excellence",          quote: "As someone who prioritizes halal options, Pasillo Oriental is a blessing. Not only is the food certified halal, but it's also incredibly delicious and beautifully prepared. A consistent five-star experience.",          name: "Mariam El-Amin",          role: "Halal-Observant Diner",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-pouring-honey-apple-slices_23-2149452281.jpg",          imageAlt: "Mariam El-Amin"},
        {
          id: "4",          title: "Convenience Meets Quality",          quote: "I frequently order takeout, and the quality never drops. The online ordering is seamless, and the delivery is always prompt. It's the perfect solution for busy evenings when you crave gourmet halal food.",          name: "Carlos Sanchez",          role: "Busy Professional",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-sitting-table_23-2149636067.jpg",          imageAlt: "Carlos Sanchez"},
        {
          id: "5",          title: "A Taste of Home in Córdoba",          quote: "Being a tourist, finding a taste that reminds me of home is rare. Pasillo Oriental did just that. The dishes are authentic, flavorful, and brought back so many memories. Thank you for an amazing meal!",          name: "Aisha Rahman",          role: "International Tourist",          imageSrc: "http://img.b2bpic.net/free-photo/woman-blogger-holding-plate-fruits_23-2148558115.jpg",          imageAlt: "Aisha Rahman"},
      ]}
      title="What Our Guests Say"
      description="Our 4.7-star rating is a reflection of the memorable dining experiences we create. Read what our cherished customers have to say about their journey with Pasillo Oriental."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "Is Pasillo Oriental certified Halal?",          content: "Yes, Pasillo Oriental is proud to be a fully certified halal restaurant. All our ingredients are sourced from trusted halal suppliers, and our kitchen adheres to strict Islamic dietary laws to ensure every dish meets halal standards."},
        {
          id: "2",          title: "Do you offer vegetarian and vegan options?",          content: "Absolutely! Our menu features a wide array of delicious vegetarian and vegan dishes, including our famous Kushari, crispy Falafel, and a variety of fresh salads and mezze platters. Please check our menu for full details."},
        {
          id: "3",          title: "How can I place an online order for delivery or takeout?",          content: "You can easily place your order directly through our website by navigating to the 'Menu' section and selecting your desired items. Choose between delivery to your location or convenient pickup at our restaurant. Online ordering is available during our regular business hours."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our halal certification, menu, ordering process, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Córdoba Food Guide",        "Halal Dining Spain",        "TripAdvisor Excellence",        "Google's Best Eateries",        "Local's Choice Awards",        "Andalusian Culinary Stars",        "Yelp Top Rated"]}
      title="Trusted by Our Community & Visitors"
      description="Our commitment to quality and authenticity resonates with thousands. Recognized for exceptional dining and service, we are a proud fixture in Córdoba's vibrant culinary scene."
      speed={30}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Book Your Table at Pasillo Oriental"
      description="Reserve your spot for an authentic Middle Eastern dining experience. Fill out the form below, and we'll confirm your booking shortly. For large parties or special requests, please include details in your message."
      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: "date",          type: "date",          placeholder: "Select Date",          required: true
        },
        {
          name: "time",          type: "time",          placeholder: "Select Time",          required: true
        },
        {
          name: "guests",          type: "number",          placeholder: "Number of Guests",          required: true
        },
      ]}
      textarea={{
        name: "message",          placeholder: "Special requests or additional details (e.g., allergies, high chair needed)",          rows: 4
      }}
      imageSrc="http://img.b2bpic.net/free-photo/table-set-restaurant-for-lunch_23-2149595604.jpg"
      imageAlt="Restaurant table setting ready for guests"
      mediaPosition="right"
      buttonText="Confirm Reservation"
      onSubmit={(data) => console.log("Reservation Submitted:", data)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/ornamental-red-background-diwali_1057-2156.jpg"
      logoAlt="Pasillo Oriental Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "About Us",              href: "#about"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Pasillo Oriental"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
