"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Crown, ListChecks, MapPin, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Plans",
          id: "#plans",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m2w8tr"
      logoAlt="Business Name Logo"
      brandName="BUSINESS NAME"
      button={{
        text: "Book a Workspace",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Cairo's First Luxury Women-Only Café & Co-Working Sanctuary"
      description="A peaceful space designed exclusively for women. Enjoy specialty coffee, handcrafted desserts, focused work sessions, meaningful conversations, and complete privacy in an atmosphere that feels like home."
      tag="Experience True Serenity"
      tagAnimation="blur-reveal"
      buttons={[
        {
          text: "Book a Workspace",
          href: "#contact",
        },
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          videoSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-posing-modern-street-cafe_1153-3555.jpg?_wi=1",
          imageAlt: "Peaceful women's cafe interior with soft lighting",
          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-posing-modern-street-cafe_1153-3555.jpg?_wi=2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-muslim-woman-drinking-tea-working-computer-cafe_1303-27615.jpg",
          imageAlt: "Woman working on laptop at a cafe table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-hipster-women-sitting-cafe_285396-3309.jpg",
          imageAlt: "Female barista crafting a specialty coffee",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-dreaming-while-sitting-table-cafe_171337-16321.jpg",
          imageAlt: "Niqabi woman comfortably seated in the cafe",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kid-feeding-woman_23-2148940232.jpg",
          imageAlt: "Mother and child playing in the kids' corner",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/glad-mixed-race-two-women-have-funny-expressions_273609-28692.jpg",
          imageAlt: "Elegant display of handcrafted desserts",
        },
      ]}
    />
  </div>

  <div id="trust-indicators" data-section="trust-indicators">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Women Only",
        "Female Staff",
        "No Music",
        "Prayer Area",
        "Co-Working Space",
        "Children's Play Corner",
        "High-Speed Wi-Fi",
      ]}
      title="A Space Created For Women"
      description="Whether you're studying, working remotely, meeting friends, spending time with your children, or simply enjoying a quiet moment, Cairo's First Luxury Women-Only Café & Co-Working Sanctuary offers a calm environment designed around comfort, privacy, and peace."
      tag="Our Core Values"
      buttons={[
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
    />
  </div>

  <div id="experience-highlights" data-section="experience-highlights">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "work-focus",
          title: "Work Without Distractions",
          descriptions: [
            "Our dedicated co-working area is designed for focus, productivity, and comfort. Reliable Wi-Fi, comfortable seating, charging stations, and a quiet atmosphere help you do your best work.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg",
          imageAlt: "Woman working diligently at a desk in the co-working area",
        },
        {
          id: "complete-privacy",
          title: "Enjoy Complete Privacy",
          descriptions: [
            "Many of our guests choose us because they can comfortably remove their niqab or hijab and relax without concern. A truly private sanctuary.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/person-reading-book-cafe_23-2150064764.jpg",
          imageAlt: "Woman enjoying privacy and comfort in a serene corner of the cafe",
        },
        {
          id: "coffee-care",
          title: "Coffee Crafted With Care",
          descriptions: [
            "From premium espresso drinks and V60 brews to seasonal beverages and signature recipes, every cup is prepared by our trained female baristas.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354576.jpg",
          imageAlt: "Female barista carefully preparing a V60 pour-over coffee",
        },
        {
          id: "desserts-return",
          title: "Desserts Worth Returning For",
          descriptions: [
            "Indulge in our famous cheesecakes, cakes, pastries, and freshly prepared treats that perfectly accompany your coffee.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/food-dessert-representative-elements_23-2149177035.jpg",
          imageAlt: "Display of delicious, handcrafted cheesecakes and pastries",
        },
      ]}
      title="The Experience"
      description="Every detail at Cairo's First Luxury Women-Only Café & Co-Working Sanctuary is crafted to provide an unparalleled experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "cheesecake",
          name: "Signature Cheesecake",
          price: "EGP 120",
          variant: "Classic",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-concept_23-2148510822.jpg",
          imageAlt: "Slice of signature cheesecake",
        },
        {
          id: "raspberry-cappuccino",
          name: "Raspberry Cappuccino",
          price: "EGP 95",
          variant: "Hot/Iced",
          imageSrc: "http://img.b2bpic.net/free-photo/ginger-cocktail-with-ice-table_140725-2413.jpg",
          imageAlt: "Raspberry flavored cappuccino with latte art",
        },
        {
          id: "matcha-latte",
          name: "Matcha Latte",
          price: "EGP 110",
          variant: "Hot/Iced",
          imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163389.jpg",
          imageAlt: "Green matcha latte",
        },
        {
          id: "v60-coffee",
          name: "V60 Coffee",
          price: "EGP 80",
          variant: "Specialty Brew",
          imageSrc: "http://img.b2bpic.net/free-photo/croissant-black-coffee-dark-stone-background_84443-85773.jpg",
          imageAlt: "Freshly brewed V60 coffee",
        },
        {
          id: "salmon-sandwich",
          name: "Salmon Sandwich",
          price: "EGP 150",
          variant: "Savory",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-pie-with-coconut-candies-cup-tea-dark-background-candy-biscuit-cake-pie-cookie-sweet_140725-117809.jpg",
          imageAlt: "Delicious salmon sandwich",
        },
        {
          id: "caprese-sandwich",
          name: "Caprese Sandwich",
          price: "EGP 130",
          variant: "Vegetarian",
          imageSrc: "http://img.b2bpic.net/free-photo/picnic-day-with-chicken-sandwich_1147-27.jpg",
          imageAlt: "Caprese sandwich with fresh ingredients",
        },
        {
          id: "carrot-cake",
          name: "Carrot Cake",
          price: "EGP 100",
          variant: "Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/from-pieces-cake_23-2147787060.jpg",
          imageAlt: "Slice of carrot cake with cream cheese frosting",
        },
        {
          id: "iced-talbina",
          name: "Iced Talbina",
          price: "EGP 90",
          variant: "Healthy Drink",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-honey-stick-bowl-with-nuts_23-2148371980.jpg",
          imageAlt: "Refreshing iced talbina drink",
        },
      ]}
      title="Customer Favorites & Menu Preview"
      description="Explore a selection of our most popular dishes, drinks, and desserts that keep our guests coming back for more."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "For Mothers & Families",
        },
      ]}
      buttons={[
        {
          text: "Explore Our Space",
          href: "#home",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="auto"
      testimonials={[
        {
          id: "1",
          name: "Aisha K.",
          role: "Student",
          testimonial: "This place is a true gem! Finally, a space where I can focus on my studies without distractions and feel completely at ease. The coffee is amazing too!",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
          imageAlt: "Portrait of Aisha K., a satisfied student",
        },
        {
          id: "2",
          name: "Fatima M.",
          role: "Freelancer",
          testimonial: "As a niqabi, finding a place where I can relax and remove my niqab comfortably is priceless. The co-working space is perfect for my remote work.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-croissant-cup-coffee-city-walk_169016-23318.jpg",
          imageAlt: "Portrait of Fatima M., a satisfied freelancer",
        },
        {
          id: "3",
          name: "Nour H.",
          role: "Mother",
          testimonial: "The kids' play corner is a lifesaver! I can enjoy my matcha latte and catch up with friends while my little one is safely entertained. It truly feels like home.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
          imageAlt: "Portrait of Nour H., a satisfied mother",
        },
        {
          id: "4",
          name: "Sara A.",
          role: "Professional",
          testimonial: "A sanctuary in the heart of Cairo. The atmosphere is serene, the staff are wonderful, and the desserts are simply divine. Highly recommend for any woman seeking peace.",
          imageSrc: "http://img.b2bpic.net/free-photo/sunlight-falling-serene-young-woman-s-face_23-2147890771.jpg",
          imageAlt: "Portrait of Sara A., a satisfied professional",
        },
        {
          id: "5",
          name: "Yasmine B.",
          role: "Expat",
          testimonial: "Moving to Cairo, I longed for a comfortable, female-friendly space. This cafe exceeded all my expectations – a perfect blend of modern aesthetics and traditional values.",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-young-businesswoman-pointing-camera_1262-5406.jpg",
          imageAlt: "Portrait of Yasmine B., a satisfied expat",
        },
        {
          id: "6",
          name: "Hana Z.",
          role: "Entrepreneur",
          testimonial: "I've hosted several small workshops here, and the environment is always inspiring. The high-speed Wi-Fi and quiet ambiance make it ideal for creative sessions.",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-sweater-spring-park_1157-35513.jpg",
          imageAlt: "Portrait of Hana Z., a satisfied entrepreneur",
        },
      ]}
      title="What Makes Us Different"
      description="Unlike traditional cafés, Cairo's First Luxury Women-Only Café & Co-Working Sanctuary was built around values that matter: Privacy, Comfort, Community, Faith, Peace. Every detail has been carefully designed to create an environment where women feel genuinely relaxed and welcomed."
    />
  </div>

  <div id="plans" data-section="plans">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "day-pass",
          tag: "Flexible",
          tagIcon: ListChecks,
          price: "EGP 150",
          period: "/day",
          description: "Access to co-working space for a full day. Includes high-speed Wi-Fi.",
          button: {
            text: "Get a Day Pass",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "High-Speed Wi-Fi",
            "Comfortable Seating",
            "Access to Common Areas",
            "Unlimited Specialty Coffee",
          ],
        },
        {
          id: "monthly-pass",
          tag: "Best Value",
          tagIcon: Star,
          price: "EGP 1500",
          period: "/month",
          description: "Unlimited access to co-working space and exclusive member benefits.",
          button: {
            text: "Become a Member",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "24/7 Co-Working Access",
            "High-Speed Wi-Fi",
            "Meeting Room Discounts",
            "Priority Event Booking",
            "Complimentary Desserts",
            "Personal Locker",
          ],
        },
        {
          id: "private-room",
          tag: "Premium",
          tagIcon: Crown,
          price: "EGP 3000",
          period: "/month",
          description: "Dedicated private office for maximum focus and privacy.",
          button: {
            text: "Inquire Now",
            href: "#contact",
          },
          featuresTitle: "Includes:",
          features: [
            "Private Office Space",
            "All Monthly Pass Benefits",
            "Guest Access Passes",
            "Customizable Setup",
            "Enhanced Security",
            "Free Printing Services",
          ],
        },
      ]}
      title="Membership & Workspace Plans"
      description="Choose the perfect plan for your needs, whether you're looking for a dedicated co-working spot or special benefits as a regular guest."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Is the cafe strictly women-only?",
          content: "Yes, Cairo's First Luxury Women-Only Café & Co-Working Sanctuary is exclusively for women, including all staff and guests, to ensure complete comfort and privacy for everyone.",
        },
        {
          id: "faq-2",
          title: "Are children allowed?",
          content: "Absolutely! We have a dedicated, cozy kids' play corner where children can be entertained while mothers relax, work, or socialize.",
        },
        {
          id: "faq-3",
          title: "Do you offer private booking for events?",
          content: "Yes, our beautiful space is perfect for study sessions, book clubs, small workshops, and community gatherings. Please contact us to inquire about private group reservations.",
        },
        {
          id: "faq-4",
          title: "What kind of food and beverages do you serve?",
          content: "We specialize in premium coffee drinks, including V60 brews, seasonal beverages, and signature recipes. Our menu also features handcrafted desserts, famous cheesecakes, cakes, and light savory options like sandwiches.",
        },
        {
          id: "faq-5",
          title: "Do you have Wi-Fi for co-working?",
          content: "Yes, our co-working space is equipped with reliable, high-speed Wi-Fi, comfortable seating, and charging stations to support your productivity.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our women-only cafe and co-working sanctuary."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      tagIcon={MapPin}
      title="A Beautiful Place To Gather & Connect"
      description="Host study sessions, book clubs, small workshops, networking events, sisters' meetups, and community gatherings in an inspiring environment. You deserve a space where you can relax, focus, connect, and feel completely comfortable."
      buttons={[
        {
          text: "Get Directions",
          href: "https://maps.google.com/maps?q=Cairo%27s%20First%20Luxury%20Women-Only%20Café",
        },
        {
          text: "Book a Workspace",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg"
      imageAlt="Luxury cafe interior at dusk"
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m2w8tr"
      logoAlt="Business Name Logo"
      logoText="Cairo's First Luxury Women-Only Café"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Workspace Plans",
              href: "#plans",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/businessname",
            },
            {
              label: "Book a Workspace",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Cairo's First Luxury Women-Only Café. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}