"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 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "الرئيسية",
          id: "hero",
        },
        {
          name: "من نحن",
          id: "about",
        },
        {
          name: "خدماتنا",
          id: "features",
        },
        {
          name: "تواصل معنا",
          id: "contact",
        },
      ]}
      brandName="مركز شموع"
    />
  </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",
        },
        {
          name: "محمد حسن",
          handle: "@mhasan",
          testimonial: "رعاية فائقة وتجهيزات طبية متطورة.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-nurse-hospital_23-2150797378.jpg",
        },
        {
          name: "منى يوسف",
          handle: "@monay",
          testimonial: "أمان وراحة بال حقيقية في هذا المركز.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mother-plays-with-newborn-baby-newborn-baby_169016-63679.jpg",
        },
        {
          name: "خالد إبراهيم",
          handle: "@khalid_i",
          testimonial: "طاقم طبي متعاون جداً في كل لحظة.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mother-tutoring-girl-home_23-2147848685.jpg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/newborn-baby-with-parents_23-2151983853.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/fence-with-eggs-hare-figurine_23-2147759726.jpg",
          alt: "Father with baby",
        },
        {
          src: "http://img.b2bpic.net/free-photo/sweet-little-baby-green-bib-sitting-baby-chair-getting-scared-seeing-bird-outside-window-while-mom-turns-aside-check-chat-rooms-smartphone_176420-19788.jpg",
          alt: "Mother with newborn",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-baby_23-2149320447.jpg",
          alt: "Medical staff member",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-newborn-baby-with-male-nurse-hospital_23-2150797468.jpg",
          alt: "Doctor checking baby",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-hands-baby-mom-grandmother_169016-37739.jpg",
          alt: "Smiling baby",
        },
      ]}
      avatarText="موثوق من أكثر من 500 عائلة"
    />
  </div>

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

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "وحدة العناية المركزة",
          description: "مراقبة دقيقة للأطفال المبتسرين.",
          items: [
            {
              icon: Heart,
              text: "مراقبة حيوية",
            },
            {
              icon: Shield,
              text: "حماية كاملة",
            },
          ],
          reverse: false,
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/newborn-baby-with-parents_23-2151983853.jpg",
          imageAlt: "neonatal care nursery newborn baby",
        },
      ]}
      title="خدماتنا المتميزة"
      description="نوفر رعاية طبية متكاملة لحديثي الولادة تحت إشراف نخبة من الأطباء."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "+500",
          title: "طفل تمت رعايته",
          items: [
            "بنجاح",
            "بأمان",
          ],
        },
      ]}
      title="حقائق وأرقام"
      description="فخورون بالنتائج التي نحققها كل يوم."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "خالد",
          role: "أب",
          testimonial: "تجربة رائعة ورعاية حانية.",
          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-family-with-their-little-son-having-fun-together_1303-26771.jpg",
        },
        {
          id: "2",
          name: "نور",
          role: "أم",
          testimonial: "اهتمام يفوق التوقعات.",
          imageSrc: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621104.jpg",
        },
        {
          id: "3",
          name: "ياسر",
          role: "أب",
          testimonial: "طاقم تمريض متميز.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-little-kids-teacher-indoors_23-2149390014.jpg",
        },
        {
          id: "4",
          name: "ليلى",
          role: "أم",
          testimonial: "المركز الأكثر أماناً.",
          imageSrc: "http://img.b2bpic.net/free-photo/children-posing-with-babysitter_23-2147664055.jpg",
        },
        {
          id: "5",
          name: "سامي",
          role: "أب",
          testimonial: "خدمة طبية عالمية.",
          imageSrc: "http://img.b2bpic.net/free-photo/parents-watching-their-child-resting-hospital-bed-with-gentle-touch_73899-54486.jpg",
        },
      ]}
      title="ماذا يقول الآباء"
      description="تجارب أسرنا هي دافعنا للاستمرار في تقديم الأفضل."
    />
  </div>

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

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

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