"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Facebook, Home, Instagram, Linkedin, Twitter, Users, CheckCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "الرئيسية",          id: "/"},
        {
          name: "العقارات",          id: "/properties"},
        {
          name: "الفيديوهات",          id: "/videos"},
        {
          name: "الوسطاء",          id: "/agents"},
        {
          name: "الأكاديمية",          id: "/academy"},
        {
          name: "حاسبة التمويل",          id: "/calculator"},
        {
          name: "تواصل",          id: "/contact"},
      ]}
      brandName="النجوم السبعة للعقارات"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      title="اكتشف عالم الفخامة في العقارات بدولة الإمارات"
      description="منصة النجوم السبعة للعقارات هي بوابتك للعقارات المميزة في دبي وأبوظبي وجميع أنحاء الإمارات. ابحث عن فيلتك أو شقتك الفاخرة المثالية."
      kpis={[
        {
          value: "+1000",          label: "عقار معروض"},
        {
          value: "+500",          label: "عميل سعيد"},
        {
          value: "2010",          label: "تأسست عام"},
      ]}
      enableKpiAnimation={true}
      tag="النجوم السبعة للعقارات"
      buttons={[
        {
          text: "ابحث عن عقارك الآن",          href: "/properties"},
        {
          text: "اطلب عقارك الخاص",          href: "/contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg"
      imageAlt="Luxurious real estate in Dubai"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg",          alt: "Real estate agent profile 1"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064840.jpg",          alt: "Real estate agent profile 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-with-glasses-blue-suit-with-tie-lights-with-blurry-background_181624-17456.jpg",          alt: "Real estate agent profile 3"},
        {
          src: "http://img.b2bpic.net/free-photo/businessman-with-amrs-crossed-looking-camera_23-2148113008.jpg",          alt: "Real estate agent profile 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-confident-muslim-businesswoman-standing-with-arms-crossed-office-looking-camera_637285-6459.jpg",          alt: "Real estate agent profile 5"},
      ]}
      avatarText="+1000 عميل موثوق"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661414.jpg",          alt: "Dubai Cityscape"},
        {
          type: "text-icon",          text: "عقارات فاخرة",          icon: Home,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/amazing-view-dome-luxury-royal-hotel-bodrum-turkey_627829-7208.jpg",          alt: "Modern Architecture"},
        {
          type: "text",          text: "خدمات استشارية"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/low-angle-building-with-many-windows_23-2148252801.jpg",          alt: "Skyscraper view"},
        {
          type: "text-icon",          text: "وسطاء معتمدون",          icon: Users,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="خبرة تمتد لأكثر من عقد في سوق العقارات الإماراتي"
      description="منذ عام 2010، والنجوم السبعة للعقارات هي الشريك الموثوق لك في عالم العقارات الفاخرة. نلتزم بتقديم أفضل الفرص الاستثمارية والحلول العقارية المبتكرة لعملائنا الكرام."
      metrics={[
        {
          value: "+10",          title: "سنوات خبرة"},
        {
          value: "+200",          title: "وسيط معتمد"},
        {
          value: "أبوظبي",          title: "من دبي إلى"},
      ]}
      tag="قصتنا"
      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
      imageAlt="Modern real estate office interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="featured-properties" data-section="featured-properties">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "فيلا فاخرة في تلال الإمارات",          price: "35,000,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-albinism-spending-time-home_23-2150321723.jpg",          imageAlt: "Luxury villa in Emirates Hills"},
        {
          id: "p2",          name: "شقة بنتهاوس بإطلالة على برج خليفة",          price: "12,000,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912524.jpg",          imageAlt: "Penthouse apartment with Burj Khalifa view"},
        {
          id: "p3",          name: "منزل تاون هاوس حديث في دبي هيلز",          price: "5,800,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pathway-kilkenny-dukesmeadows_181624-27700.jpg",          imageAlt: "Modern townhouse in Dubai Hills"},
        {
          id: "p4",          name: "فيلا شاطئية حصرية في نخلة جميرا",          price: "50,000,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg",          imageAlt: "Exclusive beachfront villa in Palm Jumeirah"},
        {
          id: "p5",          name: "شقة فاخرة بغرفتي نوم في وسط مدينة دبي",          price: "3,200,000 درهم",          variant: "للإيجار",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-assistant-her-tablet_23-2149108007.jpg",          imageAlt: "Luxury 2-bedroom apartment in Downtown Dubai"},
        {
          id: "p6",          name: "فيلا واسعة بـ 5 غرف نوم في المرابع العربية",          price: "9,500,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151759.jpg",          imageAlt: "Spacious 5-bedroom villa in Arabian Ranches"},
      ]}
      title="العقارات الفاخرة المميزة"
      description="استعرض مجموعتنا المختارة بعناية من العقارات الأكثر فخامة وتميزاً في أرقى أحياء الإمارات. فرص استثمارية فريدة ومنازل الأحلام."
      tag="حصري"
    />
  </div>

  <div id="property-categories" data-section="property-categories">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "cat1",          title: "الفلل الفاخرة",          tags: [
            "للبيع",            "للإيجار"],
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w788vr",          imageAlt: "Luxury Villa Icon"},
        {
          id: "cat2",          title: "الشقق العصرية",          tags: [
            "مفروشة",            "غير مفروشة"],
          imageSrc: "http://img.b2bpic.net/free-vector/real-estate-infographic-with-skyscrapers_23-2147550989.jpg",          imageAlt: "Modern Apartment Icon"},
        {
          id: "cat3",          title: "العقارات التجارية",          tags: [
            "مكاتب",            "محلات"],
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-house-silhouette_23-2150281528.jpg",          imageAlt: "Commercial Property Icon"},
      ]}
      title="اكتشف العقارات حسب الفئة"
      description="سواء كنت تبحث عن فيلا عائلية، شقة عصرية، أو عقار تجاري، لدينا الخيار المثالي لك."
      tag="تصفح"
    />
  </div>

  <div id="featured-agents" data-section="featured-agents">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "a1",          name: "محمد السبع",          role: "وسيط عقاري معتمد",          company: "النجوم السبعة",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-guy-posing-against-white-wall_176420-30580.jpg",          imageAlt: "محمد السبع"
        },
        {
          id: "a2",          name: "فاطمة الزهراء",          role: "خبير عقاري",          company: "النجوم السبعة",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-arabic-businesswoman_181624-51783.jpg",          imageAlt: "فاطمة الزهراء"
        },
        {
          id: "a3",          name: "علي الخالد",          role: "مستشار استثماري",          company: "النجوم السبعة",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-arab-man-making-thumbs-up_23-2148135891.jpg",          imageAlt: "علي الخالد"
        },
        {
          id: "a4",          name: "مريم العلي",          role: "أخصائية عقارات",          company: "النجوم السبعة",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-indian-woman-posing-sari_23-2149405629.jpg",          imageAlt: "مريم العلي"
        },
        {
          id: "a5",          name: "أحمد الشمسي",          role: "مدير مبيعات",          company: "النجوم السبعة",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-young-man_181624-30691.jpg",          imageAlt: "أحمد الشمسي"
        }
      ]}
      kpiItems={[
        {
          value: "+200",          label: "وسطاء معتمدون"
        },
        {
          value: "4.8/5",          label: "متوسط التقييم"
        },
        {
          value: "<CheckCircle />",          label: "وكالات موثوقة"
        }
      ]}
      title="الوسطاء والوكالات المعتمدة"
      description="تعرف على فريقنا من الخبراء العقاريين المعتمدين والوكالات الموثوقة لدينا، مع تقييماتهم الحقيقية من العملاء."
      tag="تقييمات الوسطاء"
      tagIcon={Star}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "سارة محمد",          role: "مستثمرة",          company: "مجموعة الفجر",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",          imageAlt: "Sarah Mohammad"},
        {
          id: "t2",          name: "خالد أحمد",          role: "رجل أعمال",          company: "الشركة الدولية",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-with-hijab-leaving-hotel-smiling-while-being-vacation_23-2149309153.jpg",          imageAlt: "Khaled Ahmed"},
        {
          id: "t3",          name: "ليلى حسن",          role: "مديرة تسويق",          company: "إبداع ديزاين",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",          imageAlt: "Laila Hassan"},
        {
          id: "t4",          name: "يوسف منصور",          role: "مهندس",          company: "العمران الحديث",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg",          imageAlt: "Youssef Mansour"},
        {
          id: "t5",          name: "فاطمة سعيد",          role: "طبيبة",          company: "مستشفى الأمل",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-people-handsome-corporate-man-suit-smiling-showing-thumbs-up-praise-work-good-job-saying-yes-standing-white-background_176420-49993.jpg",          imageAlt: "Fatima Said"},
      ]}
      kpiItems={[
        {
          value: "+500",          label: "عميل سعيد"},
        {
          value: "4.9/5",          label: "متوسط التقييم"},
        {
          value: "+1000",          label: "صفقة ناجحة"},
      ]}
      title="ماذا يقول عملاؤنا عنا؟"
      description="نحن نفخر بالثقة التي نكتسبها من عملائنا وبالتجارب الإيجابية التي نقدمها لهم. استمع إلى قصص نجاحهم."
      tag="آراء العملاء"
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="تواصل معنا"
      title="هل أنت مستعد للعثور على عقارك المثالي؟"
      description="فريقنا جاهز للإجابة على جميع استفساراتك وتقديم المساعدة اللازمة. لا تتردد في التواصل معنا اليوم."
      buttons={[
        {
          text: "تحدث مع خبير",          href: "/contact"},
        {
          text: "اطلب عقاراً",          href: "/contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
      logoAlt="النجوم السبعة للعقارات"
      logoText="النجوم السبعة للعقارات — منذ 2010"
      copyrightText="© 2024 النجوم السبعة للعقارات. جميع الحقوق محفوظة."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
        {
          icon: Linkedin,
          href: "#",          ariaLabel: "LinkedIn"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
