"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Coffee, Crown, Droplets, Flame, Gift, Globe, Heart, Leaf, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#product"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="يمن قهوة مختصة"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Experience the Soul of Yemen in Every Cup"
      description="Indulge in the rich heritage of specialty coffee, expertly crafted with passion and precision. Every visit is a delightful journey."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@coffeeLover_SJ",          testimonial: "The coffee is great, and the barista is a very professional and courteous person. The balance is perfect!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg?_wi=1",          imageAlt: "Sarah J."},
        {
          name: "Ahmed M.",          handle: "@AhmedM_Reviews",          testimonial: "The coffee is delicious and perfectly balanced. The staff are so relaxed and pleasant; felt like chatting with a friend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg?_wi=1",          imageAlt: "Ahmed M."},
        {
          name: "Layla K.",          handle: "@LaylaCoffee",          testimonial: "Absolutely enchanting! The aroma, the taste, the atmosphere—everything is exceptional. A true escape.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-man-posing_23-2148171613.jpg?_wi=1",          imageAlt: "Layla K."},
        {
          name: "Omar S.",          handle: "@Omar_Sips",          testimonial: "Their Yemeni coffee is a revelation! You can truly taste the quality and the care put into every brew. Highly recommend for connoisseurs.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg?_wi=1",          imageAlt: "Omar S."},
        {
          name: "Fatima N.",          handle: "@FatimaN_Coffee",          testimonial: "A wonderful place to relax and enjoy top-tier coffee. The service is always warm and welcoming, making every visit a pleasure.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2543.jpg",          imageAlt: "Fatima N."},
      ]}
      testimonialRotationInterval={5000}
      tag="Pure Indulgence"
      tagIcon={Sparkles}
      tagAnimation="opacity"
      buttons={[
        {
          text: "Explore Our Menu",          href: "#product"},
        {
          text: "Visit Us",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",          alt: "Sarah J."},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photo_23-2148294051.jpg",          alt: "Ahmed M."},
        {
          src: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg",          alt: "Layla K."},
        {
          src: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg",          alt: "Omar S."},
        {
          src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg",          alt: "Fatima N."},
      ]}
      avatarText="Loved by 1000+ Coffee Enthusiasts"
      imageSrc="http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg?_wi=1"
      imageAlt="Barista preparing specialty coffee with latte art"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Artisanal Roasting",          icon: Flame,
        },
        {
          type: "text-icon",          text: "Sustainable Sourcing",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Expert Baristas",          icon: Coffee,
        },
        {
          type: "text-icon",          text: "Rich Yemeni Heritage",          icon: Globe,
        },
        {
          type: "text-icon",          text: "Unforgettable Flavor",          icon: Heart,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Passion for Yemeni Specialty Coffee"
      description="At يمن قهوة مختصة, we are dedicated to bringing you the finest coffee experience, rooted in the rich traditions of Yemen. Our journey begins with carefully selected beans, roasted to perfection, and served with a passion for excellence and genuine hospitality."
      metrics={[
        {
          value: "100+",          title: "Unique Blends"},
        {
          value: "50+",          title: "Years Experience"},
        {
          value: "10K+",          title: "Happy Customers"},
      ]}
      tag="Our Story"
      tagIcon={Coffee}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-mug-with-coffee_23-2148262599.jpg?_wi=1"
      imageAlt="Hand showing freshly roasted coffee beans"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Globally Sourced, Locally Loved",          description: "We meticulously source our beans from the most renowned coffee regions, with a special emphasis on the unique flavors of Yemen.",          bentoComponent: "globe"
        },
        {
          title: "Masterful Roasting & Brewing",          description: "Our expert baristas and roasters ensure every bean's potential is unlocked, providing a perfectly balanced cup every time.",          bentoComponent: "3d-stack-cards",          items: [
            {
              icon: Coffee,
              title: "Precision Roasting",              subtitle: "Optimal Flavor",              detail: "Every bean roasted to perfection."},
            {
              icon: Droplets,
              title: "Expert Brewing",              subtitle: "Perfect Extraction",              detail: "Crafted by skilled baristas."},
            {
              icon: Heart,
              title: "Sustainable Sourcing",              subtitle: "Ethical & Fair",              detail: "Directly from trusted farms."},
          ]
        },
        {
          title: "An Ambiance of Comfort",          description: "Step into a space designed for relaxation and connection, where every detail enhances your coffee experience.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg?_wi=2",              imageAlt: "Luxurious coffee cup"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg",              imageAlt: "Traditional coffee brewing"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",              imageAlt: "Cozy cafe interior"},
          ]
        },
      ]}
      title="Our Unforgettable Coffee Experience"
      description="Discover what makes يمن قهوة مختصة more than just a cafe, it's a destination for true coffee aficionados."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Signature Espresso Blend",          price: "45 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",          imageAlt: "Signature Espresso Blend"},
        {
          id: "p2",          name: "Creamy Vanilla Latte",          price: "35 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/big-coffee-cup-wooden-table_23-2148071561.jpg",          imageAlt: "Creamy Vanilla Latte"},
        {
          id: "p3",          name: "Classic Cappuccino",          price: "30 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cup-with-blanket_23-2148311998.jpg",          imageAlt: "Classic Cappuccino"},
        {
          id: "p4",          name: "Yemeni Drip Coffee",          price: "40 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ready-be-served-coffee-with-sugar_23-2148464004.jpg",          imageAlt: "Yemeni Drip Coffee"},
        {
          id: "p5",          name: "Whole Bean - Yemen Mocha",          price: "90 SAR / 250g",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-takeaway-coffee-cup-with-lid-plain-background_9975-133009.jpg",          imageAlt: "Whole Bean - Yemen Mocha"},
        {
          id: "p6",          name: "House Blend - Dark Roast",          price: "80 SAR / 250g",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-coffee-beans-cup_23-2148337148.jpg",          imageAlt: "House Blend - Dark Roast"},
      ]}
      title="Discover Our Exquisite Coffee Menu"
      description="From classic brews to unique Yemeni blends, find your perfect cup and specialty beans."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      plans={[
        {
          id: "bean-lover",          badge: "Popular",          badgeIcon: Coffee,
          price: "85 SAR/month",          subtitle: "Monthly Coffee Bean Subscription",          features: [
            "250g of rotating specialty beans",            "Exclusive tasting notes",            "Free local delivery",            "Member discounts on cafe drinks"],
        },
        {
          id: "connoisseur",          badge: "Premium",          badgeIcon: Crown,
          price: "160 SAR/month",          subtitle: "Elevated Coffee Experience",          features: [
            "500g of rotating specialty beans",            "Early access to new blends",            "Complimentary brewing guide",            "Priority cafe seating"],
        },
        {
          id: "gift-pack",          badge: "Gift",          badgeIcon: Gift,
          price: "Starting from 120 SAR",          subtitle: "Curated Gift Packs",          features: [
            "Selection of beans & accessories",            "Customizable for any occasion",            "Beautifully packaged",            "Perfect for coffee enthusiasts"],
        },
      ]}
      title="Elevate Your Coffee Journey"
      description="Indulge in our curated subscriptions and special offerings, designed for the discerning coffee lover."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Coffee Lovers Daily",        "Gourmet Grind Magazine",        "Saudi Food Critics",        "Taste of Arabia Blog",        "Local Eats Riyadh",        "The Daily Brew Post",        "Specialty Coffee Reviews"]}
      title="Trusted by Coffee Connoisseurs"
      description="Our commitment to quality and exceptional service has earned us recognition among the most respected voices in the coffee community."
      speed={40}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Khaled Al-Fahad",          date: "May 20, 2024",          title: "Consistently Excellent!",          quote: "This cafe is a hidden gem. The coffee quality is unmatched, and the staff's passion is evident in every cup. My go-to place for a perfect start to the day!",          tag: "Daily Visitor",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          avatarAlt: "Khaled Al-Fahad",          imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg?_wi=2",          imageAlt: "young woman smiling professional profile"},
        {
          id: "t2",          name: "Noura Salem",          date: "May 18, 2024",          title: "A True Coffee Sanctuary",          quote: "The ambiance is so inviting, and the specialized Yemeni coffee is just divine. It's a peaceful retreat where I can truly savor my coffee. Highly recommend!",          tag: "Coffee Enthusiast",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-showing-thumbs-up-looking-pleased-approve-smth-standing-white-background_1258-100067.jpg",          avatarAlt: "Noura Salem",          imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg?_wi=3",          imageAlt: "young woman smiling professional profile"},
        {
          id: "t3",          name: "Faisal Khan",          date: "May 15, 2024",          title: "Professional and Welcoming",          quote: "The baristas are incredibly knowledgeable and always ready with a smile. The coffee is always perfectly balanced and delightful. A truly professional experience!",          tag: "New Customer",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smart-brunette-glasses-street-with-interesting-architecture-background_613910-14022.jpg",          avatarAlt: "Faisal Khan",          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg?_wi=2",          imageAlt: "young woman smiling professional profile"},
        {
          id: "t4",          name: "Lama Abdullah",          date: "May 12, 2024",          title: "Exceptional Service, Exquisite Taste",          quote: "From the moment you walk in, you feel like family. The service is impeccable, and the coffee is simply out of this world. This place has a lovely style!",          tag: "Regular Guest",          avatarSrc: "http://img.b2bpic.net/free-photo/isolated-portrait-cheerful-young-bearded-hipster-smiling-having-fun-nice-conversation-with-his-friends_273609-1774.jpg",          avatarAlt: "Lama Abdullah",          imageSrc: "http://img.b2bpic.net/free-photo/black-man-posing_23-2148171613.jpg?_wi=2",          imageAlt: "young woman smiling professional profile"},
        {
          id: "t5",          name: "Hassan Zaki",          date: "May 10, 2024",          title: "My Favorite Coffee Spot",          quote: "Delicious coffee every time, and the relaxed, pleasant atmosphere makes you feel right at home. It's like having coffee with a friend. Will definitely visit again!",          tag: "Friend of the Cafe",          avatarSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",          avatarAlt: "Hassan Zaki",          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg?_wi=2",          imageAlt: "young woman smiling professional profile"},
        {
          id: "t6",          name: "Aisha T.",          date: "May 08, 2024",          title: "The Best Coffee in Town!",          quote: "I've tried many coffee shops, but يمن قهوة مختصة truly stands out. The quality, the atmosphere, and the kind staff make it my absolute favorite.",          tag: "Local Favorite",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",          avatarAlt: "Aisha T.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-mug-with-coffee_23-2148262599.jpg?_wi=2",          imageAlt: "young woman smiling professional profile"},
      ]}
      title="What Our Valued Customers Say"
      description="Our greatest joy comes from the smiles and satisfaction of our guests. Read their experiences with our specialty coffee and welcoming atmosphere."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "What makes Yemeni coffee special?",          content: "Yemeni coffee is renowned for its unique flavor profile, often characterized by deep, chocolatey notes, hints of fruit, and a rich, full body. It's cultivated in high altitudes using ancient, traditional methods, contributing to its distinct quality."},
        {
          id: "faq2",          title: "Do you offer various brewing methods?",          content: "Yes, our skilled baristas are proficient in a range of brewing methods, including espresso, pour-over, Chemex, and Aeropress, to ensure your coffee is prepared exactly to your preference."},
        {
          id: "faq3",          title: "Can I buy whole beans for home brewing?",          content: "Absolutely! We offer a selection of our premium single-origin Yemeni beans and signature blends for purchase, perfect for recreating the cafe experience at home. Ask our baristas for recommendations!"},
        {
          id: "faq4",          title: "Do you have options for non-coffee drinkers?",          content: "Yes, we offer a delightful selection of teas, fresh juices, and specialty non-coffee beverages to cater to all tastes, ensuring everyone finds something they love at our cafe."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our coffee, services, and commitment to quality."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid"}}
      text="Come, share a moment, and discover your perfect cup. We look forward to welcoming you!"
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/search/يمن+قهوة+مختصة"},
        {
          text: "Call Us",          href: "tel:+9665XXXXXXXX"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="يمن قهوة مختصة"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
