"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Coffee, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Menu",          id: "#desserts"},
        {
          name: "Experience",          id: "#crafted-perfection"},
        {
          name: "Gallery",          id: "#cafe-gallery"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Aryash Coffee"
      button={{
        text: "Order Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="The Best V60 Experience in Bahrain"
      description="From handcrafted coffee to next-level desserts — Aryash is where taste meets atmosphere."
      buttons={[
        {
          text: "Order Now",          href: "#contact"},
        {
          text: "View Menu",          href: "#desserts"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
      imageAlt="Luxurious Aryash Coffee interior with V60 pour over."
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",          alt: "Happy customer avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-women-dentists-dentistry-concept-portrait-happy-women_169016-66976.jpg",          alt: "Satisfied client"},
        {
          src: "http://img.b2bpic.net/free-photo/excited-young-woman-showing-banner-pointing-fingers-left-smiling-camera-standing-amazed-white-wall_176420-37497.jpg",          alt: "Smiling customer"},
        {
          src: "http://img.b2bpic.net/free-photo/barista-cafe-pouring-filter-coffee-brewing-preparing-order-counter-wearing-blue-apron_1258-129836.jpg",          alt: "Coffee enthusiast"},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753663.jpg",          alt: "Regular Aryash guest"},
      ]}
      avatarText="Join our 500+ happy customers!"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "The best V60 I’ve ever had! Aryash Coffee truly delivers an unparalleled coffee experience. The atmosphere is just as amazing.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          handle: "@mikec",          testimonial: "The desserts are next-level, especially the cookies! I come for the coffee and always leave with a box of their incredible treats.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-posing_176420-29923.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "@emilyr",          testimonial: "Aryash Coffee is an elegant café with an amazing experience. Every visit feels special, a perfect spot to unwind or catch up.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-with-smartphone-while-drinking-coffee-outside-city-background-high-quality-photo_291650-846.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          handle: "@davidk",          testimonial: "Worth visiting again and again! The consistency in quality and the welcoming vibe makes it my favorite coffee shop in Bahrain.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Fatima Al-Hajri",          handle: "@fatimah",          testimonial: "Beyond just coffee, it's an experience. The attention to detail in every cup and the beautiful ambiance make it truly unique.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-paper-cup-hot-coffee_93675-128594.jpg",          imageAlt: "Fatima Al-Hajri"},
      ]}
      showRating={true}
      title="What Our Guests Say"
      description="We’re constantly improving speed & service to match our quality 💜"
    />
  </div>

  <div id="crafted-perfection" data-section="crafted-perfection">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Coffee,
          title: "Specialty V60",          description: "Experience our fan-favorite V60 pour-over, expertly brewed to highlight the nuanced flavors of our premium single-origin beans. A true delight for coffee connoisseurs."},
        {
          icon: Sparkles,
          title: "Unique Drinks",          description: "Discover our innovative beverage creations, like the famous KitKat V60, blending traditional coffee artistry with exciting, modern twists that tantalize your taste buds."},
        {
          icon: Award,
          title: "Carefully Selected Beans",          description: "We source only the highest quality coffee beans from around the world, chosen for their distinctive profiles and sustainable farming practices, ensuring a superior brew."},
        {
          icon: CheckCircle,
          title: "Barista-Crafted Perfection",          description: "Our skilled baristas are artists in their craft, dedicated to consistency and perfection. Each drink is prepared with precision and care, promising a flawless taste in every sip."},
      ]}
      title="Crafted, Not Just Made"
      description="At Aryash Coffee, every cup is a masterpiece. We meticulously select the finest beans and our baristas pour passion into every pour, ensuring an exceptional taste and experience every single time."
    />
  </div>

  <div id="desserts" data-section="desserts">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "d1",          name: "Classic Tiramisu",          price: "BD 3.5",          imageSrc: "http://img.b2bpic.net/free-photo/sweet-cakes-food-isolated-white_627829-11980.jpg",          imageAlt: "Decadent Tiramisu"},
        {
          id: "d2",          name: "Signature Cookies",          price: "BD 1.8",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-raisin-oatmeal-cookies-white_140725-12187.jpg",          imageAlt: "Assorted Signature Cookies"},
        {
          id: "d3",          name: "Velvet Cheesecake",          price: "BD 4.0",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-strawberries-mellow-delicious-berries-with-cakes-cookies-light-desk_140725-32190.jpg",          imageAlt: "Slice of Velvet Cheesecake"},
        {
          id: "d4",          name: "Artisan Croissant",          price: "BD 2.0",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-roll_23-2150645390.jpg",          imageAlt: "Freshly Baked Croissant"},
        {
          id: "d5",          name: "Gourmet Brownie",          price: "BD 2.5",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-chocolate-concept_23-2147985544.jpg",          imageAlt: "Rich Chocolate Brownie"},
        {
          id: "d6",          name: "Assorted Macarons",          price: "BD 3.0",          imageSrc: "http://img.b2bpic.net/free-photo/various-macaroons-with-pistachios-fruits-berries-coffee-beans_114579-49228.jpg",          imageAlt: "Colorful Macarons"},
      ]}
      title="Desserts That Steal the Show"
      description="People come for coffee… and come back for the desserts. Our pastry chef creates fresh daily delights that are simply next-level."
    />
  </div>

  <div id="why-aryash" data-section="why-aryash">
      <AboutMetric
      useInvertedBackground={false}
      title="Not Just a Café — A Destination"
      metrics={[
        {
          icon: Sparkles,
          label: "Atmosphere",          value: "Premium Vibe"},
        {
          icon: Coffee,
          label: "Coffee Quality",          value: "Highly Rated V60"},
        {
          icon: Award,
          label: "Menu",          value: "Unique Creations"},
        {
          icon: CheckCircle,
          label: "Experience",          value: "Instagram-Ready"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="cafe-gallery" data-section="cafe-gallery">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Moments Captured, Memories Brewed"
      description="A curated glimpse into the aesthetic and vibrant life at Aryash Coffee, perfect for your social feed."
      blogs={[
        {
          id: "g1",          category: "Interior",          title: "Elegant Spaces",          excerpt: "Discover the sophisticated design that makes our cafe a luxurious escape.",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",          imageAlt: "Modern Cafe Interior",          authorName: "Aryash Team",          authorAvatar: "http://img.b2bpic.net/free-photo/seductive-close-up-photo-beautiful-blonde-girl-cocktail-silk-dress-seduces-someone-touching-her-lips-by-her-finger_639032-835.jpg",          date: "2023-10-26"},
        {
          id: "g2",          category: "Art",          title: "Latte Artistry",          excerpt: "Our baristas transform every coffee into a stunning piece of art.",          imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-delicious-coffee-arrangement_23-2149514294.jpg",          imageAlt: "Latte Art Coffee",          authorName: "Aryash Team",          authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-sunglasses-grey-background_613910-3537.jpg",          date: "2023-11-01"},
        {
          id: "g3",          category: "Delights",          title: "Sweet Moments",          excerpt: "Indulge in our exquisite desserts, designed to complement your coffee.",          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079545.jpg",          imageAlt: "Desserts and Coffee Table",          authorName: "Aryash Team",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-handsome-young-teenage-guy-college-student-recommend-awesome-course_1258-109021.jpg",          date: "2023-11-15"},
        {
          id: "g4",          category: "Community",          title: "Vibrant Atmosphere",          excerpt: "A place where friends gather and new memories are made over coffee.",          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-time-together_23-2148395314.jpg",          imageAlt: "Customers Enjoying Cafe",          authorName: "Aryash Team",          authorAvatar: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",          date: "2023-11-20"},
        {
          id: "g5",          category: "Exterior",          title: "Our Iconic Look",          excerpt: "The striking facade of Aryash Coffee, a landmark in Bahrain's café scene.",          imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",          imageAlt: "Cafe Exterior View",          authorName: "Aryash Team",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-sitting-cafe-summer-fashion-outfit-hipster-style-pink-cotton-dress-sunglasses-smiling-drinking-coffee-stylish-accessories-trendy-apparel-talking-phone_285396-3070.jpg",          date: "2023-12-01"},
        {
          id: "g6",          category: "Craft",          title: "Behind the Brew",          excerpt: "A peek into the passion and precision that goes into every single cup.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-barista-cleans-portafilter-before-preparing-cappuccino-coffee-shop-restaurant_613910-20296.jpg",          imageAlt: "Coffee Brewing Tools",          authorName: "Aryash Team",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-office-suit-sitting-outdoors-looking-confident_1258-123395.jpg",          date: "2023-12-05"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Visit Us"
      title="Your Next Coffee Experience Starts Here ☕"
      description="Discover Aryash Coffee in Bahrain. Enjoy our takeaway service, place orders via WhatsApp/Call, and visit us during our welcoming opening hours for an unforgettable experience."
      buttons={[
        {
          text: "Order Now",          href: "#"},
        {
          text: "Visit Us",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoAlt="Aryash Coffee Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Our Story",              href: "#why-aryash"},
            {
              label: "Menu",              href: "#desserts"},
          ],
        },
        {
          items: [
            {
              label: "V60 Experience",              href: "#crafted-perfection"},
            {
              label: "Gallery",              href: "#cafe-gallery"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          items: [
            {
              label: "Order Now",              href: "#contact"},
            {
              label: "Location",              href: "#contact"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Aryash Coffee"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
