"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Falafel House"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "About Us", id: "#about" },
            { name: "Menu", id: "#menu" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{ text: "Order Online", href: "#" }}
          animateOnLoad={true}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Falafel House Lebanese"
          description="Experience the authentic taste of Lebanon, crafted with passion and traditional recipes. Fresh falafel, savory shawarma, and a vibrant array of mezze await you."
          buttons={[
            { text: "View Our Menu", href: "#menu" },
            { text: "Reserve a Table", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/assortment-with-delicious-high-protein-vegan-meal_23-2149039396.jpg"
          imageAlt="Authentic Lebanese restaurant interior"
          showDimOverlay={false}
          mediaAnimation="opacity"
          useInvertedBackground={false}
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Our Passion for Lebanese Cuisine"
          description="At Falafel House, we bring the heart of Beirut to your table. Our journey began with a simple desire: to share the rich, diverse flavors of Lebanon using time-honored techniques and the freshest, locally sourced ingredients. Every dish tells a story of tradition, family, and culinary excellence."
          metrics={[
            { value: "15+", title: "Years of Tradition" },
            { value: "50+", title: "Authentic Recipes" },
            { value: "Fresh", title: "Daily Ingredients" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/chef-sprinkles-onion-rings-kebab-plate-with-chicken-lamb-flatbreads_140725-4135.jpg"
          imageAlt="Lebanese chef preparing food"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="highlights" data-section="highlights">
        <FeatureCardSeven
          title="Our Signature Dishes"
          description="Indulge in a selection of our most loved Lebanese specialties, meticulously prepared to delight your senses."
          features={[
            { title: "Crispy Falafel Platter", description: "Our famous golden-fried falafel, made from a secret blend of chickpeas and herbs, served with tahini sauce and fresh pickles.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039394.jpg", imageAlt: "Crispy falafel platter" },
            { title: "Authentic Chicken Shawarma", description: "Tender marinated chicken, slow-roasted on a vertical spit, thinly sliced and served with garlic sauce and warm pita bread.", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-beef-barbecue-kebab-served-lavash-with-grilled-pepper-tomatoes_114579-2935.jpg", imageAlt: "Authentic chicken shawarma" },
            { title: "Hummus & Mezze Platter", description: "Creamy hummus, smoky baba ghanoush, refreshing tabbouleh, and crisp fattoush salad, perfect for sharing.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-hummus-arrangement_23-2149483900.jpg", imageAlt: "Hummus and mezze platter" },
            { title: "Sumac Grilled Halloumi", description: "Salty, grilled halloumi cheese with a sprinkle of sumac, served with fresh mint and cherry tomatoes.", imageSrc: "http://img.b2bpic.net/free-photo/fried-pork_1203-3301.jpg", imageAlt: "Sumac grilled halloumi" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Explore Our Full Lebanese Menu"
          description="From hearty main courses to delectable appetizers and desserts, Falafel House offers a culinary journey through Lebanon."
          products={[
            { id: "p1", name: "Falafel Sandwich", price: "$8.99", variant: "Classic street food", imageSrc: "http://img.b2bpic.net/free-photo/beans-soup-tomato-sauce-with-herbs-bread_114579-29232.jpg", imageAlt: "Falafel sandwich" },
            { id: "p2", name: "Lamb Kibbeh", price: "$12.50", variant: "Minced lamb & bulgur wheat", imageSrc: "http://img.b2bpic.net/free-photo/fried-croquette-with-fresh-salad-lemon_140725-9461.jpg", imageAlt: "Lamb Kibbeh" },
            { id: "p3", name: "Tabbouleh Salad", price: "$7.99", variant: "Fresh parsley & bulgur salad", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-with-peeled-pomegranates-light-table-fruit-green-meal_140725-126967.jpg", imageAlt: "Tabbouleh Salad" },
            { id: "p4", name: "Grape Leaves", price: "$9.50", variant: "Vegetarian, stuffed with rice", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-pumpkin-meal-close-up-detail_23-2149098839.jpg", imageAlt: "Stuffed grape leaves" },
            { id: "p5", name: "Baklava Selection", price: "$6.00", variant: "Sweet pastry assortment", imageSrc: "http://img.b2bpic.net/free-photo/turkish-delight-with-ice-cream-table_140725-10027.jpg", imageAlt: "Baklava selection" },
            { id: "p6", name: "Lentil Soup", price: "$5.50", variant: "Hearty & flavorful", imageSrc: "http://img.b2bpic.net/free-photo/spinach-soup-with-spinach-leaves-bread_1339-5104.jpg", imageAlt: "Lentil soup" }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Are Saying"
          description="Hear from our happy customers about their delightful experiences at Falafel House Lebanese."
          testimonials={[
            { id: "t1", name: "Omar K.", role: "Food Critic", company: "Local Bites", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-show-thumbs-up-smiling_176420-18690.jpg", imageAlt: "Omar K." },
            { id: "t2", name: "Layla A.", role: "Regular Customer", company: "Falafel Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-tanned-caucasian-woman-tshirt-sit-cafe-terrac_197531-30610.jpg", imageAlt: "Layla A." },
            { id: "t3", name: "Ahmed S.", role: "Chef", company: "Mediterranean Kitchen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-cook-white-cook-suit-holding-black-food-bowl-showing-tasty-sign-green_140725-21395.jpg", imageAlt: "Ahmed S." },
            { id: "t4", name: "Fatima Z.", role: "Local Guide", company: "Yelp Elite", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg", imageAlt: "Fatima Z." },
            { id: "t5", name: "Rami H.", role: "Community Member", company: "Neighborhood Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-eastern-man-raising-fists-up-celebrating-success-victory_176420-20451.jpg", imageAlt: "Rami H." }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqBase
          title="Your Questions, Answered"
          description="Find quick answers to common queries about Falafel House Lebanese."
          faqs={[
            { id: "q1", title: "Do you offer vegetarian and vegan options?", content: "Yes, Lebanese cuisine is rich in plant-based dishes. We have numerous vegetarian and vegan options, including our famous falafel, hummus, baba ghanoush, tabbouleh, and various lentil dishes." },
            { id: "q2", title: "Can I make a reservation?", content: "Absolutely! We recommend making a reservation, especially for dinner on weekends, to ensure you get a table. You can call us directly or use our online reservation form." },
            { id: "q3", title: "Do you provide catering services?", content: "Yes, we offer catering for events of all sizes. From intimate family gatherings to large corporate events, we can customize a Lebanese menu to suit your needs. Please contact us for more details." },
            { id: "q4", title: "What are your operating hours?", content: "We are open Tuesday to Sunday from 11:00 AM to 10:00 PM. We are closed on Mondays. Please check our Contact section for any holiday hour adjustments." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Visit Us or Order Online"
          description="We’d love to welcome you to Falafel House Lebanese. Find us at our convenient location or reach out for catering inquiries."
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-happy-people-sitting-bistro_23-2149366421.jpg"
          imageAlt="Falafel House restaurant exterior"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Send Message"
          termsText="By sending a message, you agree to our privacy policy."
          background={{ variant: "plain" }}
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Falafel House Lebanese"
          columns={[
            { title: "Menu", items: [{ label: "Appetizers", href: "#menu" }, { label: "Main Courses", href: "#menu" }, { label: "Desserts", href: "#menu" }, { label: "Beverages", href: "#menu" }] },
            { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Chef's Vision", href: "#about" }, { label: "Testimonials", href: "#testimonials" }] },
            { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQs", href: "#faq" }, { label: "Reservations", href: "#contact" }] }
          ]}
          copyrightText="© 2024 Falafel House Lebanese. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
