"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ShieldCheck, Zap, DollarSign, Phone, Home, Settings, Cpu } from "lucide-react";

export default function SmartHomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav" dir="rtl">
          <NavbarLayoutFloatingInline
            brandName="يمن سمارت هوم"
            navItems={[
              { name: "الخدمات", id: "services" },
              { name: "عن الشركة", id: "about" },
              { name: "آراء العملاء", id: "testimonials" },
              { name: "اتصل بنا", id: "contact" },
            ]}
            button={{ text: "اطلب استشارة", href: "#contact" }}
            animateOnLoad={false}
          />
        </div>

        <div id="hero" data-section="hero" dir="rtl">
          <HeroOverlay
            title="منزلك، بذكاء لم تشهده من قبل"
            description="نحن في يمن سمارت هوم نحول منزلك التقليدي إلى مساحة ذكية متكاملة، توفر لك الراحة، الأمان، وكفاءة الطاقة بأحدث التقنيات العالمية."
            buttons={[
              { text: "استكشف حلولنا", href: "#services" },
              { text: "تواصل معنا", href: "#contact" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/living-room-without-electric-light-inside-modern-house-blackout_123827-35881.jpg"
            imageAlt="منزل ذكي بأسلوب عصري"
            showDimOverlay={true}
          />
        </div>

        <div id="about" data-section="about" dir="rtl">
          <MetricSplitMediaAbout
            tag="لماذا نحن؟"
            title="رواد الأتمتة والتحكم الذكي في اليمن"
            description="نجمع بين الخبرة التقنية والتكنولوجيا الحديثة لنقدم حلولاً مخصصة تليق بأسلوب حياتك. نحن نؤمن بأن المنزل الذكي ليس رفاهية، بل هو معيار جديد للراحة والأمان."
            metrics={[
              { value: "٥٠٠+", title: "مشروع منجز" },
              { value: "١٠٠٪", title: "رضا العملاء" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/young-business-woman-using-tablet_1303-22693.jpg"
            imageAlt="فريق تقني يعمل على نظام أتمتة"
            mediaAnimation="slide-up"
            metricsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services" dir="rtl">
          <FeatureCardOne
            title="خدماتنا المبتكرة"
            description="نقدم باقة متكاملة من الحلول الذكية لتحكم كامل وسلس في أرجاء منزلك"
            features={[
              { title: "الإضاءة الذكية", description: "تحكم في إضاءة منزلك عبر هاتفك أو الأوامر الصوتية.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150639946.jpg" },
              { title: "نظام الأمان الذكي", description: "كاميرات مراقبة وحساسات إنذار ذكية مرتبطة بهاتفك فوراً.", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036896.jpg" },
              { title: "التحكم في التكييف", description: "ضبط درجات الحرارة توفيراً للطاقة وراحة مثالية.", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-smartphone-with-smart-home-lights-app-sitting-kitchen-house-with-automation-lighting-system-turning-bulbs-with-voice-command_482257-2256.jpg" },
            ]}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            textboxLayout="default"
          />
        </div>

        <FeatureBorderGlow
          title="مميزاتنا الرئيسية"
          description="نحن نهتم بالتفاصيل لضمان تجربة مستخدم لا تضاهى"
          features={[
            { icon: Cpu, title: "تكنولوجيا متقدمة", description: "نعتمد أحدث البروتوكولات العالمية للربط والتحكم." },
            { icon: ShieldCheck, title: "أمان فائق", description: "خصوصية بياناتك ومنزلك هي أولويتنا القصوى." },
            { icon: Zap, title: "سهولة الاستخدام", description: "واجهات تحكم بسيطة يمكن لأي فرد في الأسرة استخدامها." },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />

        <div id="testimonials" data-section="testimonials" dir="rtl">
          <TestimonialCardThirteen
            title="ماذا يقول عملاؤنا؟"
            description="فخورون بثقة عملائنا في اليمن"
            testimonials={[
              { id: "1", name: "محمد أحمد", handle: "عميل مميز", testimonial: "تجربة مذهلة، تحكم كامل في منزلي بضغطة زر. الخدمة احترافية جداً.", rating: 5 },
              { id: "2", name: "سارة علي", handle: "عميل مميز", testimonial: "نظام الأمان في منزلي أصبح أكثر دقة بفضل يمن سمارت هوم.", rating: 5 },
            ]}
            showRating={true}
            animationType="slide-up"
            textboxLayout="default"
          />
        </div>

        <div id="faq" data-section="faq" dir="rtl">
          <FaqSplitText
            sideTitle="الأسئلة الشائعة"
            faqs={[
              { id: "1", title: "هل يمكن أتمتة منزلي القديم؟", content: "نعم! نقدم حلولاً مرنة تناسب المنازل الحالية دون الحاجة لتغيير البنية التحتية." },
              { id: "2", title: "ما هي فترة الضمان؟", content: "نقدم ضماناً شاملاً لمدة عامين على كافة أجهزتنا وعمليات التركيب." },
            ]}
            faqsAnimation="slide-up"
            textPosition="right"
          />
        </div>

        <div id="contact" data-section="contact" dir="rtl">
          <ContactCTA
            tag="اتصل بنا"
            title="هل أنت مستعد لنقل منزلك للمستقبل؟"
            description="احصل على استشارة مجانية اليوم وناقش مع خبرائنا الحل الأنسب لاحتياجاتك."
            buttons={[{ text: "اتصل بنا الآن", href: "tel:+967777777777" }]}
            background={{ variant: "radial-gradient" }}
          />
        </div>

        <div id="footer" data-section="footer" dir="rtl">
          <FooterMedia
            logoText="يمن سمارت هوم"
            imageSrc="http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248315.jpg"
            columns={[
              { title: "خدماتنا", items: [{ label: "إضاءة", href: "#" }, { label: "أمان", href: "#" }] },
              { title: "عن الشركة", items: [{ label: "قصتنا", href: "#" }] },
            ]}
            copyrightText="© ٢٠٢٥ | يمن سمارت هوم"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
