"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

const raleway = Raleway({
  variable: "--font-raleway",  subsets: ["latin"],
});

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLarge"
      background="grid"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav" className={raleway.variable}>
        <NavbarStyleFullscreen
          brandName="SOHAYL GOE STORE"
          logoSrc="http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo_23-2149699551.jpg"
          logoAlt="SOHAYL GOE STORE Logo"
          navItems={[
            { name: "الرئيسية", id: "/" },
            { name: "SOHAYL Bundles", id: "#bundles" },
            { name: "لابتوبات", id: "#laptops" },
            { name: "مكونات الكمبيوتر", id: "#pccomponents" },
            { name: "إكسسوارات الألعاب", id: "#gamingaccessories" },
            { name: "شاشات", id: "#monitors" },
            { name: "أجهزة الألعاب", id: "#consoles" },
            { name: "كيبورد وماوس", id: "#keyboardsmice" },
            { name: "سماعات", id: "#headsets" },
            { name: "العروض", id: "#offers" },
            { name: "تتبع طلبك", id: "#trackorder" },
            { name: "دعم العملاء", id: "#customersupport" },
            { name: "حسابي", id: "#myaccount" },
            { name: "السلة", id: "#cart" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero" className={raleway.variable}>
        <HeroSplitTestimonial
          title="أقوى عروض الإلكترونيات والجيمنج"
          description="تسوق أحدث اللابتوبات، قطع الكمبيوتر، وإكسسوارات الجيمنج بأسعار مميزة وتوصيل سريع داخل مصر."
          background={{"variant":"radial-gradient"}}
          useInvertedBackground={false}
          buttons={[
            { text: "تسوق الآن" },
            { text: "تصفح العروض" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg"
          imageAlt="Gaming and electronics offers banner"
          mediaAnimation="opacity"
          testimonials={[
            { name: "أحمد رضا", handle: "@AhmedReda", testimonial: "أفضل متجر لقطع الكمبيوتر في مصر! سرعة في التوصيل ومنتجات أصلية.", rating: 5 },
            { name: "فاطمة الزهراء", handle: "@FatmaZahra", testimonial: "تجربة شراء رائعة، فريق الدعم الفني متعاون جداً والأسعار ممتازة.", rating: 5 },
            { name: "كريم منصور", handle: "@KarimMansour", testimonial: "حصلت على أفضل لابتوب للألعاب، والتوصيل كان أسرع مما توقعت. أنصح به!", rating: 5 },
            { name: "نور الهدى", handle: "@NourElHoda", testimonial: "منتجات عالية الجودة وخدمة عملاء ممتازة. بالتأكيد سأشتري منهم مرة أخرى.", rating: 5 },
            { name: "يوسف طارق", handle: "@YoussefTarek", testimonial: "تنوع كبير في المنتجات وأسعار تنافسية. SOHAYL GOE هو خياري الأول دائماً.", rating: 5 }
          ]}
        />
      </div>

      <div id="features" data-section="features" className={raleway.variable}>
        <FeatureCardTwelve
          title="خدماتنا الموثوقة"
          description="نقدم لكم أفضل الخدمات لضمان تجربة تسوق ممتازة."
          features={[
            { id: "trust-1", label: "خدمة مميزة", title: "توصيل سريع لجميع المحافظات", items: ["استمتع بتوصيل سريع وموثوق لجميع المحافظات في مصر لجميع طلباتك."] },
            { id: "trust-2", label: "أمان", title: "الدفع عند الاستلام", items: ["ادفع ثمن مشترياتك نقداً عند استلامها لراحة بال تامة."] },
            { id: "trust-3", label: "جودة", title: "ضمان على المنتجات", items: ["جميع منتجاتنا تأتي مع ضمان كامل لراحة بالك وثقتك."] },
            { id: "trust-4", label: "دعم", title: "دعم فني 24/7", items: ["فريق دعم فني متاح على مدار الساعة لمساعدتك في أي وقت."] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="featured-categories" data-section="featured-categories" className={raleway.variable}>
        <ProductCardFour
          title="استكشف فئاتنا المميزة"
          description="تصفح أحدث وأفضل المنتجات في الفئات الرائجة."
          products={[
            { id: "cat-1", name: "SOHAYL Bundles", price: "تبدأ من 45000 جنيه مصري", variant: "مجموعات متكاملة", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-blue-cellphone-headphones-laptop-origami-wooden-surface_181624-60489.jpg", imageAlt: "SOHAYL Bundles" },
            { id: "cat-2", name: "لابتوبات", price: "تبدأ من 20000 جنيه مصري", variant: "أداء عالي", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-sofa-front-turquoise-colored-wooden-wall_23-2147924380.jpg", imageAlt: "Laptops" },
            { id: "cat-3", name: "مكونات الكمبيوتر", price: "تبدأ من 500 جنيه مصري", variant: "طور جهازك", imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150941998.jpg", imageAlt: "PC Components" },
            { id: "cat-4", name: "إكسسوارات الألعاب", price: "تبدأ من 150 جنيهاً مصرياً", variant: "ارفع مستوى لعبك", imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg", imageAlt: "Gaming Accessories" },
            { id: "cat-5", name: "شاشات", price: "تبدأ من 3000 جنيه مصري", variant: "جودة بصرية", imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg", imageAlt: "Monitors" },
            { id: "cat-6", name: "أجهزة الألعاب", price: "تبدأ من 10000 جنيه مصري", variant: "تجربة لعب لا مثيل لها", imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347225.jpg", imageAlt: "Consoles" },
            { id: "cat-7", name: "كيبورد وماوس", price: "تبدأ من 200 جنيه مصري", variant: "تحكم دقيق", imageSrc: "http://img.b2bpic.net/free-photo/pencils-near-digital-devices_23-2147929688.jpg", imageAlt: "Keyboards & Mice" },
            { id: "cat-8", name: "سماعات", price: "تبدأ من 300 جنيه مصري", variant: "صوت محيطي", imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg", imageAlt: "Headsets" },
            { id: "cat-9", name: "العروض", price: "تخفيضات مذهلة", variant: "اغتنم الفرصة", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale-banner_23-2152027054.jpg", imageAlt: "Offers" }
          ]}
          carouselMode="buttons"
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products" className={raleway.variable}>
        <ProductCatalog
          layout="section"
          products={[
            { id: "prod-1", name: "لابتوب ألعاب متطور RTX 4070", price: "75,000 جنيه مصري", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-losing-video-game-tournament-while-playing-with-vr-headset-late-night-her-room_482257-23348.jpg", imageAlt: "Gaming Laptop RTX 4070" },
            { id: "prod-2", name: "كيبورد ميكانيكي RGB", price: "1,800 جنيه مصري", rating: 4, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg?_wi=1", imageAlt: "RGB Mechanical Keyboard" },
            { id: "prod-3", name: "ماوس ألعاب لاسلكي احترافي", price: "950 جنيه مصري", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-tablet_23-2148128748.jpg", imageAlt: "Wireless Gaming Mouse" },
            { id: "prod-4", name: "شاشة ألعاب 27 بوصة 144Hz", price: "6,500 جنيه مصري", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg?_wi=1", imageAlt: "27-inch 144Hz Gaming Monitor" },
            { id: "prod-5", name: "سماعة رأس ألعاب لاسلكية 7.1", price: "2,200 جنيه مصري", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-blue-sweatshirt-holding-headphones-gets-ready-wear-them-listen-music_114579-27218.jpg", imageAlt: "Wireless Gaming Headset 7.1" },
            { id: "prod-6", name: "كمبيوتر مكتبي للألعاب (Ryzen 9)", price: "90,000 جنيه مصري", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg", imageAlt: "Desktop Gaming PC Ryzen 9" }
          ]}
          filters={[
            { label: "الترتيب حسب", options: ["الأحدث", "السعر: من الأقل للأعلى", "السعر: من الأعلى للأقل"], selected: "الأحدث", onChange: (value) => console.log(value) },
            { label: "مدى السعر", options: ["أقل من 1000", "1000 - 5000", "5000 - 10000", "أكثر من 10000"], selected: "", onChange: (value) => console.log(value) },
            { label: "متوفر فقط", options: ["نعم", "لا"], selected: "نعم", onChange: (value) => console.log(value) }
          ]}
          searchPlaceholder="ابحث عن المنتجات..."
          onSearchChange={(value) => console.log(value)}
          useInvertedBackground={true}
        />
      </div>

      <div id="deal-of-the-day" data-section="deal-of-the-day" className={raleway.variable}>
        <ProductCardFour
          title="عرض اليوم"
          description="لا تفوت فرصة الحصول على أفضل الصفقات! خصم خاص لمدة 24 ساعة فقط."
          products={[
            { id: "deal-1", name: "سماعة ألعاب لاسلكية 7.1 Surround Sound", price: "1,850 جنيه مصري", variant: "في المخزون", imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-45.jpg", imageAlt: "Gaming Headset 7.1 Wireless", oldPrice: "2,200 جنيه مصري" },
            { id: "deal-2", name: "كيبورد ميكانيكي RGB بخصم", price: "1,500 جنيه مصري", variant: "حصري أونلاين", imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg?_wi=2", imageAlt: "RGB Mechanical Keyboard Discount", oldPrice: "1,800 جنيه مصري" },
            { id: "deal-3", name: "شاشة ألعاب 24 بوصة 75Hz", price: "2,800 جنيه مصري", variant: "عرض نهاية الأسبوع", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg?_wi=2", imageAlt: "Gaming Monitor Weekend Deal", oldPrice: "3,500 جنيه مصري" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials" className={raleway.variable}>
        <TestimonialCardSixteen
          title="ماذا يقول عملاؤنا"
          description="شهادات حقيقية من عملائنا الراضين عن SOHAYL GOE STORE."
          testimonials={[
            { id: "1", name: "سارة علي", role: "طالبة جامعية", company: "عميل فردي", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trendy-young-woman-looking-surprised-holding-grey-card_1298-540.jpg", imageAlt: "Sarah Ali" },
            { id: "2", name: "محمد حسين", role: "مهندس برمجيات", company: "شركة تكنولوجيا", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-looking-tablet_23-2148363584.jpg", imageAlt: "Mohamed Hussein" },
            { id: "3", name: "ليلى محمود", role: "مصممة جرافيك", company: "استوديو إبداعي", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/office-workers-their-place-work_329181-15089.jpg", imageAlt: "Layla Mahmoud" },
            { id: "4", name: "عمر خالد", role: "لاعب محترف", company: "فريق ألعاب إلكترونية", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lethargic-man-addicted-gaming-feeling-extremely-tired-after-engaging-games-all-day_482257-99040.jpg", imageAlt: "Omar Khaled" },
            { id: "5", name: "منال أحمد", role: "مديرة مشتريات", company: "مؤسسة تعليمية", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-couple-just-bought-new-household-appliances-hypermarket_93675-133602.jpg", imageAlt: "Manal Ahmed" }
          ]}
          kpiItems={[
            { value: "+10K", label: "عميل راضٍ" },
            { value: "99%", label: "جودة موثوقة" },
            { value: "5 نجوم", label: "تقييم العملاء" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="newsletter" data-section="newsletter" className={raleway.variable}>
        <ContactCenter
          tag="ابق على اطلاع"
          title="اشترك في نشرتنا الإخبارية"
          description="احصل على آخر العروض والأخبار والتحديثات مباشرة في بريدك الوارد من SOHAYL GOE STORE."
          background={{"variant":"radial-gradient"}}
          useInvertedBackground={false}
          inputPlaceholder="أدخل بريدك الإلكتروني"
          buttonText="اشترك الآن"
          termsText="بالضغط على اشترك الآن، فإنك توافق على سياسة الخصوصية وشروط الخدمة لدينا."
        />
      </div>

      <div id="footer" data-section="footer" className={raleway.variable}>
        <FooterLogoReveal
          logoText="SOHAYL GOE STORE"
          logoSrc="http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo_23-2149699551.jpg"
          logoAlt="SOHAYL GOE STORE Logo"
          leftLink={{ text: "سياسة الخصوصية", href: "#" }}
          rightLink={{ text: "شروط الخدمة", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
