"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Coffee, Instagram, Twitter, Facebook, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Experience", id: "#experience" },
              { name: "Our Vibe", id: "#vibe" },
              { name: "Menu", id: "#menu" },
              { name: "Contact", id: "#contact" },
            ]}
            brandName="Sanctuary Café"
            button={{ text: "Visit Us", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            title="More Than Coffee An Experience"
            description="Step into warmth, connection, and craft Where specialty coffee meets cozy chaos—board games, signature burgers, and friends collide in our aesthetic sanctuary"
            testimonials={[
              { name: "Maya Lee", handle: "@maya.creates", testimonial: "The absolute best vibe for editing videos and sipping lattes. So aesthetic!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
              { name: "Liam V.", handle: "@liamv", testimonial: "Best burger in town and the board games are a total win for our friend group.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256899.jpg" },
              { name: "Sarah J.", handle: "@sj_work", testimonial: "My go-to remote workspace. The WiFi is solid and the atmosphere is pure zen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-blonde-woman-working-home_23-2148471023.jpg" },
              { name: "Alex B.", handle: "@alexb_art", testimonial: "The neon accents and the coffee quality? Perfection. Instagram gold.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/double-date-with-best-friends-homey-atmosphere-quiet-small-local-cafe_8353-10582.jpg" },
              { name: "Chloe Z.", handle: "@chloez", testimonial: "A sanctuary. Really appreciate the curated feel of this space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-homewear_23-2150172269.jpg" }
            ]}
            tag="New Season Now Open"
            buttons={[{ text: "Explore the Vibe", href: "#vibe" }, { text: "Visit Us Today", href: "#contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg", alt: "Customer profile one" },
              { src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", alt: "Customer profile two" },
              { src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer profile three" },
              { src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg", alt: "Customer profile four" },
              { src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-sitting-cafe-holding-smartphone-chatting-messaging-while-drinki_1258-124875.jpg", alt: "Customer profile five" }
            ]}
            avatarText="Join our community of 500+ locals"
          />
        </div>

        <div id="about" data-section="about">
          <MediaAbout
            useInvertedBackground={false}
            title="Crafted for Connection"
            description="We believe a café should be more than a transaction. It's a sanctuary for the dreamers, the makers, and the social spirits. From our locally sourced beans to our curated board game library, every detail is intentional."
            buttons={[{ text: "Our Story", href: "#" }]}
            imageSrc="http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg"
          />
        </div>

        <div id="vibe" data-section="vibe">
          <FeatureCardTwentyFive
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              { title: "Artisan Brewing", description: "Precision-crafted pour-overs and signature espresso blends.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cookies-fresh-coffee-made-from-coffee-beans_23-2148326705.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-618.jpg" }] },
              { title: "Gourmet Bites", description: "Handcrafted burgers, toasts, and seasonal small plates.", icon: Utensils, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509050.jpg" }] },
              { title: "Social Play", description: "Hand-picked board games for group nights and date weekends.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/good-friends-playing-tabletop-game_23-2147718788.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407011.jpg" }] }
            ]}
            title="The Sanctuary Experience"
            description="Discover what makes our space the premier aesthetic hangout."
          />
        </div>

        <div id="menu" data-section="menu">
          <ProductCardThree
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            products={[
              { id: "p1", name: "Signature Roast", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-raw-dry-buckwheat-placed-blue-surface_2831-8947.jpg" },
              { id: "p2", name: "Sanctuary Burger", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomato-sauteed-bell-peppers-parsley-lemon-olive-oil_141793-2287.jpg" },
              { id: "p3", name: "Double Choc Tart", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-ice-cream-ball-forest-berries-top_114579-2314.jpg" },
              { id: "p4", name: "Iced Matcha Latte", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648689.jpg" },
              { id: "p5", name: "Avocado Sourdough", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/red-smoothie-breakfast-white-table-near-window_23-2148067179.jpg" },
              { id: "p6", name: "Classic Flat White", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-coffee-cup_23-2148892840.jpg" }
            ]}
            title="Signature Menu"
            description="Curated flavors, thoughtfully prepared."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardSeven
            textboxLayout="default"
            useInvertedBackground={false}
            animationType="slide-up"
            metrics={[
              { id: "m1", value: "12+", title: "Artisan Roasts", items: ["Local partners", "Small batch", "Fair trade"] },
              { id: "m2", value: "50+", title: "Board Games", items: ["Strategy", "Classics", "Party games"] },
              { id: "m3", value: "4.9★", title: "Community Rating", items: ["Top-rated", "Local gem", "Well loved"] }
            ]}
            title="The Sanctuary by the Numbers"
            description="Evidence of our commitment to quality and community."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSix
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            testimonials={[
              { id: "t1", name: "Maya Lee", handle: "@maya.creates", testimonial: "So aesthetic, I could spend all day here editing videos.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg" },
              { id: "t2", name: "Liam V.", handle: "@liamv", testimonial: "Best burger in town and a great vibe for the crew.", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-cafe-with-cup-coffee-tea-photo-with-shadows_231208-5209.jpg" },
              { id: "t3", name: "Sarah J.", handle: "@sj_work", testimonial: "The perfect remote working sanctuary, so peaceful.", imageSrc: "http://img.b2bpic.net/free-photo/young-freelancer-is-reading-her-notes-while-sitting-her-office_613910-15038.jpg" },
              { id: "t4", name: "Alex B.", handle: "@alexb_art", testimonial: "The coffee quality is unmatched. Pure perfection.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg" },
              { id: "t5", name: "Chloe Z.", handle: "@chloez", testimonial: "A truly curated experience that feels like home.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg" }
            ]}
            title="Loved by the Community"
            description="Hear what our regulars are saying about the Sanctuary experience."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            textboxLayout="default"
            useInvertedBackground={false}
            faqs={[
              { id: "f1", title: "Do you have free WiFi?", content: "Yes, high-speed, reliable fiber internet for all our creative guests." },
              { id: "f2", title: "Can I bring my pet?", content: "Yes! Our patio is pet-friendly for all well-behaved furry friends." },
              { id: "f3", title: "Do you host events?", content: "We do private bookings for groups of 10 or more. Email us for inquiries." }
            ]}
            title="Common Questions"
            description="Everything you need to know about our café life."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplit
            useInvertedBackground={false}
            background={{ variant: "gradient-bars" }}
            tag="Visit Us"
            title="Come Join the Vibe"
            description="Join 500+ locals and get exclusive monthly secret menu alerts and event updates"
            imageSrc="http://img.b2bpic.net/free-photo/beautiful-tattooed-girl-wearing-denim-coat-holding-cup-with-takeaway-coffee-outside-near-cafe_613910-5121.jpg"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="Sanctuary"
            copyrightText="© 2025 Sanctuary Café. All rights reserved."
            socialLinks={[
              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
              { icon: Facebook, href: "#", ariaLabel: "Facebook" }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}