"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Coffee } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="large"
        background="aurora"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="La Leyenda"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Specialty Coffee Moments Worth Sharing"
      description="Award-winning café in Boumiza Square serving handcrafted drinks and pastries that locals love. Experience the legend—where premium taste meets welcoming atmosphere."
      buttons={[
        {
          text: "Explore Our Menu & Reserve",
          href: "#menu",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg",
          imageAlt: "Cafe Atmosphere",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/notebook-mock-up-winter-concept_23-2148337571.jpg",
          imageAlt: "Handcrafted Drink",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-croissants_1232-1242.jpg",
          imageAlt: "Pastry Showcase",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-smoothie-corner-table_23-2148545358.jpg",
          imageAlt: "Matcha Frappuccino",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-coffee-cup-photos-close-up_23-2149294494.jpg",
          imageAlt: "Work Friendly Atmosphere",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290149.jpg",
          imageAlt: "Cafe Exterior",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="A Legend in the Heart of Sousse"
      description="Born from a passion for perfection, La Leyenda redefines the cafe experience. We combine expert craftsmanship with a vibrant atmosphere that feels like home."
      subdescription="Every bean, every ingredient, and every moment is carefully selected to ensure you have the best experience possible in Boumiza Square."
      icon={Coffee}
      imageSrc="http://img.b2bpic.net/free-photo/waitress-pouring-milk-into-coffee-cup-counter_107420-12302.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Signature Latte",
          price: "$4.50",
          imageSrc: "http://img.b2bpic.net/free-photo/classic-bbandy-alexander-cocktail_123827-22262.jpg",
        },
        {
          id: "p2",
          name: "Matcha Frappuccino",
          price: "$6.25",
          imageSrc: "http://img.b2bpic.net/free-photo/iced-latte-glass-pink-stand-wooden-table-cranberry-pie-summer-cafe-green-bushes_343596-1527.jpg",
        },
        {
          id: "p3",
          name: "Butter Croissant",
          price: "$3.00",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-delicious-jam-croissants_23-2148525206.jpg",
        },
        {
          id: "p4",
          name: "Classic Cappuccino",
          price: "$4.25",
          imageSrc: "http://img.b2bpic.net/free-photo/different-cups-coffee-ceramic-mug-paper-cup-go-wooden-table-cafe_1220-1669.jpg",
        },
        {
          id: "p5",
          name: "Sweet Treats Platter",
          price: "$8.50",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-bagels-with-crackers-cinnamon-cookies-white-desk-cake-biscuit-sweet-sugar-pie-cookie-crisp_140725-55870.jpg",
        },
        {
          id: "p6",
          name: "Iced Chocolate Mocha",
          price: "$5.50",
          imageSrc: "http://img.b2bpic.net/free-photo/dark-cold-coffee-with-white-whipped-cream_140725-10528.jpg",
        },
      ]}
      title="Handcrafted Favorites"
      description="Discover our signature collection of specialty drinks and artisan pastries prepared fresh daily."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "100%",
          title: "Organic Beans",
          items: [
            "Fair trade sourced",
            "High-altitude grown",
            "Expertly roasted",
          ],
        },
        {
          id: "m2",
          value: "50+",
          title: "Drink Varieties",
          items: [
            "Specialty blends",
            "Seasonal drinks",
            "Custom craft options",
          ],
        },
        {
          id: "m3",
          value: "24/7",
          title: "WiFi Access",
          items: [
            "High-speed fiber",
            "Dedicated zones",
            "Power outlets",
          ],
        },
      ]}
      title="Quality You Can Taste"
      description="Our commitment to excellence is reflected in every cup we serve."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TechHub Sousse",
        "University of Sousse",
        "Expats in Tunisia",
        "DesignStudio",
        "Coffee Connoisseurs",
        "Marketing Group",
        "Digital Nomads",
      ]}
      title="Trusted by Local Professionals"
      description="We are proud to be the favorite spot for students, expats, and professionals across Sousse."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          date: "Oct 2023",
          title: "Great Vibe",
          quote: "The best matcha in Sousse! Perfectly balanced.",
          tag: "Coffee Lover",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-coffee-shop_23-2150183735.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg",
          imageAlt: "happy customer drinking cafe",
        },
        {
          id: "t2",
          name: "Mark D.",
          date: "Sept 2023",
          title: "My Favorite Spot",
          quote: "Great WiFi and even better lattes. Professional spot.",
          tag: "Digital Nomad",
          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-casual-blond-girl-hat-joyfully-looking-away-with-coffee-go-courtyard-city-cafe_574295-987.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/notebook-mock-up-winter-concept_23-2148337571.jpg",
          imageAlt: "happy customer drinking cafe",
        },
        {
          id: "t3",
          name: "Amira K.",
          date: "Aug 2023",
          title: "Beautiful Place",
          quote: "Perfect for working or a quick catchup. Love the aesthetics.",
          tag: "Student",
          avatarSrc: "http://img.b2bpic.net/free-photo/couple-traveling-nature-enjoying-beverage_23-2149939717.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-croissants_1232-1242.jpg",
          imageAlt: "happy customer drinking cafe",
        },
        {
          id: "t4",
          name: "James L.",
          date: "July 2023",
          title: "Authentic Coffee",
          quote: "Finally found real specialty coffee here. Highly recommended.",
          tag: "Expat",
          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-working-computer-cafe-drinking-coffee_1303-14508.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-smoothie-corner-table_23-2148545358.jpg",
          imageAlt: "happy customer drinking cafe",
        },
        {
          id: "t5",
          name: "Nadia R.",
          date: "June 2023",
          title: "Amazing Staff",
          quote: "Friendly and welcoming every single time. Truly special.",
          tag: "Local",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-coffee-cup-photos-close-up_23-2149294494.jpg",
          imageAlt: "happy customer drinking cafe",
        },
      ]}
      title="Loved by Our Community"
      description="See why our visitors keep coming back to La Leyenda."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you offer free WiFi?",
          content: "Yes, we provide high-speed fiber WiFi, perfect for remote work or studying.",
        },
        {
          id: "q2",
          title: "Do you cater to dietary restrictions?",
          content: "We offer almond, soy, and oat milk alternatives, as well as several gluten-free snack options.",
        },
        {
          id: "q3",
          title: "Can I reserve a table?",
          content: "Yes, we accept reservations for group gatherings or special occasions. Please contact us through the form below.",
        },
        {
          id: "q4",
          title: "Are you pet-friendly?",
          content: "We welcome pets in our outdoor seating areas, subject to standard cafe rules.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about your cafe experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-animated",
      }}
      tag="Connect With Us"
      title="Experience the Legend"
      description="Join our newsletter for exclusive offers and updates from the café."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
          ],
        },
      ]}
      logoText="La Leyenda"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
