"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Chitir Chicken"
      button={{
        text: "Order Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Experience Authentic Turkish Flavors at Chitir Chicken"
      description="Savor our crispy fried chicken, mouth-watering burgers, and fresh pizzas, all prepared with the finest ingredients for an unforgettable taste."
      tag="Delicious Food, Fast Service"
      tagAnimation="opacity"
      buttons={[
        {
          text: "View Menu",          href: "#menu"},
        {
          text: "Order Now",          href: "#contact"},
      ]}
      buttonAnimation="opacity"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-tabacca-rosemary-with-boiled-egg_114579-2390.jpg",          imageAlt: "Crispy fried chicken meal"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-spicy-mushroom-pizza-with-red-tomatoes-bell-peppers-olives-all-sliced-inside-with-oil-flour-grey-desk-food-pizza-dough_140725-23147.jpg",          imageAlt: "Freshly baked pizza with toppings"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Over 1000 Happy Customers"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      tagAnimation="opacity"
      title="Authentic Taste, Quality Ingredients"
      description="Chitir Chicken is dedicated to bringing you the best Turkish-style fried chicken and a wide variety of delicious meals."
      subdescription="We pride ourselves on using fresh, high-quality ingredients sourced locally to ensure every bite is a delightful experience. From our crispy fried chicken to our freshly made pizzas, we guarantee satisfaction and a taste that keeps you coming back."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727961.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Fresh, High-Quality Ingredients",          description: "We handpick the freshest ingredients daily to ensure superior taste and quality in every dish.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-vegetables-red-cabbage-green-tomato-pumpkin-red-onion-bell-pepper-caulifower-lemon-wooden-bowls-white-wooden-table-free-space_140725-63312.jpg",          imageAlt: "Fresh vegetables and spices on table"},
        {
          title: "Diverse & Delicious Menu",          description: "From our signature fried chicken to gourmet pizzas and burgers, our menu offers something for everyone.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-gourmet-dishes-with-different-vegetables-meat_181624-57725.jpg",          imageAlt: "Diverse restaurant menu choices"},
        {
          title: "Fast & Reliable Delivery",          description: "Enjoy your favorite meals delivered hot and fresh to your doorstep, quickly and efficiently.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-protective-mask_23-2148767128.jpg",          imageAlt: "Delivery person with food bag scooter"},
      ]}
      title="Why Choose Chitir Chicken?"
      description="We focus on quality, freshness, and speed to bring you an unforgettable dining experience every time."
      tag="Our Commitment"
      tagAnimation="opacity"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "product-chicken-bucket",          brand: "Chitir Chicken",          name: "Crispy Fried Chicken Bucket",          price: "99.00 SAR",          rating: 5,
          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/shrimp-balls-covered-with-breaded-fried-white-wooden-surface_1150-43582.jpg",          imageAlt: "Crispy fried chicken bucket"},
        {
          id: "product-pizza-pepperoni",          brand: "Chitir Chicken",          name: "Classic Pepperoni Pizza",          price: "55.00 SAR",          rating: 4,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/dinner-set-with-pizza-salad-lemonade-tomato-soup_140725-7831.jpg",          imageAlt: "Gourmet pepperoni pizza slices"},
        {
          id: "product-gourmet-burger",          brand: "Chitir Chicken",          name: "Gourmet Beef Burger",          price: "40.00 SAR",          rating: 5,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-served-with-french-fries-sauces_140725-6710.jpg",          imageAlt: "Juicy gourmet burger with fries"},
        {
          id: "product-chicken-sandwich",          brand: "Chitir Chicken",          name: "Zinger Chicken Sandwich",          price: "35.00 SAR",          rating: 4,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-banh-mi-sandwich-wooden-table_123827-31223.jpg",          imageAlt: "Chicken sandwich with fresh vegetables"},
        {
          id: "product-hot-appetizers",          brand: "Chitir Chicken",          name: "Assorted Hot Appetizers",          price: "30.00 SAR",          rating: 4,
          reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food_1150-21498.jpg",          imageAlt: "Plate of hot appetizers snack"},
        {
          id: "product-cold-appetizers",          brand: "Chitir Chicken",          name: "Fresh Cold Appetizers Platter",          price: "28.00 SAR",          rating: 5,
          reviewCount: "70",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-salad-prepared-with-vegetables-herbs-sause_141793-811.jpg",          imageAlt: "Fresh cold mezze platter"},
      ]}
      title="Our Delicious Menu"
      description="Explore our most popular dishes, from crispy fried chicken to gourmet burgers and fresh pizzas."
      tag="Taste the Flavor"
      tagAnimation="opacity"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Fatima A.",          role: "Regular Customer",          company: "Riyadh",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-holding-food-delivery-package-dark-pink-desk-uniform-delivery-service-female-worker_140725-36461.jpg",          imageAlt: "Happy customer eating fried chicken"},
        {
          id: "2",          name: "Ahmed K.",          role: "Food Blogger",          company: "Jeddah",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2148899052.jpg",          imageAlt: "Woman enjoying pizza in restaurant"},
        {
          id: "3",          name: "Sara H.",          role: "Local Resident",          company: "Dammam",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-with-delicious-food_23-2149409396.jpg",          imageAlt: "Family enjoying meal at restaurant"},
        {
          id: "4",          name: "Omar N.",          role: "Business Owner",          company: "Al-Khobar",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304403.jpg",          imageAlt: "Businessman eating burger lunch"},
        {
          id: "5",          name: "Laila M.",          role: "Student",          company: "Mecca",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-talking-holiday-meal-dining-room_637285-10151.jpg",          imageAlt: "Couple enjoying romantic dinner food"},
      ]}
      title="What Our Customers Say"
      description="Don't just take our word for it. Our customers love our food and service!"
      tag="Happy Customers"
      tagAnimation="opacity"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Do you offer delivery?",          content: "Yes, we offer fast and reliable delivery services across Riyadh and surrounding areas. You can place your order online through our website or call us directly."},
        {
          id: "faq-2",          title: "What are your operating hours?",          content: "Our restaurant is open daily from 11:00 AM to 1:00 AM. Delivery services are also available during these hours."},
        {
          id: "faq-3",          title: "Can I customize my order?",          content: "Absolutely! We strive to accommodate all dietary preferences and requests. Please specify any customizations when placing your order."},
        {
          id: "faq-4",          title: "Are there vegetarian options?",          content: "While we specialize in chicken, we do offer a selection of vegetarian side dishes and cold appetizers. Please check our menu for details."},
        {
          id: "faq-5",          title: "Do you have any special offers?",          content: "Yes, we regularly have special promotions and discounts. Follow us on social media or subscribe to our newsletter to stay updated on our latest deals."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about ordering, delivery, and our delicious menu items."
      tag="Got Questions?"
      tagAnimation="opacity"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready to Savor the Flavor? Order Your Meal Today!"
      buttons={[
        {
          text: "Order Online",          href: "#"},
        {
          text: "View Our Location",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Chitir Chicken"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Fried Chicken",              href: "#menu"},
            {
              label: "Pizza",              href: "#menu"},
            {
              label: "Burgers",              href: "#menu"},
            {
              label: "Appetizers",              href: "#menu"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Chitir Chicken | All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
