"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
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/man-cooking-burger-in-kitchen_1203-1234.jpg", imageAlt: "Chef Preparation" }
            ]}
            mediaAnimation="slide-up"
            rating={5}
            ratingText="أكثر من ٥٠٠٠ عميل راضٍ"
          />
        </div>

        <div id="about" data-section="about">
            <TestimonialAboutCard
            useInvertedBackground={true}
            title="قصتنا في الجودة"
            description="نحن نؤمن بأن البرجر الحقيقي يبدأ باختيار أفضل المكونات المحلية بعناية فائقة."
            subdescription="سنوات من الخبرة في تقديم البرجر الذي يلامس ذائقتكم."
            icon={Award}
            tag="عنّا"
            imageSrc="http://img.b2bpic.net/free-photo/man-smiling-eating-burger_140725-8137.jpg"
          />
        </div>

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

        <div id="testimonial" data-section="testimonial">
            <TestimonialCardTwelve
            cardTitle="ماذا يقول عملاؤنا"
            cardTag="آراء العملاء"
            cardAnimation="slide-up"
            useInvertedBackground={true}
            testimonials={[
              { id: "1", name: "أحمد محمد", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-eating-burger_140725-8137.jpg" },
              { id: "2", name: "خالد فيصل", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-delicious-burger_140725-8138.jpg" },
              { id: "3", name: "فيصل العتيبي", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-burger-studio_140725-8139.jpg" },
            ]}
          />
        </div>

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

        <div id="pricing" data-section="pricing">
            <PricingCardFive
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            plans={[
              { id: "solo", price: "٧٩", period: "وجبة", tag: "مميز", description: "وجبة الفرد الواحد", button: { text: "اطلب الآن" }, featuresTitle: "المميزات", features: ["برجر", "بطاطس", "مشروب"] },
              { id: "duo", price: "١٤٩", period: "وجبة", tag: "شائع", description: "وجبة الثنائي", button: { text: "اطلب الآن" }, featuresTitle: "المميزات", features: ["٢ برجر", "بطاطس", "٢ مشروب"] },
            ]}
            title="وجباتنا العائلية"
            description="وفر أكثر مع وجبات المشاركة الفاخرة."
          />
        </div>

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

        <div id="contact" data-section="contact">
            <ContactSplit
            useInvertedBackground={true}
            title="احجز طاولتك الآن"
            description="جاهزون لخدمتك في أي وقت. تواصل للحجز أو الاستفسار."
            tag="تواصل معنا"
            background={{ variant: "plain" }}
            imageSrc="http://img.b2bpic.net/free-photo/man-eating-burger-studio_140725-8139.jpg"
          />
        </div>

        <div id="footer" data-section="footer">
            <FooterLogoEmphasis
            logoText="وطني برجر"
            columns={[
              { items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#product" }] },
              { items: [{ label: "قصتنا", href: "#about" }, { label: "اتصل بنا", href: "#contact" }] },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}