"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "خانه",
          id: "#hero",
        },
        {
          name: "درباره ما و خدمات",
          id: "#about",
        },
        {
          name: "نظرات مراجعین",
          id: "#testimonials",
        },
        {
          name: "تماس با ما",
          id: "#contact",
        },
      ]}
      brandName="KimiaDiet"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "gradient-bars",
      }}
      title="با رژیم درمانی کیمیا، بهترین نسخه خودت باش"
      description="ارائه تخصصی‌ترین برنامه‌های رژیم غذایی و دستگاه‌های لاغری موضعی زیر نظر متخصصین تغذیه. همین امروز مسیر سلامتی خود را شروع کنید."
      buttons={[
        {
          text: "تماس با ما",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-with-healthy-fruits_23-2148302112.jpg"
      imageAlt="KimiaDiet Clinic"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-roommates-together_23-2149103348.jpg",
          alt: "Medium shot happy roommates together",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-nutritionist-her-office-she-is-showing-healthy-vegetables-fruits-healthcare-diet-concept-female-nutritionist-with-fruits-working-her-desk_657921-280.jpg",
          alt: "Smiling nutritionist in her office",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nutritionist-talking-phone_23-2148302101.jpg",
          alt: "Medium shot smiley nutritionist talking",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-doctor-kitchen-with-vegetables_1157-28005.jpg",
          alt: "Beautiful doctor in a kitchen",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fitness-woman_171337-13339.jpg",
          alt: "Close up portrait of a smiling fitness woman",
        },
      ]}
      avatarText="پیوستن به بیش از ۵۰۰ نفر"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/top-view-whole-chopped-fresh-green-apples-mint-cut-oranges-notebook-with-pen-black-background_140725-141669.jpg",
          alt: "Apple and mint",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/bowls-sliced-veggies-notepad_23-2148585656.jpg",
          alt: "Bowls of sliced veggies",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/top-view-healthy-life-writing-spiral-notebook-collection-citrus-fruits-picture-frame-dark-background_140725-143471.jpg",
          alt: "Healthy life notebook",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-sliced-orange-black-background_23-2148287567.jpg",
          alt: "Sliced orange background",
        },
        {
          type: "text",
          text: "مشاوره اختصاصی",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "خدمات مرکز رژیم درمانی کیمیا",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/top-view-fresh-bell-peppers-different-colored-with-brown-wooden-desk-white-background-ripe-photo-meal-color-diet_140725-98435.jpg",
          alt: "About Icon",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "کاهش و افزایش وزن اصولی",
          description: "برنامه‌های اختصاصی مطابق با سبک زندگی و متابولیسم شما",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman_618663-83.jpg",
          imageAlt: "Portrait of a beautiful blond woman",
        },
        {
          id: "f2",
          title: "لاغری موضعی با کویتیشن",
          description: "از بین بردن چربی‌های مقاوم با جدیدترین تکنولوژی‌های آر اف و کویتیشن",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-with-healthy-fruits_23-2148302112.jpg",
          imageAlt: "Portrait of a beautiful blond woman",
        },
        {
          id: "f3",
          title: "مشاوره آنلاین و حضوری",
          description: "پشتیبانی کامل در طول دوره رژیم توسط کارشناسان خبره",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-bell-peppers-different-colored-with-brown-wooden-desk-white-background-ripe-photo-meal-color-diet_140725-98435.jpg",
          imageAlt: "Portrait of a beautiful blond woman",
        },
      ]}
      title="چرا کیمیا دایت را انتخاب کنید؟"
      description="ما با استفاده از متدهای علمی و تکنولوژی‌های پیشرفته به شما کمک می‌کنیم به تناسب اندام ایده‌آل خود برسید."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "مریم رضایی",
          role: "کارمند",
          company: "تهران",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoor_624325-1814.jpg",
        },
        {
          id: "2",
          name: "علی حسینی",
          role: "دانشجو",
          company: "تهران",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cool-boy-posing-front-blackboard_23-2147659263.jpg",
        },
        {
          id: "3",
          name: "سارا احمدی",
          role: "خانه‌دار",
          company: "کرج",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-little-daughter-cooking-kitchen-having-fun_1303-31652.jpg",
        },
        {
          id: "4",
          name: "مهدی کریمی",
          role: "مهندس",
          company: "تهران",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
        },
        {
          id: "5",
          name: "زهرا محمدی",
          role: "پزشک",
          company: "تهران",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-stethoscope_23-2149551105.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "۵۰۰+",
          label: "مراجع موفق",
        },
        {
          value: "۹۸٪",
          label: "رضایت مراجعین",
        },
        {
          value: "۱۰ سال",
          label: "سابقه درخشان",
        },
      ]}
      title="داستان‌های موفقیت مراجعین ما"
      description="تجربه افرادی که با برنامه کیمیا دایت به هدف خود رسیدند."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "انجمن تغذیه ایران",
        "موسسه سلامت شهر",
        "مرکز سلامت خانواده",
        "کلینیک تخصصی تهران",
        "شبکه پایش سلامت",
        "موسسه بهبود زندگی",
        "مرکز علمی رژیم‌درمانی",
      ]}
      title="اعتماد شما، افتخار ما"
      description="ما در طول سال‌ها همکاری‌های ارزشمندی با مراکز و موسسات سلامت داشتیم."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "آیا رژیم‌های آنلاین هم موثر هستند؟",
          content: "بله، برنامه‌های آنلاین ما دقیقاً مشابه برنامه‌های حضوری و با پیگیری مداوم طراحی می‌شوند.",
        },
        {
          id: "faq2",
          title: "آیا دستگاه‌های لاغری عوارض دارند؟",
          content: "خیر، متدهای کویتیشن و آر اف کاملاً غیرتهاجمی و تایید شده علمی هستند.",
        },
        {
          id: "faq3",
          title: "آدرس مرکز کجاست؟",
          content: "تهران، خیابان آزادی، نبش شادمهر، پلاک ۴۰۹، طبقه اول، واحد ۳",
        },
      ]}
      title="سوالات متداول"
      description="پاسخ به برخی از رایج‌ترین سوالات مراجعین عزیز درباره برنامه‌ها و دستگاه‌های لاغری"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      title="همین حالا با ما تماس بگیرید"
      description="برای تعیین وقت مشاوره یا سوالات خود از طریق این فرم یا شماره تماس 021-66000200 با ما در ارتباط باشید."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="KimiaDiet"
      columns={[
        {
          title: "دسترسی سریع",
          items: [
            {
              label: "خانه",
              href: "/",
            },
            {
              label: "تماس با ما",
              href: "#contact",
            },
          ],
        },
        {
          title: "اطلاعات تماس",
          items: [
            {
              label: "021-66000200",
              href: "tel:02166000200",
            },
            {
              label: "تهران، آزادی، شادمهر",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
