"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Experience",
          id: "experience",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="MaiKada"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      title="Where Nights Come Alive 💨🌙"
      description="Islamabad’s premium sheesha lounge in F-10 Markaz — open 24/7 for vibes, flavors, and unforgettable nights."
      testimonials={[
        {
          name: "Ali Khan",
          handle: "@alik",
          testimonial: "Best sheesha in F-10! Amazing service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-her-long-distance-lover_23-2149289520.jpg",
        },
        {
          name: "Sarah Ahmed",
          handle: "@sarah",
          testimonial: "Perfect atmosphere for late night hangouts.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg",
        },
        {
          name: "Zain Malik",
          handle: "@zainm",
          testimonial: "Vibe is 10/10, definitely my go-to spot.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12865.jpg",
        },
        {
          name: "Maria Ali",
          handle: "@maria",
          testimonial: "Great flavors and even better company.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-alone-party_23-2149319602.jpg",
        },
        {
          name: "Omar Butt",
          handle: "@omar",
          testimonial: "Premium experience in the heart of Islamabad.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg",
        },
      ]}
      buttons={[
        {
          text: "Book Table",
          href: "#contact",
        },
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/grapefruit-hookah-with-lots-smoke_140725-2128.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194189.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-man-which-is-smoking-hookah-making-nice-vapour-while-sitting-near-bar-counter_613910-21449.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/girl-with-hookah_1157-5251.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-hookah-bar-with-fog-around_23-2149194178.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-wear-fashionable-snake-dress-sunglasses-pose-restaurant_627829-5449.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Join 500+ night owls"
      marqueeItems={[
        {
          type: "text",
          text: "Premium Hookah",
        },
        {
          type: "text",
          text: "24/7 Open",
        },
        {
          type: "text",
          text: "F-10 Markaz",
        },
        {
          type: "text",
          text: "Elite Vibe",
        },
        {
          type: "text",
          text: "Signature Drinks",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="The MaiKada Experience"
      description={[
        "MaiKada Café & Restaurant is one of Islamabad’s most loved sheesha lounges, offering a perfect mix of ambiance, flavors, and relaxation.",
        "Whether you're here for late-night hangouts, chill sessions, or social gatherings, MaiKada delivers a premium lounge experience with smooth vibes and quality service.",
      ]}
    />
  </div>

  <div id="experience" data-section="experience">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Flavor Variety",
          description: "Wide range of premium sheesha flavors.",
          imageSrc: "http://img.b2bpic.net/free-photo/hookah-with-red-lamp_140725-6398.jpg",
        },
        {
          title: "Luxury Seating",
          description: "Chill lounge seating designed for comfort.",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-restaurant-grill-bar-interior-with-chandeliers-furniture_114579-2341.jpg",
        },
        {
          title: "Social Vibe",
          description: "Music & ambiance for the perfect crowd.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194192.jpg",
        },
      ]}
      title="Premium Hookah Lounge"
      description="A space designed for ultimate relaxation and social connection."
    />
  </div>

  <div id="menu" data-section="menu">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "refreshments",
          tag: "Café",
          price: "Rs 500+",
          period: "Average",
          description: "Refreshing lemon soda and curated beverages.",
          featuresTitle: "Top Picks",
          features: [
            "Lemon Soda",
            "Chilled Tea",
            "Special Mocktails",
          ],
          button: {
            text: "Explore Menu",
          },
        },
        {
          id: "bites",
          tag: "Food",
          price: "Rs 800+",
          period: "Average",
          description: "Light snacks and café-style meals for every craving.",
          featuresTitle: "Popular Bites",
          features: [
            "Loaded Fries",
            "Club Sandwich",
            "Chef Specials",
          ],
          button: {
            text: "Explore Menu",
          },
        },
      ]}
      title="Drinks, Bites & More"
      description="Average Spend: Rs 1,000 – 5,000"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "F-10 Community",
        "Late Night Clubbers",
        "Chill Seekers",
        "Food Bloggers",
        "Student Squads",
        "City Explorers",
        "Lounge Enthusiasts",
      ]}
      title="Trusted by Islamabad"
      description="Join 600+ happy guests who call MaiKada their second home."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Ali",
          handle: "@ali",
          testimonial: "Best sheesha in F-10!",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beverage-connection-data-cafe-leisure-concept_53876-16325.jpg",
        },
        {
          id: "2",
          name: "Sara",
          handle: "@sara",
          testimonial: "Amazing vibe and chill environment.",
          imageSrc: "http://img.b2bpic.net/free-photo/three-students-preparing-exam-with-laptop-cafe_1303-19875.jpg",
        },
        {
          id: "3",
          name: "Zain",
          handle: "@zain",
          testimonial: "Perfect for night hangouts.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-happy-sitting-sofa-home_839833-15776.jpg",
        },
        {
          id: "4",
          name: "Maria",
          handle: "@maria",
          testimonial: "Top notch flavors.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-kaleidoscope-effect_23-2148261307.jpg",
        },
        {
          id: "5",
          name: "Omar",
          handle: "@omar",
          testimonial: "Elite nightlife experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717858.jpg",
        },
      ]}
      title="A Favorite in Islamabad"
      description="See why we’re the go-to spot for night owls."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Night Vibes Only"
      description="Captured moments at MaiKada."
      blogs={[
        {
          id: "1",
          category: "Vibe",
          title: "Neon Nights",
          excerpt: "The atmosphere at night.",
          imageSrc: "http://img.b2bpic.net/free-photo/pink-smoke-black-background_23-2147734786.jpg",
          authorName: "MaiKada",
          authorAvatar: "http://img.b2bpic.net/free-vector/flat-summer-pattern-design_23-2149412152.jpg",
          date: "2024",
        },
        {
          id: "2",
          category: "Drinks",
          title: "Refreshments",
          excerpt: "Cool drinks for hot nights.",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg",
          authorName: "MaiKada",
          authorAvatar: "http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg",
          date: "2024",
        },
        {
          id: "3",
          category: "Vibe",
          title: "Lounge Interior",
          excerpt: "Check out our premium seating.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg",
          authorName: "MaiKada",
          authorAvatar: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119038.jpg",
          date: "2024",
        },
        {
          id: "4",
          category: "Crowd",
          title: "Social Scene",
          excerpt: "Good people, good times.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-outdoors_23-2149061557.jpg",
          authorName: "MaiKada",
          authorAvatar: "http://img.b2bpic.net/free-photo/side-view-happy-friends-partying_23-2149739879.jpg",
          date: "2024",
        },
        {
          id: "5",
          category: "Drinks",
          title: "Special Mixes",
          excerpt: "Our signature drinks.",
          imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-617.jpg",
          authorName: "MaiKada",
          authorAvatar: "http://img.b2bpic.net/free-photo/abstract-pattern-coloured-oil-bubbles-water_23-2148290146.jpg",
          date: "2024",
        },
        {
          id: "6",
          category: "Vibe",
          title: "Neon Decor",
          excerpt: "Light up your night.",
          imageSrc: "http://img.b2bpic.net/free-photo/take-away-arrangement-with-lights-doughnut_23-2148289435.jpg",
          authorName: "MaiKada",
          authorAvatar: "http://img.b2bpic.net/free-photo/frame-woman-s-hand-holding-cup-coffee-with-headphones-smartphone_291650-534.jpg",
          date: "2024",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Visit MaiKada: 2nd Floor, near Butt Karahi, F-10 Markaz, Islamabad | 0307 6265038 | Open 24 Hours"
      buttons={[
        {
          text: "Get Directions",
          href: "#",
        },
        {
          text: "Call Now",
          href: "tel:03076265038",
        },
      ]}
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Light Up Your Night 💨 - Experience the ultimate sheesha lounge in Islamabad."
      buttons={[
        {
          text: "Book Now",
          href: "#",
        },
        {
          text: "Visit Today",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Gallery",
              href: "#gallery",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Sheesha Menu",
              href: "#menu",
            },
            {
              label: "Café Bites",
              href: "#menu",
            },
            {
              label: "VIP Booking",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
            {
              label: "Social",
              href: "#",
            },
          ],
        },
      ]}
      logoText="MaiKada"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
