"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Tích Coffee"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "testimonials" },
            { name: "Gallery", id: "gallery" },
            { name: "Visit", id: "contact" }
          ]}
          button={{
            text: "Get Directions",            href: "https://maps.google.com/?q=161+Đào+Sư+Tích+Phước+Kiển+Nhà+Bè+Ho+Chi+Minh+City"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Tích Coffee"
          description="Your Cozy Coffee Spot in Nhà Bè"
          tag="Every cup tells a story"
          tagAnimation="slide-up"
          buttons={[
            { text: "View Menu", href: "#menu" },
            {
              text: "Get Directions",              href: "https://maps.google.com/?q=161+Đào+Sư+Tích+Phước+Kiển+Nhà+Bè+Ho+Chi+Minh+City"
            }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
          imageAlt="Cozy Vietnamese coffee shop interior with warm lighting"
          showDimOverlay={true}
          showBlur={true}
          ariaLabel="Hero section - Welcome to Tích Coffee"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Our Story" }
          ]}
          useInvertedBackground={true}
          ariaLabel="About Tích Coffee section"
          buttons={[
            { text: "Learn More", href: "#menu" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Menu Highlights"
          description="Discover our carefully curated selection of Vietnamese coffee, refreshing drinks, and delicious light bites. Every item is crafted with care and passion."
          tag="Affordable Coffee for Everyday Moments"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "vietnamese-coffee",              brand: "☕ Coffee",              name: "Vietnamese Coffee & Bạc Xỉu",              price: "₫15,000 - ₫35,000",              rating: 5,
              reviewCount: "Signature Drinks",              imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-served-long-glass_140725-3355.jpg",              imageAlt: "Vietnamese iced coffee bạc xỉu traditional"
            },
            {
              id: "cold-drinks",              brand: "🧊 Cold",              name: "Iced Coffee & Milk Tea",              price: "₫18,000 - ₫30,000",              rating: 5,
              reviewCount: "Refreshing",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-enjoying-blue-matcha-home_23-2150687533.jpg",              imageAlt: "Cold refreshing drinks - iced coffee and milk tea"
            },
            {
              id: "light-bites",              brand: "🍰 Snacks",              name: "Cakes & Light Bites",              price: "₫10,000 - ₫25,000",              rating: 5,
              reviewCount: "Homemade",              imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-croissants-fruits_23-2148169134.jpg",              imageAlt: "Fresh cakes and pastries perfect with coffee"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Join our community and experience why locals love Tích Coffee. With a 4.9/5 rating from 37 Google reviews, we're proud to be Nhà Bè's favorite neighborhood café."
          tag="⭐ 4.9 out of 5 - Based on 37 Google Reviews"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Lan Nguyễn",              handle: "@lannguyenhanoi",              testimonial: "Cozy place with great coffee and friendly staff. Perfect café to relax or work in Nhà Bè. I come here almost every day!",              imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-wearing-casual-clothes-celebrating-surprised-amazed-success-with-arms-raised-eyes-closed_839833-26826.jpg",              imageAlt: "Lan Nguyễn"
            },
            {
              id: "2",              name: "Minh Trần",              handle: "@minhvietcafe",              testimonial: "Affordable drinks and comfortable atmosphere. The barista really knows how to make perfect Vietnamese coffee. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-standing-with-arms-crossed-gesture-street_839833-26383.jpg",              imageAlt: "Minh Trần"
            },
            {
              id: "3",              name: "Hoa Võ",              handle: "@hoavanhanoi",              testimonial: "My favorite spot to meet friends and chat. The ambiance is so relaxing, and the coffee is delicious. Always worth a visit!",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",              imageAlt: "Hoa Võ"
            },
            {
              id: "4",              name: "Thanh Lý",              handle: "@thanhlywork",              testimonial: "Great place for working remotely. Quiet, comfortable, and the Wi-Fi is reliable. Plus, the staff is super helpful!",              imageSrc: "http://img.b2bpic.net/free-photo/guy-shopping-center-with-thumb-up_1149-241.jpg",              imageAlt: "Thanh Lý"
            },
            {
              id: "5",              name: "Thúy Hương",              handle: "@thuyhuangnews",              testimonial: "The coffee quality is exceptional for the price. You can tell they care about every cup they serve. Love this place!",              imageSrc: "http://img.b2bpic.net/free-photo/business-beautiful-beauty-background-app_1303-2334.jpg",              imageAlt: "Thúy Hương"
            },
            {
              id: "6",              name: "Quang Hùng",              handle: "@quanghung88",              testimonial: "A hidden gem in Nhà Bè. Friendly atmosphere, great vibes, and delicious drinks. Definitely my new go-to café!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-man-laughing_1262-1566.jpg",              imageAlt: "Quang Hùng"
            }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardSix
          title="Gallery"
          description="Step into our world and discover the warm, inviting atmosphere of Tích Coffee. From our cozy interior to perfectly crafted drinks, every moment captures the essence of neighborhood community."
          tag="Instagram-Friendly Café Aesthetic"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Café Exterior",              description: "Our welcoming storefront on the quiet streets of Nhà Bè, where neighbors gather.",              imageSrc: "http://img.b2bpic.net/free-photo/japanese-barista-woman-face-mask-cafe_53876-98404.jpg",              imageAlt: "Tích Coffee storefront exterior"
            },
            {
              id: 2,
              title: "Expert Barista",              description: "Skilled hands crafting each cup with precision and passion for Vietnamese coffee culture.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-484.jpg",              imageAlt: "Barista preparing Vietnamese coffee"
            },
            {
              id: 3,
              title: "Comfortable Seating",              description: "Warm, wooden furniture and green plants create the perfect environment to relax or work.",              imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg",              imageAlt: "Café seating area with wooden furniture"
            },
            {
              id: 4,
              title: "Community Moments",              description: "Friends meeting, laptops open, quiet conversations—the heart of our neighborhood café.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-laptop_23-2149358476.jpg",              imageAlt: "Customers enjoying the café atmosphere"
            },
            {
              id: 5,
              title: "Green Ambiance",              description: "Natural plants and warm lighting create a peaceful, inviting escape from the busy city.",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",              imageAlt: "Green plants decorating the café"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="📍 Location & Hours"
          title="Visit Tích Coffee"
          description="Located in the heart of Nhà Bè, we welcome you to experience great coffee, friendly service, and a relaxing atmosphere. Whether you're stopping by for a quick coffee or settling in for a few hours to work or meet friends, we're here for you."
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-vector/tablet-with-road-map-collection-pointers_23-2147576803.jpg"
          imageAlt="Location map of Tích Coffee in Nhà Bè"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email for updates"
          buttonText="Subscribe for News"
          termsText="By subscribing, you agree to receive updates about new drinks, promotions, and special events at Tích Coffee."
          ariaLabel="Contact and visit information section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
          imageAlt="Tích Coffee café interior"
          logoText="Tích Coffee"
          copyrightText="© 2025 Tích Coffee – Nhà Bè | Fresh Coffee • Friendly Atmosphere • Local Community"
          columns={[
            {
              title: "About Us",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Gallery", href: "#gallery" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "📞 0825 931 578", href: "tel:+84825931578" },
                { label: "📍 161 Đào Sư Tích, Nhà Bè", href: "https://maps.google.com/?q=161+Đào+Sư+Tích+Phước+Kiển+Nhà+Bè+Ho+Chi+Minh+City" },
                { label: "⏰ 7:00 AM – Evening", href: "#" },
                { label: "Google Reviews", href: "https://www.google.com/maps/search/T%C3%ADch+Coffee+Nh%C3%A0+B%C3%A8" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Facebook", href: "https://www.facebook.com" },
                { label: "Instagram", href: "https://www.instagram.com" },
                { label: "Subscribe", href: "#contact" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookies", href: "#" },
                { label: "Sitemap", href: "#" }
              ]
            }
          ]}
          ariaLabel="Site footer with contact information and links"
        />
      </div>
    </ThemeProvider>
  );
}
