"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Clock, Truck, MapPin, Users, Star, Facebook, Phone } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Menu", id: "menu" },
    { name: "Order", id: "order" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={navItems}
          brandName="CHICKEN BOX"
          button={{
            text: "Order Now",            href: "/order"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="CHICKEN BOX"
          description="تشكن بوكس - الدجاج المقلي الأفضل في الطور | Best Fried Chicken in El Tor, South Sinai. Available 24/7 for Dine-in, Drive-through, and Delivery."
          tag="🔥 24/7 Open Now"
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Order Now",              href: "/order"},
            {
              text: "View Menu",              href: "/menu"},
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/fried-chicken-with-fried-potatoes-celebration_140725-113379.jpg"
          imageAlt="CHICKEN BOX - Crispy Fried Chicken"
          showDimOverlay={true}
          showBlur={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Welcome to CHICKEN BOX"
          metrics={[
            {
              icon: Clock,
              label: "Open 24/7",              value: "Always Available"},
            {
              icon: Truck,
              label: "Fast Delivery",              value: "30 mins or less"},
            {
              icon: MapPin,
              label: "Prime Location",              value: "306 Corniche El Tor"},
            {
              icon: Users,
              label: "Happy Customers",              value: "4,300+ Followers"},
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why Choose CHICKEN BOX?"
          description="Experience the best fried chicken in El Tor with authentic taste, premium ingredients, and exceptional service."
          features={[
            {
              id: "1",              title: "Crispy Fried Chicken",              tags: ["Golden Brown", "Juicy", "Flavorful"],
              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-fried-potatoes-celebration_140725-113379.jpg",              imageAlt: "Crispy Fried Chicken"},
            {
              id: "2",              title: "Delicious Burgers",              tags: ["Fresh Ingredients", "Big Fire", "Premium"],
              imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-sandwich-tomatoes-pepper-cutting-board-dark-color-surface_179666-34107.jpg",              imageAlt: "Big Fire Burger"},
            {
              id: "3",              title: "Multiple Service Options",              tags: ["Dine-in", "Drive-through", "Delivery"],
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg",              imageAlt: "Dine-in Service"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Popular Menu Items"
          description="Best-selling items loved by our customers. Fresh ingredients and authentic taste."
          products={[
            {
              id: "meal-1",              name: "Chicken Bucket",              price: "149 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/four-boxes-nuggets-with-chicken-prawn-cheese-fish-with-four-sauce_141793-2305.jpg",              imageAlt: "Chicken Bucket Combo"},
            {
              id: "burger-1",              name: "Big Fire Burger",              price: "85 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-sandwich-tomatoes-pepper-cutting-board-dark-color-surface_179666-34107.jpg",              imageAlt: "Big Fire Burger"},
            {
              id: "sandwich-1",              name: "Chicken Sandwich",              price: "65 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/chef-making-sandwich-with-fresh-ingredient-delicious-nutrition_482257-10389.jpg",              imageAlt: "Crispy Chicken Sandwich"},
            {
              id: "rice-1",              name: "Spiced Chicken Rice",              price: "95 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/rice-chicken-plov-with-herbs-white-plate-composto_114579-82.jpg",              imageAlt: "Spiced Chicken Rice"},
            {
              id: "sides-1",              name: "Sides Combo",              price: "45 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637340.jpg",              imageAlt: "Fries and Coleslaw"},
            {
              id: "sauce-1",              name: "Sauce Selection",              price: "10 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/woman-dips-fries-into-mayonnaise_140725-4438.jpg",              imageAlt: "Various Sauces"},
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Customer Testimonials"
          description="Join thousands of satisfied customers who love CHICKEN BOX"
          testimonials={[
            {
              id: "1",              name: "أحمد محمد",              handle: "@ahmed_customer",              testimonial: "الدجاج الأفضل في الطور! الطعم رائع والخدمة سريعة جداً.",              imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-standing-blue-background-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-10690.jpg",              imageAlt: "Ahmed Customer",              icon: Star,
            },
            {
              id: "2",              name: "فاطمة عبدالله",              handle: "@fatima_loves_food",              testimonial: "أطلب من chicken box كل أسبوع. الجودة والطعم ممتازة والأسعار معقولة.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg",              imageAlt: "Fatima Review",              icon: Star,
            },
            {
              id: "3",              name: "محمود سالم",              handle: "@mahmoud_eater",              testimonial: "الخدمة متميزة والدجاج طازة. أنصح الجميع بالطلب منهم.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-pointing-finger-upwards-handsome-guy-recommending-something_1262-14254.jpg",              imageAlt: "Mahmoud Testimonial",              icon: Star,
            },
            {
              id: "4",              name: "سارة أحمد",              handle: "@sarah_foodie",              testimonial: "أفضل مكان لتناول الفراخ المقلية في الطور. خدمة ممتازة وتوصيل سريع!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-enthusiastic-brunette-girl-with-makeup-smiling-looking-happy-camera-posing-agains_1258-123661.jpg",              imageAlt: "Sarah Review",              icon: Star,
            },
            {
              id: "5",              name: "علي محسن",              handle: "@ali_customer",              testimonial: "جودة عالية جداً والدجاج متبل بطريقة رائعة. يستحق كل فلس!",              imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-standing-blue-background-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-10690.jpg",              imageAlt: "Ali Customer",              icon: Star,
            },
            {
              id: "6",              name: "ليلى إبراهيم",              handle: "@layla_reviews",              testimonial: "توصيلهم سريع جداً والدجاج وصل ساخن وطازة. شكراً chicken box!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg",              imageAlt: "Layla Testimonial",              icon: Star,
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="CHICKEN BOX By The Numbers"
          description="Serving delicious food to happy customers in El Tor, South Sinai"
          metrics={[
            {
              id: "1",              value: "24/7",              title: "Hours of Operation",              description: "Always open for your cravings",              videoSrc: "https://example.com/video.mp4",              videoAriaLabel: "Hours of operation video"},
            {
              id: "2",              value: "4,300+",              title: "Happy Customers",              description: "Trusted by thousands",              videoSrc: "https://example.com/video.mp4",              videoAriaLabel: "Happy customers video"},
            {
              id: "3",              value: "30 mins",              title: "Average Delivery",              description: "Fast and hot to your door",              videoSrc: "https://example.com/video.mp4",              videoAriaLabel: "Average delivery video"},
            {
              id: "4",              value: "3 Ways",              title: "Service Options",              description: "Dine-in, Drive-through, Delivery",              videoSrc: "https://example.com/video.mp4",              videoAriaLabel: "Service options video"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about CHICKEN BOX"
          faqs={[
            {
              id: "1",              title: "ما هي ساعات العمل؟",              content: "نحن مفتوحون 24 ساعة، 7 أيام في الأسبوع. يمكنك الطلب في أي وقت!"},
            {
              id: "2",              title: "كم وقت التوصيل؟",              content: "المتوسط 30 دقيقة أو أقل حسب موقعك. نضمن وصول الطعام ساخناً وطازاً."},
            {
              id: "3",              title: "هل تقبلون الدفع عند الاستلام؟",              content: "نعم، نقبل الدفع عند الاستلام (كاش) والدفع ببطاقة الائتمان."},
            {
              id: "4",              title: "هل الطعام طازة وآمن؟",              content: "نستخدم مكونات طازة عالية الجودة وننظف المطبخ باستمرار لضمان السلامة الغذائية."},
            {
              id: "5",              title: "Can I order online?",              content: "Yes! You can order through our website for dine-in, drive-through, or delivery."},
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept cash on delivery and online card payments for your convenience."},
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Get in touch with CHICKEN BOX. Call us at 01100016162 or visit us at 306 Corniche, El Tor, South Sinai, Egypt."
          animationType="entrance-slide"
          buttons={[
            {
              text: "Call Now",              href: "tel:+201100016162"},
            {
              text: "Visit Facebook",              href: "https://www.facebook.com/people/Chicken-box-306street/61553159303644/"},
          ]}
          background={{
            variant: "plain"}}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="CHICKEN BOX 🍗"
          copyrightText="© 2025 CHICKEN BOX تشكن بوكس. All rights reserved. Open 24/7 | El Tor, South Sinai, Egypt"
          socialLinks={[
            {
              icon: Facebook,
              href: "https://www.facebook.com/people/Chicken-box-306street/61553159303644/",              ariaLabel: "Facebook"},
            {
              icon: Phone,
              href: "tel:+201100016162",              ariaLabel: "Phone"},
            {
              icon: MapPin,
              href: "#contact",              ariaLabel: "Location"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}