"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Coffee } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "الرئيسية",          id: "#hero"},
        {
          name: "عنّا",          id: "#about"},
        {
          name: "الخدمات",          id: "#features"},
        {
          name: "القائمة",          id: "#menu"},
        {
          name: "الآراء",          id: "#reviews"},
        {
          name: "الأسئلة الشائعة",          id: "#faq"},
        {
          name: "اتصل بنا",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/vintage-banner-coffee-shop_23-2147486089.jpg"
      logoAlt="Rashafa Coffee logo"
      brandName="رشفه للقهوه"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="رشفه للقهوه: عالم من النكهات الفريدة واللحظات الهادئة"
      description="استمتع بتجربة قهوة لا تُنسى في مقهانا الجديد والمجدد. اكتشف نكهاتنا الفريدة وأجوائنا الدافئة."
      buttons={[
        {
          text: "استكشف القائمة",          href: "#menu"},
        {
          text: "تواصل معنا",          href: "#contact"},
      ]}
      carouselItems={[
        {
          id: "item-1",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-having-cup-coffee_171337-17117.jpg",          imageAlt: "Cozy coffee shop interior"},
        {
          id: "item-2",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-grains-out-glass-jar_114579-16843.jpg",          imageAlt: "Coffee beans and barista tools"},
        {
          id: "item-3",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-home-interior-wooden-table-with-cup-tea_169016-6200.jpg",          imageAlt: "Freshly brewed coffee"},
        {
          id: "item-4",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-skinned-young-female-with-cheerful-expression-holds-smart-phone-credit-card-banks-online-makes-shopping-while-sits-against-cafe-interior_273609-3391.jpg",          imageAlt: "Delicious pastries"},
        {
          id: "item-5",          imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762436.jpg",          imageAlt: "Iced coffee in a modern setting"},
        {
          id: "item-6",          imageSrc: "http://img.b2bpic.net/free-photo/group-female-friends-watching-sports-home-having-drink_23-2150168056.jpg",          imageAlt: "Barista making latte art"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="عن رشفه"
      title="مقهى مجدد بتصميم رائع وأجواء مريحة"
      description="بعد التجديد الشامل، أصبح رشفه للقهوه هو وجهتكم المثالية للاستمتاع بلحظات الهدوء والقهوة الفاخرة. تصميمنا الجديد يجمع بين الأناقة والراحة."
      subdescription="نحن نفخر بتقديم تجربة قهوة فريدة، حيث كل رشفة تحكي قصة من الشغف والجودة. اكتشفوا مساحتنا التي تعزز الاسترخاء والاجتماعات الممتعة."
      icon={Coffee}
      imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164740.jpg"
      imageAlt="Modern and renovated coffee shop interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "خدمة الطلب أثناء القيادة",          description: "استلم قهوتك المفضلة بسرعة وراحة من سيارتك دون الحاجة للنزول. خدمة سريعة وفعالة ليومك المزدحم.",          imageSrc: "http://img.b2bpic.net/free-photo/business-young-woman-with-coffee-talking-cheerfully-phone-parking-lot_169016-23054.jpg",          imageAlt: "Drive-thru coffee service",          titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-enjoying-hot-drink_23-2148804640.jpg",          buttonText: "اطلب الآن"},
        {
          title: "التسليم بدون تلامس",          description: "استمتع بقهوتك في منزلك مع خدمة التوصيل الآمنة وبدون تلامس. قهوتك المفضلة تصل إلى بابك.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-green-uniform-holding-brown-delivery-coffee-cups-phone-pink-background-male_140725-33056.jpg",          imageAlt: "Contactless coffee delivery",          titleImageSrc: "http://img.b2bpic.net/free-photo/young-hipster-blue-denim-jeans-is-standing-wooden-path-with-drone-hand_613910-2535.jpg",          buttonText: "اطلب للتوصيل"},
        {
          title: "خلطات قهوة فريدة",          description: "اكتشف مجموعتنا الواسعة من خلطات القهوة الخاصة، المحضرة بعناية لترضي جميع الأذواق.",          imageSrc: "http://img.b2bpic.net/free-photo/pastries-coffee-grey-surface_114579-19237.jpg",          imageAlt: "Unique coffee blends",          titleImageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-glass-plate-with-chocolate-chips_114579-25870.jpg",          buttonText: "استعرض الخلطات"},
      ]}
      title="خدماتنا المميزة"
      description="نقدم لكم تجربة قهوة مريحة ومتكاملة، تلبي جميع احتياجاتكم اليومية."
      tag="لماذا نحن"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",          name: "مخلوط كودرد",          price: "18 ر.س",          imageSrc: "http://img.b2bpic.net/free-photo/bartender-pours-cream-into-iced-coffee-with-help-spoon_140725-4952.jpg",          imageAlt: "Codred blend"},
        {
          id: "prod-2",          name: "بان كيك كبير",          price: "23 ر.س",          imageSrc: "http://img.b2bpic.net/free-photo/stacked-pancake-with-strawberry-whipped-cream-served-ceramic-rabbit-cake-stand_23-2148161707.jpg",          imageAlt: "Large pancake plate"},
        {
          id: "prod-3",          name: "لاتيه",          price: "16 ر.س",          imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-with-ice-cubes-sugar-dark-background_84443-94486.jpg",          imageAlt: "Hot latte with art"},
        {
          id: "prod-4",          name: "اسبريسو",          price: "12 ر.س",          imageSrc: "http://img.b2bpic.net/free-photo/steaming-espresso-cup-grey-background-closeup_1220-6684.jpg",          imageAlt: "Espresso shot"},
        {
          id: "prod-5",          name: "كرواسون",          price: "8 ر.س",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bun-with-meat-carrot-white-surface_114579-73528.jpg",          imageAlt: "Flaky croissant"},
        {
          id: "prod-6",          name: "ساندويتش دجاج",          price: "25 ر.س",          imageSrc: "http://img.b2bpic.net/free-photo/sandwich_1339-2344.jpg",          imageAlt: "Chicken sandwich"},
      ]}
      title="قائمة الطعام والاطباق المميزة"
      description="تذوقوا مجموعتنا المختارة من المشروبات والحلويات التي لا تُقاوم، محضرة لتناسب ذوقكم الرفيع."
      tag="قائمتنا"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "تقييم ممتاز 4.4 نجوم",        "81 مراجعة إيجابية",        "مقهى محلي مفضل",        "خدمة عملاء مميزة",        "تجربة فريدة",        "جودة لا مثيل لها",        "أجواء عائلية"]}
      title="موثوق به من عملائنا الكرام"
      description="نفخر بثقة أكثر من 80 مراجعاً سعيداً، وتقييمنا البالغ 4.4 نجوم يعكس التزامنا بالجودة والتميز."
      tag="ثقة العملاء"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          name: "عزيز",          role: "مرشد محلي",          testimonial: "كانت تجربة جميلة بعد التجديد، صراحة ممتاز التصميم والمكان. قهوة اليوم باردة 5/5.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-gorgeous-young-female-feels-happy-coffee-shop_273609-2792.jpg",          imageAlt: "Customer review by Aziz"},
        {
          id: "t-2",          name: "Asir Almohmad",          role: "مرشد محلي",          testimonial: "رشفة قهوه في محافظة الفواره. لذيذ عندهم البان كيك ورخيص مرره صحن مكيس كبير ب 23 ريال.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe_627829-5518.jpg",          imageAlt: "Customer review by Asir Almohmad"},
        {
          id: "t-3",          name: "Ali A",          role: "مرشد محلي",          testimonial: "تم الافتتاح بحلته الجديدة 😍 تجربة رائعة!",          imageSrc: "http://img.b2bpic.net/free-photo/friends-drinking-iced-tea-laughing_1139-42.jpg",          imageAlt: "Customer review by Ali A"},
        {
          id: "t-4",          name: "فاطمة محمد",          role: "زائرة",          testimonial: "أحب الأجواء الهادئة والقهوة اللذيذة هنا. المكان مثالي للقراءة أو العمل.",          imageSrc: "http://img.b2bpic.net/free-photo/creating-new-collection-cafe_1098-13756.jpg",          imageAlt: "Customer review by Fatima Mohammad"},
        {
          id: "t-5",          name: "خالد العلي",          role: "عميل دائم",          testimonial: "أفضل قهوة في الفوارة بلا منازع، والخدمة دائماً ممتازة. أوصي به بشدة!",          imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150423992.jpg",          imageAlt: "Customer review by Khalid AlAli"},
      ]}
      title="ماذا يقول عملاؤنا"
      description="نحن نحب سماع قصص عملائنا. إليكم بعض المراجعات التي تعكس تجربتهم معنا."
      tag="آراء العملاء"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "ما هي ساعات عملكم؟",          content: "نحن نفتح أبوابنا يوميًا من الساعة 3 مساءً حتى وقت الإغلاق. يرجى مراجعة صفحتنا للحصول على التحديثات."},
        {
          id: "faq-2",          title: "هل تقدمون خدمة الطلب أثناء القيادة؟",          content: "نعم، نقدم خدمة الطلب أثناء القيادة لتوفير أقصى درجات الراحة لعملائنا."},
        {
          id: "faq-3",          title: "هل تتوفر لديكم خدمة التوصيل؟",          content: "نعم، تتوفر لدينا خدمة التوصيل بدون تلامس لضمان سلامتكم وراحتكم."},
        {
          id: "faq-4",          title: "أين يقع مقهاكم؟",          content: "يقع مقهانا في الفوارة 54267، ويمكنكم العثور على الاتجاهات عبر خرائط جوجل."},
      ]}
      sideTitle="الأسئلة الشائعة"
      sideDescription="هنا تجدون إجابات لأكثر الأسئلة تكراراً حول رشفه للقهوه وخدماتنا."
      faqsAnimation="opacity"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="تواصل معنا"
      description="نحن هنا للإجابة على جميع استفساراتكم واقتراحاتكم. لا تترددوا في الاتصال بنا."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "الاسم الكامل",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "البريد الإلكتروني",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "رقم الهاتف"},
      ]}
      textarea={{
        name: "message",        placeholder: "رسالتك...",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/girl-with-dreadlocks-walking-night-street-city_627829-9558.jpg"
      imageAlt="Modern coffee shop exterior at night"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="إرسال الرسالة"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "روابط سريعة",          items: [
            {
              label: "الرئيسية",              href: "#hero"},
            {
              label: "القائمة",              href: "#menu"},
            {
              label: "عنّا",              href: "#about"},
            {
              label: "اتصل بنا",              href: "#contact"},
          ],
        },
        {
          title: "خدماتنا",          items: [
            {
              label: "اطلب أثناء القيادة",              href: "#features"},
            {
              label: "توصيل بدون تلامس",              href: "#features"},
            {
              label: "خلطات خاصة",              href: "#features"},
          ],
        },
        {
          title: "تابعنا",          items: [
            {
              label: "انستغرام",              href: "#"},
            {
              label: "تويتر",              href: "#"},
            {
              label: "فيسبوك",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 رشفه للقهوه. جميع الحقوق محفوظة."
      bottomRightText="صنع بحب ☕"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
