"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 FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Cake, Coffee, Lightbulb, Star, Truck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "الرئيسية",
          id: "#hero",
        },
        {
          name: "عنا",
          id: "#about",
        },
        {
          name: "القائمة",
          id: "#menu",
        },
        {
          name: "منتجاتنا",
          id: "#products",
        },
        {
          name: "الشهادات",
          id: "#testimonials",
        },
        {
          name: "الأسئلة الشائعة",
          id: "#faq",
        },
        {
          name: "تواصل معنا",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-sticker-set_23-2149633254.jpg"
      logoAlt="Rukaz Al-Bun logo"
      brandName="ركاز البن"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="ركاز البن: حيث يلتقي الشغف بالقهوة"
      description="اكتشف تجربة قهوة لا تُنسى في ركاز البن، المكان المثالي للاستمتاع بأجود أنواع البن والمأكولات اللذيذة في أجواء مريحة وهادئة."
      buttons={[
        {
          text: "اكتشف قائمتنا",
          href: "#menu",
        },
        {
          text: "تواصل معنا",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg"
      imageAlt="Inside a cozy coffee shop with customers"
      mediaAnimation="entrance-slide"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-138306.jpg",
          alt: "Happy customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-drinking-beer-with-copy-space_23-2148270242.jpg",
          alt: "Satisfied patron",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-using-smartphone-cafe_1170-698.jpg",
          alt: "Smiling visitor",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-adult-studying-cafe_23-2149064524.jpg",
          alt: "Regular customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-young-male-black-headwear-holding-mug-drinking-tea-coffee-listening-music-his-smart-phone-handsome-hipster-enjoying-free-time-cafe_273609-1963.jpg",
          alt: "Coffee enthusiast",
        },
      ]}
      avatarText="+1000 عميل سعيد"
      marqueeItems={[
        {
          type: "text-icon",
          text: "قهوة مختصة",
          icon: Coffee,
        },
        {
          type: "text-icon",
          text: "حلويات طازجة",
          icon: Cake,
        },
        {
          type: "text-icon",
          text: "أجواء مريحة",
          icon: Lightbulb,
        },
        {
          type: "text-icon",
          text: "خدمة ممتازة",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "توصيل سريع",
          icon: Truck,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="قصتنا"
      title="ركاز البن: شغف يمتد لأكثر من قهوة"
      description="في ركاز البن، نؤمن بأن فنجان القهوة ليس مجرد مشروب، بل تجربة متكاملة. منذ افتتاحنا، نسعى لتقديم أجود أنواع البن المختص من حول العالم، محضرًا بعناية فائقة ليمنحك لحظات لا تُنسى."
      subdescription="نحن نفخر بتقديم أجواء مريحة وخدمة راقية، مع التركيز على التفاصيل التي تجعل كل زيارة مميزة. من القهوة الكلاسيكية إلى المشروبات المبتكرة والحلويات الشهية، نقدم لك وجهة مثالية للاسترخاء والالتقاء بالأحبة."
      icon={Coffee}
      imageSrc="http://img.b2bpic.net/free-photo/crop-woman-pouring-batter-into-muffin-tin_23-2147787092.jpg"
      imageAlt="Barista preparing a coffee"
      mediaAnimation="entrance-slide"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardTwentyEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "قهوة مختصة مميزة",
          subtitle: "استمتع بمذاقات فريدة من أفضل محاصيل البن حول العالم، محضرة بإتقان لتجربة لا تُنسى.",
          category: "قهوة",
          value: "V60, إسبرسو، كابتشينو",
        },
        {
          id: "f2",
          title: "حلويات طازجة يومياً",
          subtitle: "تذوق تشكيلتنا المتنوعة من الحلويات والمعجنات الشهية، المصنوعة بحب لتكمل قهوتك المثالية.",
          category: "حلويات",
          value: "كيك، معجنات، حلى عربي",
        },
        {
          id: "f3",
          title: "مشروباتنا الخاصة",
          subtitle: "اكتشف إبداعاتنا من المشروبات الباردة والساخنة، التي ابتكرناها خصيصاً لترضي ذوقك.",
          category: "مشروبات",
          value: "مشروبات باردة وساخنة",
        },
        {
          id: "f4",
          title: "خدمات متعددة",
          subtitle: "نقدم خدمة الجلوس في المقهى، وخدمة الطلبات الخارجية، بالإضافة إلى خدمة التوصيل لتستمتع بقهوتك أينما كنت.",
          category: "خدمات",
          value: "جلوس، سفري، توصيل",
        },
      ]}
      title="استكشف عالم ركاز البن"
      description="نقدم مجموعة واسعة من القهوة المختصة والمشروبات المنعشة والحلويات اللذيذة التي ترضي جميع الأذواق."
      tag="قائمتنا"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "بن باسكتو فاخر",
          price: "SAR 75",
          imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg",
          imageAlt: "Basketo coffee beans package",
        },
        {
          id: "p2",
          name: "قهوة باردة سيجنتشر",
          price: "SAR 25",
          imageSrc: "http://img.b2bpic.net/free-photo/jars-with-fresh-beetroot-carrot-juice_23-2148306960.jpg",
          imageAlt: "Signature cold brew coffee",
        },
        {
          id: "p3",
          name: "كابتشينو كلاسيك",
          price: "SAR 20",
          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-latte-wood-table-coffee-shop-cafe_1150-12757.jpg",
          imageAlt: "Classic cappuccino with latte art",
        },
        {
          id: "p4",
          name: "إسبرسو غني",
          price: "SAR 15",
          imageSrc: "http://img.b2bpic.net/free-photo/two-big-glass-cups-full-foamy-cold-beer-standing-light-smooth-table-surface-restaurant-pub-big-plate-with-delicious-appetizers-like-potato-puncakes-fried-eggs-standing-background_132075-13094.jpg",
          imageAlt: "Rich espresso shot",
        },
        {
          id: "p5",
          name: "معجنات مشكلة",
          price: "SAR 30",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pie-with-strawberries-macarons-cup-tea-blue-surface-cake-biscuit-sweet-candy-pie-cookie_140725-66726.jpg",
          imageAlt: "Assorted pastries",
        },
        {
          id: "p6",
          name: "قطعة كيك فاخرة",
          price: "SAR 28",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-plate-with-apple-tart_140725-5303.jpg",
          imageAlt: "Slice of gourmet cake",
        },
      ]}
      title="اختياراتنا المميزة"
      description="اكتشف أروع ما نقدمه من أنواع القهوة المختارة بعناية والمشروبات التي تُصنع بشغف."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "HANOO ALHAOASHEL",
          role: "زائرة",
          company: "عميلة",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
          imageAlt: "HANOO ALHAOASHEL",
        },
        {
          id: "t2",
          name: "أبو أحمد",
          role: "زائر دائم",
          company: "عميل",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg",
          imageAlt: "أبو أحمد",
        },
        {
          id: "t3",
          name: "سبحان الله",
          role: "ذواق قهوة",
          company: "عميل",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-cheerful-african-american-female-holds-cup-coffee-has-lunch-cozy-cafeteria-rests-after-excursion-recreats-resort-country_273609-3409.jpg",
          imageAlt: "سبحان الله",
        },
        {
          id: "t4",
          name: "سارة المحمد",
          role: "مديرة تسويق",
          company: "عميل",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
          imageAlt: "سارة المحمد",
        },
        {
          id: "t5",
          name: "فاطمة الزهراء",
          role: "خبيرة حلويات",
          company: "عميل",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dessert-plate-drinking-from-cup-table-cafe_23-2148071645.jpg",
          imageAlt: "فاطمة الزهراء",
        },
      ]}
      kpiItems={[
        {
          value: "54+",
          label: "تقييم إيجابي",
        },
        {
          value: "4.2",
          label: "متوسط التقييم",
        },
        {
          value: "100%",
          label: "رضا العملاء",
        },
      ]}
      title="ما يقوله زوارنا"
      description="نفخر باللحظات السعيدة والتقييمات الرائعة التي يشاركها معنا عملاؤنا الكرام."
      tag="آراء العملاء"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "موردي البن المختص",
        "مزارع الألبان المحلية",
        "الخبازون الحرفيون",
        "ماركات الشاي العضوي",
        "مزارعون مستدامون",
        "مزودي معدات القهوة",
        "خبراء الحلويات",
      ]}
      title="شركاؤنا في الجودة"
      description="نعمل مع أفضل الموردين لضمان أجود أنواع البن والمكونات الطازجة لتقديم تجربة لا تُنسى."
      tag="شراكاتنا"
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "ما هي ساعات عملكم؟",
          content: "نحن نفتح يومياً من الصباح الباكر وحتى منتصف الليل (12 صباحاً) لنقدم لكم قهوتكم المفضلة في أي وقت.",
        },
        {
          id: "q2",
          title: "هل تقدمون خدمة التوصيل؟",
          content: "نعم، نقدم خدمة التوصيل بدون تلامس لجميع طلباتكم، بالإضافة إلى خدمة الطلب الخارجي.",
        },
        {
          id: "q3",
          title: "هل يوجد لديكم جلسات خارجية؟",
          content: "نعم، يتوفر لدينا منطقة جلوس خارجية مريحة ومكيفة لتستمتعوا بأجواء المقهى في الهواء الطلق.",
        },
        {
          id: "q4",
          title: "ما هو متوسط الأسعار لديكم؟",
          content: "متوسط السعر للشخص الواحد يتراوح بين 20-40 ريال سعودي، حسب اختياركم من القائمة.",
        },
        {
          id: "q5",
          title: "هل تقدمون أنواع قهوة خاصة أو موسمية؟",
          content: "بالتأكيد! نحرص دائماً على تقديم خلطات قهوة فريدة ومشروبات موسمية مبتكرة لتجربة متجددة في كل زيارة.",
        },
      ]}
      sideTitle="أسئلة شائعة"
      sideDescription="ابحث عن إجابات لاستفساراتك المتكررة حول ركاز البن وخدماتنا."
      faqsAnimation="entrance-slide"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="تواصل معنا"
      title="زرنا أو راسلنا"
      description="نحن هنا لخدمتك! تفضل بزيارتنا في رنية أو تواصل معنا لأي استفسارات أو لتقديم الملاحظات."
      imageSrc="http://img.b2bpic.net/free-photo/modern-stylish-muslim-woman-hijab_285396-9473.jpg"
      imageAlt="Exterior of Rukaz Al-Bun coffee shop"
      mediaAnimation="entrance-slide"
      mediaPosition="right"
      inputPlaceholder="أدخل بريدك الإلكتروني"
      buttonText="اشترك الآن"
      termsText="بالاشتراك، أنت توافق على شروطنا وأحكامنا."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-black-chocolate_23-2148173345.jpg"
      imageAlt="Pile of dark roasted coffee beans"
      logoText="ركاز البن"
      columns={[
        {
          title: "استكشف",
          items: [
            {
              label: "الرئيسية",
              href: "#hero",
            },
            {
              label: "القائمة",
              href: "#menu",
            },
            {
              label: "عنا",
              href: "#about",
            },
            {
              label: "التقييمات",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "خدماتنا",
          items: [
            {
              label: "الجلوس في المقهى",
              href: "#",
            },
            {
              label: "الطلبات الخارجية",
              href: "#",
            },
            {
              label: "خدمة التوصيل",
              href: "#",
            },
            {
              label: "فعاليات خاصة",
              href: "#",
            },
          ],
        },
        {
          title: "تواصل معنا",
          items: [
            {
              label: "الموقع",
              href: "#contact",
            },
            {
              label: "اتصل بنا",
              href: "#contact",
            },
            {
              label: "انستغرام",
              href: "https://instagram.com",
            },
            {
              label: "فيسبوك",
              href: "https://facebook.com",
            },
          ],
        },
      ]}
      copyrightText="© 2024 ركاز البن. جميع الحقوق محفوظة."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
