"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Star, Users, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
            <NavbarStyleFullscreen
            navItems={[
              { name: "الرئيسية", id: "hero" },
              { name: "عنّا", id: "about" },
              { name: "القائمة", id: "product" },
              { name: "آراء العملاء", id: "testimonial" },
              { name: "اتصل بنا", id: "contact" },
            ]}
            brandName="وطني برجر"
          />
        </div>

        <div id="hero" data-section="hero">
            <HeroSplitDualMedia
            background={{ variant: "gradient-bars" }}
            title="فخامة النكهة في كل لقمة"
            description="تجربة فريدة من نوعها لأفخم البرجر الطازج بلمسة وطنية لا تُنسى."
            tag="وطني برجر"
            buttons={[{ text: "اطلب الآن", href: "#product" }]}
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg", imageAlt: "Hero Luxury Burger" },
              { imageSrc: "http://img.b2bpic.net/free-photo/sooking-burgers-kitchen-home-quarantine-time_627829-7064.jpg", imageAlt: "Chef Preparation" }
            ]}
            mediaAnimation="slide-up"
            rating={5}
            ratingText="أكثر من ٥٠٠٠ عميل راضٍ"
          />
        </div>

        <div id="about" data-section="about">
            <AboutMetric
            useInvertedBackground={true}
            title="قصتنا في الجودة"
            metrics={[
              { icon: Award, label: "سنوات من التميز", value: "١٠+" },
              { icon: Users, label: "عملاء سعداء", value: "٥٠ ألف" },
              { icon: Award, label: "وصفات فريدة", value: "٢٥" },
            ]}
            metricsAnimation="slide-up"
          />
        </div>

        <div id="product" data-section="product">
            <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={false}
            products={[
              { id: "1", name: "برجر وطني كلاسيك", price: "٤٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burger-with-fried-egg_23-2148784517.jpg" },
              { id: "2", name: "دبل تشيز برجر", price: "٥٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/eating-dinner-beef-lamb-tomato-sauce-with-cutlery_114579-1931.jpg" },
              { id: "3", name: "برجر الدجاج المقرمش", price: "٤٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-beef-burgers-with-bacon-beer_23-2148784481.jpg" },
              { id: "4", name: "برجر واغيو فاخر", price: "٨٥ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-black-bread_1203-2383.jpg" },
              { id: "5", name: "سلايدر تريو", price: "٦٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries-wooden-board_140725-4506.jpg" },
              { id: "6", name: "برجر المدخن", price: "٥٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-tasty-sauces_23-2148290625.jpg" },
            ]}
            title="قائمتنا الفاخرة"
            description="نختار أجود أنواع اللحوم والأجبان لتقديم برجر يليق بطلبكم."
          />
        </div>

        <div id="testimonial" data-section="testimonial">
            <TestimonialCardSixteen
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            testimonials={[
              { id: "1", name: "أحمد محمد", role: "عاشق البرجر", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg" },
              { id: "2", name: "سارة خالد", role: "خبير تذوق", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg" },
              { id: "3", name: "فيصل العتيبي", role: "عميل دائم", company: "الدمام", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/baker-using-wooden-rolling-pin-dough-front-video-camera-recording-new-cooking-episode-old-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14480.jpg" },
              { id: "4", name: "نورة العلي", role: "مؤثرة طعام", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
              { id: "5", name: "خالد المنصور", role: "كاتب تقييم", company: "الخبر", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg" },
            ]}
            kpiItems={[
              { value: "٤.٩/٥", label: "التقييم العام" },
              { value: "١٠٠%", label: "طعم طازج" },
              { value: "٩٥%", label: "سرعة خدمة" },
            ]}
            title="ماذا يقول عملاؤنا"
            description="نحن نفخر برضاكم التام ونسعى دائماً لتطوير التجربة."
          />
        </div>

        <div id="metric" data-section="metric">
            <MetricCardThree
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", icon: Utensils, title: "طلبات يومية", value: "٥٠٠+" },
              { id: "m2", icon: Star, title: "نجوم تذوق", value: "١٠٠k" },
              { id: "m3", icon: Award, title: "أفضل مطعم", value: "٥" },
            ]}
            title="أرقامنا تتحدث"
            description="الجودة هي أساس نجاحنا المستمر."
          />
        </div>

        <div id="pricing" data-section="pricing">
            <PricingCardThree
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            plans={[
              { id: "solo", price: "٧٩ ر.س", name: "وجبة الفرد الواحد", features: ["برجر من اختيارك", "بطاطس", "مشروب"], buttons: [{ text: "اطلب", href: "#" }] },
              { id: "duo", price: "١٤٩ ر.س", name: "وجبة الثنائي", features: ["٢ برجر", "بطاطس حجم كبير", "٢ مشروب"], buttons: [{ text: "اطلب", href: "#" }] },
              { id: "family", price: "٢٩٩ ر.س", name: "وجبة العائلة", features: ["٥ برجر متنوع", "صحن مقبلات", "مشروبات عائلية"], buttons: [{ text: "اطلب", href: "#" }] },
            ]}
            title="وجباتنا العائلية"
            description="وفر أكثر مع وجبات المشاركة الفاخرة."
          />
        </div>

        <div id="faq" data-section="faq">
            <FaqSplitText
            useInvertedBackground={false}
            faqs={[
              { id: "q1", title: "هل اللحوم طازجة؟", content: "نعم، نستخدم لحوم طازجة محلية ١٠٠٪." },
              { id: "q2", title: "هل يتوفر توصيل؟", content: "نعم، نوفر توصيل سريع لجميع المناطق." },
              { id: "q3", title: "كيف أطلب؟", content: "يمكنك الطلب عبر الموقع أو تطبيقات التوصيل." },
            ]}
            sideTitle="أسئلة شائعة"
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
            <ContactSplit
            useInvertedBackground={true}
            background={{ variant: "plain" }}
            title="احجز طاولتك الآن"
            description="جاهزون لخدمتك في أي وقت. تواصل للحجز أو الاستفسار."
            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg"
            mediaAnimation="slide-up"
            buttonText="أرسل"
            tag="تواصل معنا"
          />
        </div>

        <div id="footer" data-section="footer">
            <FooterBase
            columns={[
              {
                title: "القائمة",                items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#product" }],
              },
              {
                title: "عنّا",                items: [{ label: "قصتنا", href: "#about" }, { label: "الاستفسارات", href: "#faq" }],
              },
              {
                title: "تواصل",                items: [{ label: "اتصل بنا", href: "#contact" }, { label: "تويتر", href: "#" }],
              },
            ]}
            logoText="وطني برجر"
            copyrightText="© ٢٠٢٥ وطني برجر - جميع الحقوق محفوظة"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}