"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Heart, Shield, Microscope, Cpu } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "الرئيسية", id: "hero" },
              { name: "من نحن", id: "about" },
              { name: "خدماتنا", id: "features" },
              { name: "المختبر الطبي", id: "lab" },
              { name: "تواصل معنا", id: "contact" },
            ]}
            brandName="مركز شموع"
            button={{ text: "احجز الآن", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            title="مركز شموع للأطفال المبتسرين وحديثي الولادة"
            description="رعاية متخصصة وبنية تحتية متطورة لضمان أمان وسلامة أطفالنا في أصعب المراحل."
            testimonials={[
              { name: "أحمد علي", handle: "@ahmedali", testimonial: "خدمة ممتازة واهتمام كبير من طاقم طبي محترف.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-male-nurse-hospital_23-2150797468.jpg" },
              { name: "سارة محمود", handle: "@saramah", testimonial: "أشكر المركز على رعاية طفلي بمهنية عالية.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-baby-mom-grandmother_169016-37739.jpg" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/newborn-baby-with-parents_23-2151983853.jpg"
            avatarText="موثوق من أكثر من 500 عائلة"
          />
        </div>

        <div id="lab" data-section="lab">
          <FeatureCardTen
            animationType="blur-reveal"
            textboxLayout="split"
            useInvertedBackground={true}
            title="مختبرنا الطبي المتطور"
            description="نعتمد على أحدث التقنيات العالمية من كبرى الشركات لضمان دقة وسرعة الفحوصات الحيوية."
            features={[
              {
                title: "Siemens Healthineers",                description: "أنظمة تحاليل كيميائية حيوية دقيقة توفر نتائج لحظية للحالات الحرجة.",                items: [{ icon: Microscope, text: "تحليل كيميائي متقدم" }, { icon: Cpu, text: "معالجة عينات ذكية" }],
                reverse: false,
                media: { imageSrc: "http://img.b2bpic.net/free-photo/laboratory-interior-scientific-research-equipment_23-2148967962.jpg" }
              },
              {
                title: "Symplix Technology",                description: "تجهيزات مبتكرة لإدارة العينات وضمان تتبعها في بيئة مخبرية معقمة تماماً.",                items: [{ icon: Shield, text: "أمن البيانات الطبية" }, { icon: Microscope, text: "تحكم دقيق بالعينات" }],
                reverse: true,
                media: { imageSrc: "http://img.b2bpic.net/free-photo/medical-worker-checking-samples_23-2148736453.jpg" }
              },
              {
                title: "Nile Clinical Solutions",                description: "أدوات دقيقة للتشخيص الجزيئي والمناعي تدعم اتخاذ القرارات العلاجية الفورية.",                items: [{ icon: Heart, text: "تشخيص مناعي دقيق" }, { icon: Cpu, text: "سرعة في التشخيص" }],
                reverse: false,
                media: { imageSrc: "http://img.b2bpic.net/free-photo/scientist-using-modern-technology-lab_23-2148866710.jpg" }
              }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            useInvertedBackground={false}
            tag="رسالتنا"
            title="رعاية دافئة ومستقبل مشرق"
            description="يقدم مركز شموع رعاية فائقة للأطفال المبتسرين من خلال أحدث الأجهزة والمراقبة المستمرة."
            subdescription="نحن نؤمن بأن كل طفل يستحق البداية الأفضل في الحياة."
            imageSrc="http://img.b2bpic.net/free-photo/portrait-female-pediatrician-work_23-2151686719.jpg?_wi=1"
            mediaAnimation="slide-up"
            icon={Heart}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplit
            useInvertedBackground={true}
            background={{ variant: "gradient-bars" }}
            title="تواصل معنا"
            description="فريقنا جاهز للرد على استفساراتكم على مدار الساعة."
            mediaAnimation="slide-up"
            tag="تواصل"
            imageSrc="http://img.b2bpic.net/free-photo/portrait-female-pediatrician-work_23-2151686719.jpg?_wi=2"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoReveal
            logoText="مركز شموع"
            leftLink={{ text: "اتصل بنا", href: "#contact" }}
            rightLink={{ text: "سياسة الخصوصية", href: "#" }}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}