"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLarge"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "الرئيسية",
          id: "#hero",
        },
        {
          name: "عن ريف الورد",
          id: "#about",
        },
        {
          name: "خدماتنا",
          id: "#services",
        },
        {
          name: "منتجاتنا",
          id: "#products",
        },
        {
          name: "لماذا نحن",
          id: "#why-us",
        },
        {
          name: "شهادات العملاء",
          id: "#testimonials",
        },
        {
          name: "تواصل معنا",
          id: "#contact",
        },
      ]}
      brandName="ريف الورد"
      button={{
        text: "اطلب عبر واتساب",
        href: "https://wa.me/966500000000",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="الزهور ليست مجرد هدايا، بل هي لغة القلوب وذاكرة اللحظات"
      description="في ريف الورد، نصنع لك أكثر من باقة، نصنع لك ذكرى تدوم وشعوراً يبقى."
      testimonials={[
        {
          name: "سارة المحمد",
          handle: "@SaraAlMohammad",
          testimonial: "باقات ريف الورد تتجاوز الجمال، إنها لمسة ساحرة تملأ القلب بالسعادة. تعامل راقٍ وتوصيل سريع.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
        },
        {
          name: "خالد العلي",
          handle: "@KhalidAlAli",
          testimonial: "لم أجد مكاناً يعبر عن مشاعري بالورود مثل ريف الورد. تصميمات فريدة وجودة لا مثيل لها.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
        },
        {
          name: "ليلى الزهراني",
          handle: "@LailaAlZahrani",
          testimonial: "كل باقة تروي قصة، وكل زهرة تحمل إحساساً. شكراً ريف الورد على هذه التجربة المميزة.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg",
        },
        {
          name: "فهد السبيعي",
          handle: "@FahadAlSubaie",
          testimonial: "خدمة عملاء رائعة وتفاصيل دقيقة في كل تصميم. زهورهم تجلب الفرحة الحقيقية.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mature-sporty-man-headband-looking-front-smiling-with-happy-face-showing-thumbs-up-standing-orange-wall_141793-51045.jpg",
        },
        {
          name: "مريم النور",
          handle: "@MariamAlNoor",
          testimonial: "أحببت اهتمامهم بأدق التفاصيل. باقاتهم ليست مجرد ورد، بل فن يحمل المشاعر الصادقة.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup-gray_158538-11793.jpg",
        },
      ]}
      testimonialRotationInterval={7000}
      buttons={[
        {
          text: "اطلب الآن عبر واتساب",
          href: "https://wa.me/966500000000",
        },
        {
          text: "تصفح باقاتنا",
          href: "#products",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-girl-is-holding-ahnds-head-blue-background_176474-118640.jpg",
          alt: "صورة عميل راضٍ",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-shirt-looking-happy-cheerful-smiling-broadly-showing-v-sign_141793-111833.jpg",
          alt: "صورة عميل راضٍ",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-attractive-arabic-businesswoman-hijab-talking-smartphone-work-laptop-city-street_574295-3054.jpg",
          alt: "صورة عميل راضٍ",
        },
        {
          src: "http://img.b2bpic.net/free-photo/check-this-out-cunning-mysterious-senior-male-pensioner_343059-3475.jpg",
          alt: "صورة عميل راضٍ",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-young-woman-with-long-scarf-around-her-neck-looking-camera_23-2148187426.jpg",
          alt: "صورة عميل راضٍ",
        },
      ]}
      avatarText="أكثر من ٧٥٠ عميل راضٍ"
      imageSrc="http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697696.jpg"
      imageAlt="باقة ورد فاخرة مع خلفية ناعمة"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="حكاية ريف الورد: حيث تتفتح المشاعر"
      description={[
        "منذ اللحظة الأولى التي تخطو فيها إلى ريف الورد، ستشعر وكأنك تدخل عالماً من الجمال والرقي. نحن لسنا مجرد متجر للزهور في بريدة، بل نحن حراس اللحظات الخاصة ومترجمو المشاعر العميقة. كل زهرة نختارها، وكل ترتيب نصممه، يحمل في طياته قصة، رسالة، وشعوراً فريداً ينتظر من يكتشفه.",
        "نؤمن في ريف الورد أن كل مناسبة تستحق لمسة خاصة، وكل إحساس يستحق التعبير عنه بأجمل طريقة. من حفلات الزفاف الفخمة إلى لحظات الاعتذار الرقيقة، نسعى لتقديم الكمال في كل تفصيل، لتكون باقاتنا جزءاً لا يتجزأ من ذكرياتكم الخالدة في قلب بريدة.",
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "service-1",
          title: "باقات ورد فاخرة ومخصصة",
          tags: [
            "تصميم خاص",
            "لمسة شخصية",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12069.jpg",
          imageAlt: "فلوريست يصمم باقة ورد مخصصة",
        },
        {
          id: "service-2",
          title: "باقات جاهزة لكل المناسبات",
          tags: [
            "جاهزة للتوصيل",
            "تنوع الاختيارات",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-florist-her-own-floral-shop-taking-care-flowers_1303-15620.jpg",
          imageAlt: "باقات ورد جاهزة في متجر الزهور",
        },
        {
          id: "service-3",
          title: "تنسيقات للمناسبات الخاصة",
          tags: [
            "زفاف",
            "تخرج",
            "أعياد ميلاد",
            "اعتذار",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/bridal-bouquet-with-candle-wedding-stuff_114579-1124.jpg",
          imageAlt: "تنسيقات ورد لمختلف المناسبات مثل الزفاف والتخرج",
        },
        {
          id: "service-4",
          title: "تصميم هدايا مع الورود",
          tags: [
            "هدايا فاخرة",
            "تغليف مميز",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-invitation-surrounded-by-flowers_23-2148483468.jpg",
          imageAlt: "تصميم هدايا مخصصة مع الورود",
        },
        {
          id: "service-5",
          title: "خدمة توصيل سريعة في بريدة",
          tags: [
            "توصيل فوري",
            "بريدة",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/springtime-portrait-man-with-blossoming-flowers_23-2150890528.jpg",
          imageAlt: "توصيل باقة ورد سريع في مدينة بريدة",
        },
      ]}
      title="خدماتنا: لمسات إبداعية لكل مناسبة"
      description="نقدم تشكيلة واسعة من الخدمات المصممة لتلائم جميع احتياجاتكم، من الباقات المخصصة إلى خدمات التوصيل السريع."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",
          name: "باقة الحب الأبدي",
          price: "550 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/roses-wooden-table-with-gift-with-red-bow_23-2147591236.jpg",
          imageAlt: "باقة ورد جوري فاخرة باللون الوردي والأبيض",
        },
        {
          id: "prod-2",
          name: "باقة الفرح المشرق",
          price: "420 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-opening-door-with-bouquet-red-violet-flowers_114579-2522.jpg",
          imageAlt: "باقة ورد متنوعة بألوان زاهية ومبهجة",
        },
        {
          id: "prod-3",
          name: "تنسيق الأوركيد الراقي",
          price: "780 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/rustic-bouquet-wooden-table-brings-summer-romance-generated-by-ai_188544-38944.jpg",
          imageAlt: "تنسيق زهور الأوركيد والزنبق الأبيض",
        },
        {
          id: "prod-4",
          name: "باقة شمس الأمل",
          price: "380 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-with-bicycle-background-fallen-leaves_651396-2422.jpg",
          imageAlt: "باقة زهور عباد الشمس والأقحوان الريفية",
        },
        {
          id: "prod-5",
          name: "لمسة ربيع التوليب",
          price: "490 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/collection-flowers-from-collection-flowers_23-2151898488.jpg",
          imageAlt: "باقة زهور التوليب بألوان الباستيل الناعمة",
        },
        {
          id: "prod-6",
          name: "تعبير الأناقة",
          price: "310 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-herbal-tea-blooms-rose-petals-dried-rose-buds-herbs-blue_140725-12408.jpg",
          imageAlt: "باقة زهور القرنفل والأوكالبتوس بتصميم عصري",
        },
        {
          id: "prod-7",
          name: "باقة الشغف الكلاسيكية",
          price: "600 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-beautiful-rose_23-2151914711.jpg",
          imageAlt: "باقة ورد جوري أحمر كلاسيكية وفاخرة",
        },
        {
          id: "prod-8",
          name: "باقة النقاء العصري",
          price: "470 ر.س",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910654.jpg",
          imageAlt: "باقة زهور بيضاء وخضراء بتصميم بسيط وأنيق",
        },
      ]}
      title="منتجاتنا: باقات تروي قصصاً"
      description="اكتشف مجموعتنا المختارة بعناية من الباقات الفاخرة التي تناسب كل ذوق وكل مناسبة. كل باقة هي تحفة فنية، مصممة بحب لتعبر عن أعمق مشاعرك."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "reason-1",
          title: "شغف وعاطفة",
          price: "لا تقدر",
          period: "باقة مشاعر",
          features: [
            "تصميمات مستوحاة من القلب",
            "كل باقة تروي قصة فريدة",
            "نعبر عن مشاعرك بأناقة",
          ],
          button: {
            text: "اكتشف الشغف",
            href: "#products",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/content-girl-working-with-flowers-shop_23-2147761043.jpg",
          imageAlt: "Content girl working with flowers in shop",
        },
        {
          id: "reason-2",
          title: "دقة واهتمام",
          price: "تفاصيل مميزة",
          period: "لكل باقة",
          features: [
            "اختيار يدوي لأجود الزهور",
            "تنسيق فني يرضي الذوق الرفيع",
            "جودة تدوم وجمال يبقى",
          ],
          button: {
            text: "تصفح الجودة",
            href: "#products",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697696.jpg",
          imageAlt: "Content girl working with flowers in shop",
        },
        {
          id: "reason-3",
          title: "خدمة ورعاية",
          price: "تجربة لا مثيل لها",
          period: "لكل عميل",
          features: [
            "فريق عمل متفاني في خدمتك",
            "توصيل سريع وآمن في بريدة",
            "دعم مستمر لضمان رضاك التام",
          ],
          button: {
            text: "تعرف على فريقنا",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
          imageAlt: "Content girl working with flowers in shop",
        },
      ]}
      title="لماذا تختار ريف الورد؟"
      description="لأننا نؤمن أن كل زهرة تحمل في طياتها أكثر من مجرد جمال، بل تحمل روحاً وعاطفة. نعدك بتجربة لا تُنسى."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "cust-test-1",
          name: "ريم الفهد",
          role: "سيدة أعمال",
          company: "الرياض",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
        },
        {
          id: "cust-test-2",
          name: "أحمد القحطاني",
          role: "مهندس",
          company: "بريدة",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",
        },
        {
          id: "cust-test-3",
          name: "نورة العتيبي",
          role: "طالبة جامعية",
          company: "بريدة",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg",
        },
        {
          id: "cust-test-4",
          name: "سعود الدوسري",
          role: "معلم",
          company: "بريدة",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-with-chain-necklaces-posing_23-2149403118.jpg",
        },
        {
          id: "cust-test-5",
          name: "فاطمة الزهراني",
          role: "ربة منزل",
          company: "القصيم",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-stylish-muslim-woman-hijab-denim-jacket-black-abaya-sitting-city-street-working-laptop_285396-9487.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "+٧٥٠",
          label: "عميل سعيد",
        },
        {
          value: "+٥٠٠٠",
          label: "باقة تم توصيلها",
        },
        {
          value: "٥ نجوم",
          label: "متوسط التقييم",
        },
      ]}
      title="ماذا يقول عملاؤنا؟"
      description="قصص حقيقية من قلوب رضت بأجمل باقاتنا وخدماتنا المميزة في بريدة."
    />
  </div>

  <div id="closing" data-section="closing">
      <TextSplitAbout
      useInvertedBackground={false}
      title="ريف الورد: حيث تبقى الذكريات حية"
      description={[
        "في كل باقة من ريف الورد، تكمن قصة حب، وذكرى لا تُنسى، ورسالة أمل. دعنا نكون جزءاً من لحظاتكم الثمينة، ونساعدكم على التعبير عن أعمق المشاعر بأجمل الطرق. لأن كل يوم يستحق أن يزهر.",
        "نتطلع إلى أن نكون اختيارك الأول في كل مرة ترغب فيها في أن تجعل يوماً ما أكثر إشراقاً، أو لحظة ما أكثر تأثيراً. ريف الورد، لغة المشاعر التي تتفتح في قلب بريدة.",
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="تواصل معنا"
      title="اطلب باقتك عبر واتساب"
      description="يسعدنا تلقي طلباتكم واستفساراتكم في أي وقت. فريقنا جاهز لمساعدتكم في اختيار الباقة المثالية، وتخصيص هديتكم، وضمان وصولها بأسرع وقت في بريدة، المملكة العربية السعودية."
      inputPlaceholder="رسالتك (اختياري)"
      buttonText="أرسل رسالة"
      termsText="بالضغط على زر 'أرسل رسالة' توافق على شروط الخدمة وسياسة الخصوصية."
      onSubmit={() => alert('تم إرسال رسالتك! سيتم توجيهك إلى واتساب.')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ريف الورد"
      leftLink={{
        text: "سياسة الخصوصية",
        href: "#",
      }}
      rightLink={{
        text: "شروط الخدمة",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
