"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Coffee } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Experience",          id: "experience"},
        {
          name: "Community",          id: "community"},
      ]}
      brandName="Sip Coffee House"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "gradient-bars"}}
      title="Every Sip Feels Like Home."
      description="Unique coffee creations, handcrafted smoothies, and cozy moments shared in the heart of North Carolina."
      buttons={[
        {
          text: "Visit Sip",          href: "#community"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/espresso-coffee-glass-wooden-table_23-2147906716.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-waitress-cafe-uniform-giving-you-cup-coffee-prepare_1258-199297.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",          alt: "Customer 5"},
      ]}
      avatarText="Join our community of coffee lovers"
      marqueeItems={[
        {
          type: "text",          text: "Locally Roasted"},
        {
          type: "text",          text: "Fresh Pastries"},
        {
          type: "text",          text: "Cozy Atmosphere"},
        {
          type: "text",          text: "Artisan Lattes"},
        {
          type: "text",          text: "Handcrafted Smoothies"},
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Mango Magic",          price: "$7.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
        {
          id: "p2",          name: "Signature Latte",          price: "$5.50",          imageSrc: "http://img.b2bpic.net/free-photo/jar-with-straw-fruits_23-2147640363.jpg"},
        {
          id: "p3",          name: "Cold Brew Gold",          price: "$4.50",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508917.jpg"},
        {
          id: "p4",          name: "Seasonal Chai",          price: "$6.00",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-drink-with-sliced-lime-mint-umbrella-decorated-glass_23-2148145340.jpg"},
        {
          id: "p5",          name: "Double Espresso",          price: "$3.50",          imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8043.jpg"},
        {
          id: "p6",          name: "Mocha Velvet",          price: "$6.50",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-with-copy-space_23-2148464891.jpg"},
      ]}
      title="Crafted Beyond the Ordinary"
      description="Classics perfected. Originals unforgettable."
    />
  </div>

  <div id="experience" data-section="experience">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Essence"
      title="Your Daily Escape."
      description="Whether you're catching up with friends, fueling your morning, or slowing down for a quiet moment — Sip Coffee House was designed to feel welcoming from the very first visit."
      subdescription="Crafted with warmth, served with intention."
      icon={Coffee}
      imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="“Best coffeehouse in NC. Very charming and inviting atmosphere. Unique coffee choices as well as the classics.”"
      rating={5}
      author="Sarah Johnson"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg",          alt: "Customer"},
        {
          src: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg",          alt: "Customer"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-mug_23-2148503426.jpg",          alt: "Customer"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756346.jpg",          alt: "Customer"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-female-sitting-with-coffee_23-2147834493.jpg",          alt: "Customer"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="community" data-section="community">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Built Around Connection."
      description="Sip Coffee House isn’t just somewhere to grab coffee — it’s where conversations happen, friendships grow, and mornings start better."
      accordionItems={[
        {
          id: "a1",          title: "Local Events",          content: "Join us for weekly community meetups and open mic nights."},
        {
          id: "a2",          title: "Family Friendly",          content: "A welcoming space for families to relax and enjoy."},
        {
          id: "a3",          title: "Sustainable Sourcing",          content: "Ethically sourced beans from local roasters."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/friends-having-fun-with-traditional-games_23-2149332692.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="content" data-section="content">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Sip Stories"
      description="Behind the beans and beyond the brew."
      blogs={[
        {
          id: "b1",          category: "Culture",          title: "The Art of Latte",          excerpt: "What makes a perfect pour?",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-elements_23-2148173411.jpg",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg",          date: "Oct 12, 2023"},
        {
          id: "b2",          category: "Events",          title: "Open Mic Night",          excerpt: "A weekly tradition of rhythm.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-asian-food-concept_23-2148773749.jpg",          authorName: "John Smith",          authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",          date: "Oct 05, 2023"},
        {
          id: "b3",          category: "Drinks",          title: "Mango Magic",          excerpt: "The story behind our best-seller.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-asian-food-concept_23-2148773751.jpg",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172693.jpg",          date: "Sep 28, 2023"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Visit Us",          items: [
            {
              label: "123 Coffee Ln, North Carolina",              href: "#"},
            {
              label: "Mon-Sun: 7am - 8pm",              href: "#"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "hello@sipcoffee.com",              href: "mailto:hello@sipcoffee.com"},
            {
              label: "Instagram",              href: "https://instagram.com"},
          ],
        },
      ]}
      bottomLeftText="© 2023 Sip Coffee House."
      bottomRightText="Crafted with warmth. Served with intention."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
