"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import { Award, CalendarCheck, Cog, Droplet, Feather, Flashlight, Heart, Instagram, MapPin, Phone, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "الرئيسية",
          id: "#home",
        },
        {
          name: "من نحن",
          id: "#about",
        },
        {
          name: "الخدمات",
          id: "#services",
        },
        {
          name: "الأطباء",
          id: "#doctors",
        },
        {
          name: "الحجز",
          id: "#booking",
        },
        {
          name: "تواصل",
          id: "#contact-info",
        },
      ]}
      brandName="B&C Clinics"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient",
      }}
      title="الجمال يبدأ بالثقة"
      description="عيادات بيوتي اند كير تقدم لك تجربة طبية متكاملة في التجميل، الجلدية، الليزر، وجراحة التجميل بأحدث التقنيات."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-orchids-vase_23-2150960677.jpg",
          imageAlt: "Luxurious clinic reception",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg",
          imageAlt: "Advanced laser treatment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/natural-beautiful-woman-bathroom_329181-1374.jpg",
          imageAlt: "Happy client after treatment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman_23-2148547029.jpg",
          imageAlt: "Aesthetician applying face mask",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/assorted-pharmaceutical-tools-marble-surface_114579-22165.jpg",
          imageAlt: "Modern surgery room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-work-desk_141793-98698.jpg",
          imageAlt: "Doctor consulting patient",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1565.jpg",
          imageAlt: "Elegant clinic lobby",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-care-products-with-blue-background_23-2149322591.jpg",
          imageAlt: "Skin care product display",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-holding-woman-s-face-front-view_23-2149349916.jpg",
          imageAlt: "Botox treatment being performed",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/laser-measuring-level-construction-work-work-shallow-depth-field-green-laser-beams-level-measurement-construction-finishing-works_166373-1898.jpg",
          imageAlt: "High-tech medical equipment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365807.jpg",
          imageAlt: "Dermatologist examining skin",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
          imageAlt: "Serene spa ambiance",
        },
      ]}
      buttons={[
        {
          text: "احجز موعدك الآن",
          href: "#booking",
        },
        {
          text: "تواصل واتساب",
          href: "https://wa.me/966920009149",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/adult-studio-neck-posing-hair_1304-912.jpg",
          alt: "adult studio neck posing hair",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65237.jpg",
          alt: "Beautiful women using digital tablet",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure-spa_23-2148825334.jpg",
          alt: "Young woman getting a skincare procedure at the spa",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-cheerful-sweet-lovely-smiling-woman-enjoy-bouquet-white-fresh-flowers_158595-8197.jpg",
          alt: "Young happy cheerful sweet lovely smiling woman enjoy a bouquet of white fresh flowers",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
          alt: "Woman wearing bathrobe in hotel room",
        },
      ]}
      avatarText="أكثر من 5000 مراجع سعيد"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-terry-bathrobe-squints-applies-transparent-patches-eyes-white-background-home-spa-facial-concept_197531-31559.jpg",
          alt: "Smiling young caucasian woman",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/sideways-portrait-happy-female-awakes-good-mood-after-healthy-dream-night-sits-comfortable-bed-with-pillow-relaxed-woman-poses-bedroom-hotel-room-with-cheerful-expression_273609-2372.jpg",
          alt: "Sideways portrait of happy female",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34015.jpg",
          alt: "Woman in cosmetology studio",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34026.jpg",
          alt: "Woman in cosmetology studio",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878930.jpg",
          alt: "Woman at beauty clinic",
        },
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "من نحن",
        },
      ]}
      description="رعاية طبية بجمال مختلف\n\nفي عيادات بيوتي اند كير، نؤمن أن الجمال الحقيقي يبدأ من الثقة، لذلك نقدم خدمات طبية وتجميلية متكاملة بإشراف نخبة من الأطباء والاستشاريين المتخصصين.\n\nنحرص على تقديم تجربة آمنة، راقية، ومريحة لكل مراجع يبحث عن نتائج طبيعية وخدمة طبية عالية الجودة."
      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683479.jpg"
      imageAlt="modern clinic reception warm lighting"
      buttons={[
        {
          text: "تعرف على المزيد",
          href: "#services",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "جراحة التجميل",
          description: "إجراءات تجميلية متقدمة بإشراف أطباء مختصين.",
          bentoComponent: "reveal-icon",
          icon: Droplet,
          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg",
          imageAlt: "Home interior design composition",
        },
        {
          title: "الجلدية",
          description: "علاج مشاكل البشرة والعناية بصحة الجلد.",
          bentoComponent: "reveal-icon",
          icon: Heart,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-orchids-vase_23-2150960677.jpg",
          imageAlt: "Home interior design composition",
        },
        {
          title: "الليزر",
          description: "جلسات ليزر بأجهزة حديثة ونتائج فعالة.",
          bentoComponent: "reveal-icon",
          icon: Flashlight,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg",
          imageAlt: "Home interior design composition",
        },
        {
          title: "البوتكس والفيلر",
          description: "نتائج طبيعية لإبراز ملامحك بجمال متوازن.",
          bentoComponent: "reveal-icon",
          icon: Sparkles,
          imageSrc: "http://img.b2bpic.net/free-photo/natural-beautiful-woman-bathroom_329181-1374.jpg",
          imageAlt: "Home interior design composition",
        },
        {
          title: "العناية بالبشرة",
          description: "جلسات تنظيف، نضارة، وتجديد للبشرة.",
          bentoComponent: "reveal-icon",
          icon: Feather,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman_23-2148547029.jpg",
          imageAlt: "Home interior design composition",
        },
        {
          title: "النساء والولادة",
          description: "رعاية طبية متخصصة للمرأة.",
          bentoComponent: "reveal-icon",
          icon: Heart,
          imageSrc: "http://img.b2bpic.net/free-photo/assorted-pharmaceutical-tools-marble-surface_114579-22165.jpg",
          imageAlt: "Home interior design composition",
        },
      ]}
      title="خدماتنا"
      description="خدمات طبية وتجميلية متكاملة"
    />
  </div>

  <div id="doctors" data-section="doctors">
      <TeamCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "1",
          name: "Dr. Tamer",
          role: "استشاري تجميل وجلدية",
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-doctor-using-clipboard-clinic_482257-119296.jpg",
          imageAlt: "صورة الدكتور تامر",
        },
        {
          id: "2",
          name: "Dr. Alaa",
          role: "استشاري جراحة تجميل",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg",
          imageAlt: "صورة الدكتورة آلاء",
        },
        {
          id: "3",
          name: "د. سماهر",
          role: "طبيبة جلدية وتجميل",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-nurse-medical-uniform-with-stethoscope-with-hand-chin-smiling-confident-standing-isolated-white_141793-19528.jpg",
          imageAlt: "صورة الدكتورة سماهر",
        },
      ]}
      title="فريق الأطباء"
      description="نخبة من الأطباء المتخصصين"
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureBento
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "خبرة طبية",
          description: "فريق طبي متخصص بخبرة عالية.",
          bentoComponent: "icon-info-cards",
          items: [
            {
              icon: Award,
              label: "خبرة",
              value: "عالية",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/bath-towel-bath-bomb-red-flower-hygiene-health-concept_169016-8770.jpg",
          imageAlt: "Bath towel and bath bomb and red flower. Hygiene and health concept.",
        },
        {
          title: "تقنيات حديثة",
          description: "أحدث الأجهزة والتقنيات العالمية.",
          bentoComponent: "icon-info-cards",
          items: [
            {
              icon: Cog,
              label: "تقنيات",
              value: "حديثة",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-orchids-vase_23-2150960677.jpg",
          imageAlt: "Bath towel and bath bomb and red flower. Hygiene and health concept.",
        },
        {
          title: "نتائج طبيعية",
          description: "جمال متوازن ونتائج آمنة.",
          bentoComponent: "icon-info-cards",
          items: [
            {
              icon: Sparkles,
              label: "نتائج",
              value: "طبيعية",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg",
          imageAlt: "Bath towel and bath bomb and red flower. Hygiene and health concept.",
        },
        {
          title: "موقع مميز",
          description: "في حي الشاطئ بمدينة جدة.",
          bentoComponent: "icon-info-cards",
          items: [
            {
              icon: MapPin,
              label: "موقع",
              value: "مميز",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/natural-beautiful-woman-bathroom_329181-1374.jpg",
          imageAlt: "Bath towel and bath bomb and red flower. Hygiene and health concept.",
        },
      ]}
      title="لماذا تختار بيوتي اند كير؟"
      description="نقدم لك تجربة فريدة تجمع بين الخبرة والتقنيات الحديثة."
    />
  </div>

  <div id="contact-info" data-section="contact-info">
      <FeatureBento
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "العنوان",
          description: "طريق الكورنيش الفرعي، حي الشاطئ، جدة، السعودية",
          bentoComponent: "icon-info-cards",
          items: [
            {
              icon: MapPin,
              label: "العنوان",
              value: "جدة، السعودية",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",
          imageAlt: "Spa equipments with soap and cotton flower",
        },
        {
          title: "الهاتف",
          description: "920009149\n0534395495\n0558585321",
          bentoComponent: "icon-info-cards",
          items: [
            {
              icon: Phone,
              label: "اتصل بنا",
              value: "920009149",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-orchids-vase_23-2150960677.jpg",
          imageAlt: "Spa equipments with soap and cotton flower",
        },
        {
          title: "إنستغرام",
          description: "@bncclinics",
          bentoComponent: "icon-info-cards",
          items: [
            {
              icon: Instagram,
              label: "تابعنا",
              value: "@bncclinics",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-laying-bed_23-2149341424.jpg",
          imageAlt: "Spa equipments with soap and cotton flower",
        },
      ]}
      title="تواصل معنا"
      description="يسعدنا استقبالكم في عيادات بيوتي اند كير"
    />
  </div>

  <div id="booking" data-section="booking">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="احجز"
      title="احجز موعدك الآن"
      description="املأ البيانات وسيتم التواصل معك بأقرب وقت"
      inputPlaceholder="الاسم الكامل"
      buttonText="إرسال الطلب"
      termsText="سيتم التواصل معك لتأكيد الموعد."
      tagIcon={CalendarCheck}
      imageSrc="http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"
      imageAlt="modern beauty treatment room"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Beauty & Care Clinics"
      columns={[
        {
          title: "الخدمات",
          items: [
            {
              label: "جراحة التجميل",
              href: "#services",
            },
            {
              label: "الجلدية",
              href: "#services",
            },
            {
              label: "الليزر",
              href: "#services",
            },
            {
              label: "البوتكس والفيلر",
              href: "#services",
            },
          ],
        },
        {
          title: "معلومات",
          items: [
            {
              label: "من نحن",
              href: "#about",
            },
            {
              label: "فريق الأطباء",
              href: "#doctors",
            },
            {
              label: "تواصل معنا",
              href: "#contact-info",
            },
            {
              label: "احجز موعد",
              href: "#booking",
            },
          ],
        },
        {
          title: "تابعنا",
          items: [
            {
              label: "انستغرام",
              href: "https://www.instagram.com/bncclinics",
            },
            {
              label: "واتساب",
              href: "https://wa.me/966920009149",
            },
          ],
        },
      ]}
      copyrightText="© 2026 Beauty & Care Clinics - جميع الحقوق محفوظة"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
