"use client";

import { MapPin, Phone, Mail } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardMetrics from "@/components/sections/hero/HeroBillboardMetrics";
import MediaSplitTabsAbout from "@/components/sections/about/MediaSplitTabsAbout";
import ProductCardSeven from "@/components/sections/product/ProductCardSeven";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSplit from "@/components/sections/footer/FooterSplit";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="solid-accent-light"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Bambo"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Visit Us",
            href: "#contact"
          }}
          buttonClassName="px-6 py-2.5 rounded-full font-medium transition-all"
          buttonTextClassName="text-sm font-semibold"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Welcome to Bambo Coffee"
          description="Discover our carefully sourced beans and expertly crafted coffee in a cozy atmosphere perfect for work, meetings, or simply enjoying the moment."
          tag="Premium Coffee Experience"
          buttons={[
            { text: "View Our Menu", href: "#products" },
            { text: "Visit Us Today", href: "#contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766499824610-acp33r7e.jpg"
          imageAlt="Fresh coffee cup in Bambo cafe"
          frameStyle="card"
          metricsLabel="Trusted by coffee lovers and professionals worldwide"
          metrics={[
            { id: "1", value: "5+", label: "Years of Excellence" },
            { id: "2", value: "10k+", label: "Happy Customers" },
            { id: "3", value: "20+", label: "Specialty Drinks" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Bambo"
          description="Crafting exceptional coffee experiences since day one"
          tabs={[
            {
              id: "sourcing",
              label: "Sourcing",
              description: "We partner with ethical coffee farmers worldwide to bring you the freshest, highest-quality beans. Each origin is carefully selected for its unique flavor profile and sustainability practices."
            },
            {
              id: "roasting",
              label: "Roasting",
              description: "Our in-house roasting process is an art form. We roast small batches daily to ensure peak freshness. From light to dark roasts, every bean is treated with precision and care."
            },
            {
              id: "atmosphere",
              label: "Atmosphere",
              description: "Bambo is more than coffee. It is a space where ideas flow, connections are made, and moments are cherished. Our welcoming environment is designed for both solitude and community."
            },
            {
              id: "baristas",
              label: "Our Team",
              description: "Our passionate baristas are trained to craft the perfect cup every time. They love what they do and it shows in every espresso shot, latte art, and friendly conversation."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161458694-we6v18eq.jpg"
          imageAlt="Bambo coffee roasting process"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardSeven
          title="Our Menu"
          description="Explore our selection of carefully crafted coffee drinks and specialty beverages"
          tag="Featured Items"
          products={[
            {
              id: "espresso",
              name: "Classic Espresso",
              price: "3.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766499825289-ykj33drq.jpg",
              imageAlt: "Classic espresso shot"
            },
            {
              id: "latte",
              name: "Signature Latte",
              price: "5.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766499826244-ebht0pu9.jpg",
              imageAlt: "Smooth latte with latte art"
            },
            {
              id: "cold-brew",
              name: "Cold Brew",
              price: "4.75",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766499827182-mfikwxl7.jpg",
              imageAlt: "Refreshing cold brew coffee"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Read testimonials from coffee lovers who experience Bambo daily"
          testimonials={[
            {
              id: "1",
              title: "Best coffee in the neighborhood",
              quote: "I've tried many cafes, but Bambo stands out with their quality and attention to detail. The baristas truly care about making the perfect cup.",
              name: "Sarah Mitchell",
              role: "Marketing Professional",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490272198-yzkfctxq.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              title: "My second office",
              quote: "I spend hours here working, and the atmosphere is perfect. Free wifi, comfortable seating, and endless great coffee. What more could I ask for?",
              name: "James Chen",
              role: "Software Developer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766499828035-3aa8k9f8.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              title: "Exceptional customer service",
              quote: "The team at Bambo remembers your name and favorite order. That personal touch combined with excellent coffee makes it my go-to spot.",
              name: "Emma Rodriguez",
              role: "Business Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161461696-6yzx562u.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              title: "Perfect for meetings",
              quote: "I meet my clients at Bambo regularly. The quiet corners, quality beverages, and professional vibe make it ideal for business conversations.",
              name: "Michael Park",
              role: "Consultant",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161462571-myn8guws.jpg",
              imageAlt: "Michael Park"
            },
            {
              id: "5",
              title: "Amazing selection",
              quote: "From single-origin pour overs to creative specialty drinks, there is something for every coffee preference. Highly recommend!",
              name: "Lisa Thompson",
              role: "Coffee Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161463140-dhakoj2t.jpg",
              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",
              title: "A community gathering place",
              quote: "Bambo is more than a coffee shop. It is where I meet friends, discover new people, and feel part of a welcoming community.",
              name: "David Kim",
              role: "Artist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766499828809-p4rm4hl1.jpg",
              imageAlt: "David Kim"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience Bambo? Visit us today and join our community of coffee lovers."
          animationType="background-highlight"
          buttons={[
            { text: "Get Directions", href: "#" },
            { text: "Reserve a Table", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Bambo Coffee"
          title="Crafting exceptional coffee experiences for our community"
          columns={[
            {
              title: "Cafe",
              items: [
                { label: "Menu", href: "#products" },
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Mon - Fri: 7am - 8pm", href: "#" },
                { label: "Sat - Sun: 8am - 9pm", href: "#" },
                { label: "Closed Holidays", href: "#" }
              ]
            }
          ]}
          contactItems={[
            {
              icon: MapPin,
              text: "123 Coffee Street, City, State 12345"
            },
            {
              icon: Phone,
              text: "(555) 123-4567"
            },
            {
              icon: Mail,
              text: "hello@bambocoffee.com"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}