"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Experience",          id: "#experience"},
        {
          name: "Drinks",          id: "#drinks"},
        {
          name: "People Notice",          id: "#reviews"},
        {
          name: "Visit",          id: "#visit"},
      ]}
      brandName="Sawada Coffee"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain"}}
      title="Worth the Wait."
      description="Specialty coffee in the heart of Fulton Market, Chicago."
      buttons={[
        {
          text: "Find Us",          href: "#visit"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-pretty-woman-walking-through-streets-old-city_158595-2794.jpg",          imageAlt: "Moody coffee shop interior with amber lighting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-work-together-using-various-gadgets-having-conversation_627829-5231.jpg",          imageAlt: "Bustling coffee counter with customers"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244547.jpg",          imageAlt: "Atmospheric view inside a specialty coffee bar"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15930.jpg",          imageAlt: "Happy friends sitting in a cozy cafe"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/crackers-dirty-tea-cups-aside_114579-17218.jpg",          imageAlt: "Small coffee shop items arrangement on a counter"},
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="atmosphere" data-section="atmosphere">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="\"Walking up to Sawada, the line was already out the door… once you step inside, the atmosphere is vibrant and bustling.\""
      description="— Zayoodi A., Google Review"
      bulletPoints={[
        {
          title: "Vibrant Energy",          description: "A bustling, yet comfortable space that hums with conversation and the aroma of fresh coffee."},
        {
          title: "Warm & Inviting",          description: "Exposed brick and amber lighting create an intimate, sophisticated urban escape."},
      ]}
      mediaAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/two-cappuccino-coffee-transparent-glass_23-2147908380.jpg"
      imageAlt="High angle shot of multiple cups of coffee with milk on a dark table"
    />
  </div>

  <div id="experience" data-section="experience">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Creative drinks. Knowledgeable baristas. A vibe you can't fake."
      description="Tucked behind a door in Fulton Market, Sawada is the kind of place people talk about in lists and whisper to friends. Our baristas know the menu inside out — come in and let them surprise you."
      bulletPoints={[
        {
          title: "Artisanal Craft",          description: "Each drink is a masterpiece, crafted with precision and passion by our expert baristas."},
        {
          title: "Authentic Setting",          description: "More than just coffee, it's an experience — a true taste of Chicago's underground cool."},
      ]}
      mediaAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/delicious-organic-latte-macchiato-with-milk_23-2148420329.jpg"
      imageAlt="A cup of coffee latte on a rustic wood table in a coffee shop cafe"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google Reviews",        "Yelp",        "TripAdvisor",        "Fulton Market Collective",        "Chicago Food Guide",        "Eater Chicago",        "Timeout Chicago"]}
      title="Trusted by Fellow Coffee Lovers."
      description="Our reputation is built on countless satisfied customers and a passion for exceptional coffee."
      showCard={true}
    />
  </div>

  <div id="drinks" data-section="drinks">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "military-latte",          name: "Military Latte",          price: "—",          imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg",          imageAlt: "The Military Latte"},
        {
          id: "white-mocha",          name: "White Mocha Cold Brew",          price: "—",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg",          imageAlt: "The White Mocha Cold Brew"},
        {
          id: "hojicha-latte",          name: "Hojicha Latte",          price: "—",          imageSrc: "http://img.b2bpic.net/free-photo/cup-with-tea-herbs_23-2148550487.jpg",          imageAlt: "The Hojicha Latte"},
      ]}
      title="Signature Drinks"
      description="Discover the unique flavors that make Sawada Coffee a Chicago favorite."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "review-1",          name: "Hoosieronthemove",          handle: "(Local Guide)",          testimonial: "\"When the line is going out the door on a 15-degree day, you know the coffee is good and worth the wait.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-happy-pretty-young-woman_1262-4811.jpg",          imageAlt: "Reviewer avatar"},
        {
          id: "review-2",          name: "MJ Rittgers",          handle: "(Local Guide)",          testimonial: "\"The barista was super knowledgeable and recommended us delicious drinks. Creative and well done.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-1420.jpg",          imageAlt: "Reviewer avatar"},
        {
          id: "review-3",          name: "Zayoodi Anthony",          handle: "(Local Guide)",          testimonial: "\"The atmosphere is vibrant and bustling. A lowkey spot — once you step inside, you get it.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-design-building-model-maquette-work-man-builder-working-with-digital-device-plan-construction-project-blueprints-urban-development_482257-27902.jpg",          imageAlt: "Reviewer avatar"},
        {
          id: "review-4",          name: "John D.",          handle: "Google Review",          testimonial: "\"Sawada Coffee is truly a hidden gem. The quality of their coffee and the overall vibe is unmatched.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-street-holding-laptop_1303-31617.jpg",          imageAlt: "Reviewer avatar"},
        {
          id: "review-5",          name: "Jane S.",          handle: "Google Review",          testimonial: "\"An exceptional coffee experience. The staff is always friendly and the drinks are consistently perfect.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1695.jpg",          imageAlt: "Reviewer avatar"},
      ]}
      showRating={true}
      title="People Notice."
      description="4.6 stars · 2,190 reviews"
    />
  </div>

  <div id="visit" data-section="visit">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      title="Sawada Coffee"
      description="112 N Green St, Chicago, IL 60607\nFulton Market District\nHours: Mon–Fri 7am–5pm · Sat–Sun 8am–5pm"
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-architecture-building-seoul-city_74190-3350.jpg"
      imageAlt="Google Map showing Sawada Coffee location"
      mediaAnimation="blur-reveal"
      mediaPosition="right"
      inputPlaceholder="hidden"
      buttonText="hidden"
      termsText="hidden"
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=Sawada+Coffee+112+N+Green+St,+Chicago,+IL+60607"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Sawada Coffee"
      columns={[
        {
          title: "Location",          items: [
            {
              label: "112 N Green St",              href: "#visit"},
            {
              label: "Chicago, IL 60607",              href: "#visit"},
            {
              label: "Mon–Fri: 7am–5pm",              href: "#visit"},
            {
              label: "Sat–Sun: 8am–5pm",              href: "#visit"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/sawadacoffee"},
            {
              label: "Contact Us",              href: "mailto:info@sawadacoffee.com"},
          ],
        },
      ]}
      copyrightText="© 2025 Sawada Coffee"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
