"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Box, Gift, PenTool } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "الرئيسية",
          id: "#home",
        },
        {
          name: "من نحن",
          id: "#about",
        },
        {
          name: "المنتجات",
          id: "#categories",
        },
        {
          name: "معرض الأعمال",
          id: "#gallery",
        },
        {
          name: "آراء العملاء",
          id: "#testimonials",
        },
        {
          name: "اتصل بنا",
          id: "#contact-info",
        },
      ]}
      brandName="درع تحفة"
      button={{
        text: "تواصل معنا الآن",
        href: "#quick-contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="درع تحفة"
      description="نقدم أفخم الدروع التذكارية والمجسمات الأكريليك والسيوف التذكارية والهدايا الدعائية المصممة خصيصاً للشركات والمؤسسات والمناسبات الخاصة، بأعلى معايير الجودة والدقة."
      buttons={[
        {
          text: "اطلب تصميمك الآن",
          href: "#quick-contact",
        },
        {
          text: "تصفح المنتجات",
          href: "#categories",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-vector/golden-baroque-shield-elements-vector_53876-76059.jpg"
      imageAlt="Luxurious commemorative shield and acrylic trophy"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "من نحن",
        },
      ]}
    />
  </div>

  <div id="categories" data-section="categories">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Award,
          title: "الدروع التذكارية",
          description: "دروع كريستال وأكريليك وخشبية بتصاميم فاخرة تناسب جميع المناسبات.",
        },
        {
          icon: Award,
          title: "السيوف التذكارية",
          description: "سيوف فاخرة مصممة بعناية لتكون هدايا وتكريمات مميزة وراقية.",
        },
        {
          icon: Box,
          title: "المجسمات الأكريليك",
          description: "تصميم وتنفيذ مجسمات أكريليك إبداعية ومخصصة حسب الطلب بالدقة والجودة.",
        },
        {
          icon: Gift,
          title: "الهدايا الدعائية للشركات",
          description: "هدايا دعائية مميزة تحمل شعار الشركة أو المؤسسة، لتعزيز الهوية التجارية.",
        },
        {
          icon: Gift,
          title: "هدايا المناسبات والأعراس",
          description: "تشكيلة فريدة من الهدايا المخصصة للأعراس والمناسبات الخاصة، بلمسة فاخرة.",
        },
        {
          icon: PenTool,
          title: "الحفر والتخصيص",
          description: "خدمات حفر وتخصيص بالليزر، لإضافة الشعارات والأسماء على الهدايا بدقة.",
        },
      ]}
      title="أقسام منتجاتنا الفاخرة"
      description="اكتشف مجموعتنا الواسعة من الدروع التذكارية، السيوف، المجسمات الأكريليك، الهدايا الدعائية، وهدايا المناسبات، مع خدمة الحفر والتخصيص."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          value: "27+",
          title: "سنوات الخبرة",
          description: "خبرة تمتد لأكثر من 27 عاماً في مجال التصميم والتصنيع الفاخر.",
          imageSrc: "http://img.b2bpic.net/free-photo/21-march-inscription-with-green-leaves_23-2148069029.jpg",
          imageAlt: "27+ years of experience icon",
        },
        {
          id: "metric-2",
          value: "جودة",
          title: "خامات فاخرة",
          description: "نستخدم أجود الخامات وأكثرها فخامة لضمان منتجات لا تضاهى.",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-sequin-material-texture_23-2148383686.jpg",
          imageAlt: "Luxury materials icon",
        },
        {
          id: "metric-3",
          value: "تصميم",
          title: "تصميمات مخصصة",
          description: "نقدم تصميمات فريدة ومبتكرة تتناسب مع ذوقك واحتياجاتك الخاصة.",
          imageSrc: "http://img.b2bpic.net/free-photo/congratulations-celebration-surprise-special-present_53876-134061.jpg",
          imageAlt: "Custom designs icon",
        },
        {
          id: "metric-4",
          value: "سرعة",
          title: "سرعة التنفيذ",
          description: "نلتزم بالدقة والسرعة في التنفيذ والتسليم دون المساس بالجودة.",
          imageSrc: "http://img.b2bpic.net/free-photo/time-is-running-out-concept-with-hour-glass_23-2149506942.jpg",
          imageAlt: "Fast execution icon",
        },
        {
          id: "metric-5",
          value: "خدمة",
          title: "شراكات مؤسسية",
          description: "خدماتنا مصممة خصيصاً للشركات والمؤسسات والجهات الحكومية.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-partners-closing-contract_74855-1152.jpg",
          imageAlt: "Corporate partnerships icon",
        },
        {
          id: "metric-6",
          value: "شحن",
          title: "تغطية شاملة",
          description: "نوفر خدمة الشحن السريع والآمن إلى جميع مناطق المملكة العربية السعودية.",
          imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189254.jpg",
          imageAlt: "Shipping across Saudi Arabia icon",
        },
      ]}
      title="لماذا تختار درع تحفة؟"
      description="نفخر بخبرتنا الطويلة وجودتنا العالية والتزامنا بتقديم الأفضل لعملائنا الكرام."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "درع تحفة",
          name: "درع كريستالي ملكي",
          price: "SR 1200",
          rating: 5,
          reviewCount: "22",
          imageSrc: "http://img.b2bpic.net/free-vector/black-gold-background-design_1375-128.jpg",
          imageAlt: "Royal crystal shield",
        },
        {
          id: "p2",
          brand: "درع تحفة",
          name: "سيف تذكاري فاخر",
          price: "SR 2500",
          rating: 4.8,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-vector/mandala-background_23-2148076779.jpg",
          imageAlt: "Luxury commemorative sword",
        },
        {
          id: "p3",
          brand: "درع تحفة",
          name: "مجسم أكريليك مخصص",
          price: "SR 850",
          rating: 4.9,
          reviewCount: "30",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-candle-decoration_23-2148264329.jpg",
          imageAlt: "Custom acrylic model",
        },
        {
          id: "p4",
          brand: "درع تحفة",
          name: "هدية دعائية راقية",
          price: "SR 450",
          rating: 4.7,
          reviewCount: "40",
          imageSrc: "http://img.b2bpic.net/free-photo/transparent-prism-with-jewel_23-2147960082.jpg",
          imageAlt: "Elegant corporate gift",
        },
        {
          id: "p5",
          brand: "درع تحفة",
          name: "درع خشبي منقوش",
          price: "SR 950",
          rating: 4.5,
          reviewCount: "18",
          imageSrc: "http://img.b2bpic.net/free-photo/isolated-sword-with-copy-space_1194-639121.jpg",
          imageAlt: "Engraved wooden shield",
        },
        {
          id: "p6",
          brand: "درع تحفة",
          name: "ميدالية ذهبية مخصصة",
          price: "SR 300",
          rating: 4.9,
          reviewCount: "55",
          imageSrc: "http://img.b2bpic.net/free-photo/view-ouija-board-wooden-table_23-2149486501.jpg",
          imageAlt: "Custom gold medal",
        },
      ]}
      title="معرض أعمالنا المتميزة"
      description="تصفح مجموعتنا الفريدة من الدروع، السيوف، المجسمات الأكريليك، والهدايا المخصصة التي تعكس أرقى مستويات الفخامة والجودة."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "فاطمة أحمد",
          handle: "@FatimaA",
          testimonial: "خدمة ممتازة ودروع ذات جودة لا تُضاهى. أنا سعيدة جداً بالتعامل مع درع تحفة، أنصح بهم بشدة.",
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286101.jpg",
          imageAlt: "Fatima Ahmed",
        },
        {
          id: "t2",
          name: "خالد بن فهد",
          handle: "@KhalidFahad",
          testimonial: "طلبنا سيوف تذكارية لفعالية كبرى وكانت النتيجة تفوق التوقعات. حرفية ودقة في التنفيذ.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",
          imageAlt: "Khalid Bin Fahad",
        },
        {
          id: "t3",
          name: "نور الهاشمي",
          handle: "@NoorAlHashemi",
          testimonial: "المجسمات الأكريليك التي صمموها لشركتنا كانت مذهلة، تعكس احترافيتهم وإبداعهم.",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-city_1157-16477.jpg",
          imageAlt: "Noor Al Hashemi",
        },
        {
          id: "t4",
          name: "عبدالله السالم",
          handle: "@AbdullahS",
          testimonial: "الدروع التذكارية والهدايا الدعائية من درع تحفة أضافت لمسة فخامة لمناسباتنا. شكراً لكم.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-with-cup-coffee-front-building_23-2147955376.jpg",
          imageAlt: "Abdullah Al-Salem",
        },
        {
          id: "t5",
          name: "ليلى ومحمد",
          handle: "@LailaMoh",
          testimonial: "هدايا الزفاف كانت تحفة فنية، والتخصيص كان مثالياً. تجربة رائعة من البداية للنهاية.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-groom_158595-4155.jpg",
          imageAlt: "Laila and Mohammed",
        },
        {
          id: "t6",
          name: "سارة علي",
          handle: "@SaraAli",
          testimonial: "سرعة في الإنجاز وجودة لا تُضاهى. درع تحفة هو خياري الأول دائماً للهدايا الفاخرة.",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-gesture-successful-collar-mixed_1262-1193.jpg",
          imageAlt: "Sara Ali",
        },
      ]}
      title="ماذا يقول عملاؤنا عنا؟"
      description="تقييمات وثقة عملائنا هي شهادة على جودتنا وتميز خدماتنا. ⭐⭐⭐⭐⭐ 4.6 من 5 بناءً على أكثر من 73 تقييماً."
    />
  </div>

  <div id="quick-contact" data-section="quick-contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="تواصل معنا"
      title="هل تبحث عن دروع تذكارية وهدايا دعائية فاخرة؟"
      description="نحن هنا لمساعدتك في تصميم هديتك المثالية. تواصل معنا الآن للحصول على استشارة مجانية وعروض خاصة."
      buttons={[
        {
          text: "تواصل معنا الآن",
          href: "#contact-info",
        },
      ]}
    />
  </div>

  <div id="contact-info" data-section="contact-info">
      <FooterSimple
      columns={[
        {
          title: "روابط سريعة",
          items: [
            {
              label: "الرئيسية",
              href: "#home",
            },
            {
              label: "من نحن",
              href: "#about",
            },
            {
              label: "المنتجات",
              href: "#categories",
            },
            {
              label: "معرض الأعمال",
              href: "#gallery",
            },
            {
              label: "اتصل بنا",
              href: "#contact-info",
            },
            {
              label: "سياسة الخصوصية",
              href: "#",
            },
          ],
        },
        {
          title: "تواصل معنا",
          items: [
            {
              label: "0538988577",
              href: "tel:+966538988577",
            },
            {
              label: "واتساب",
              href: "https://wa.me/966538988577",
            },
            {
              label: "الموقع على الخريطة",
              href: "https://maps.app.goo.gl/YourGoogleMapsLink",
            },
            {
              label: "الرياض، المملكة العربية السعودية",
              href: "#",
            },
          ],
        },
        {
          title: "ساعات العمل",
          items: [
            {
              label: "السبت - الخميس: 9 صباحاً - 10 مساءً",
              href: "#",
            },
            {
              label: "الجمعة: مغلق",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 درع تحفة. جميع الحقوق محفوظة."
      bottomRightText="تصميم وتطوير بفخر."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
