"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Coffee, Users, Leaf, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Drink Morning"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "https://example.com/order"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Your Morning Ritual Starts Here"
          description="Discover the perfect blend of premium specialty coffee and handcrafted pastries at Drink Morning. Experience the warmth, aroma, and excellence in every cup."
          background={{ variant: "plain" }}
          tag="Specialty Coffee"
          tagIcon={Coffee}
          buttons={[
            { text: "Order Now", href: "https://example.com/order" },
            { text: "Visit Us", href: "#contact" }
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg",              imageAlt: "Specialty latte with latte art"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg",              imageAlt: "Premium cappuccino"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-barista-with-apron-holding-decorated-coffee-glass_23-2148824459.jpg",              imageAlt: "Refreshing cold brew"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg",              imageAlt: "Signature flat white"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Crafting the perfect coffee experience since 2015"
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn Our Story",              href: "#features"
            }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Espresso Shot",              price: "$3.50",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg",              imageAlt: "Double espresso shot"
            },
            {
              id: "2",              name: "Signature Latte",              price: "$5.50",              imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8043.jpg",              imageAlt: "Creamy latte with latte art"
            },
            {
              id: "3",              name: "Macchiato",              price: "$4.75",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-coffee-cup_23-2150244119.jpg",              imageAlt: "Traditional macchiato"
            }
          ]}
          title="Signature Specialty Drinks"
          description="Hand-crafted beverages made with premium, ethically-sourced beans and expert precision. Each drink is a masterpiece."
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Premium Selection"
        />
      </div>

      <div id="pastries" data-section="pastries">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Butter Croissant",              price: "$4.25",              imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Warm butter croissant"
            },
            {
              id: "2",              name: "Blueberry Muffin",              price: "$3.75",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-delicious-croissants-being-prerpared_181624-56837.jpg",              imageAlt: "Fresh blueberry muffin"
            },
            {
              id: "3",              name: "Glazed Donut",              price: "$2.50",              imageSrc: "http://img.b2bpic.net/free-photo/bread-shop-bake-dough-flour-bakery_53876-31655.jpg",              imageAlt: "Sweet glazed donut"
            }
          ]}
          title="Fresh Baked Pastries & Snacks"
          description="Delicious, artisanal pastries baked fresh daily. Pair perfectly with your morning coffee."
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Freshly Baked"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          metrics={[
            {
              id: "1",              value: "15K+",              title: "Happy Customers",              description: "Regular patrons who visit us weekly",              icon: Users
            },
            {
              id: "2",              value: "500+",              title: "Cups Served Daily",              description: "Perfectly crafted beverages every day",              icon: Coffee
            },
            {
              id: "3",              value: "100%",              title: "Ethically Sourced",              description: "Premium beans from sustainable farms",              icon: Leaf
            },
            {
              id: "4",              value: "9/10",              title: "Customer Rating",              description: "Consistently ranked top in our city",              icon: Star
            }
          ]}
          title="Drink Morning by the Numbers"
          description="Join thousands of coffee lovers who trust us for their daily ritual"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "The best coffee in the city! The atmosphere is cozy and the baristas really know their craft. I can't start my day without Drink Morning.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jchen_coffee",              testimonial: "Exceptional quality at reasonable prices. Every visit feels like coming home. Their flat white is absolutely perfection.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmarodesign",              testimonial: "The pastries are incredible and pair beautifully with the coffee. Perfect spot for morning meetings with clients. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@michaelpark_",              testimonial: "A true specialty coffee destination. The baristas take pride in every cup, and it shows. Worth every penny.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "@lisathompson",              testimonial: "Finally found a cafe that values quality over quantity. The attention to detail in every drink is remarkable. My new favorite place!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",              name: "David Wong",              handle: "@davidwongcoffee",              testimonial: "Outstanding consistency and flavor. The team is friendly and knowledgeable. This is where I spend my mornings and it's worth it.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "David Wong"
            }
          ]}
          title="What Our Customers Say"
          description="Hear from coffee lovers who've made Drink Morning part of their daily routine"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          speed={40}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            {
              id: "1",              title: "What coffee beans do you use?",              content: "We source 100% ethically-sourced, single-origin beans from sustainable farms around the world. Our beans are roasted fresh in-house twice weekly to ensure peak flavor and aroma."
            },
            {
              id: "2",              title: "Do you offer vegan milk alternatives?",              content: "Yes! We offer almond, oat, soy, and coconut milk options for all our beverages at no additional charge. We also have dairy-free pastry options available."
            },
            {
              id: "3",              title: "What are your operating hours?",              content: "Monday to Friday: 6:30 AM - 7:00 PM\nSaturday: 7:00 AM - 8:00 PM\nSunday: 8:00 AM - 6:00 PM\nWe're closed on major holidays."
            },
            {
              id: "4",              title: "Do you have seating and WiFi?",              content: "Yes! We have comfortable seating for both individuals and groups, plus free high-speed WiFi. We welcome laptop workers and students during all hours."
            },
            {
              id: "5",              title: "Can I place a catering order?",              content: "Absolutely! We offer corporate catering packages for meetings, events, and offices. Please contact us at least 48 hours in advance for catering requests."
            },
            {
              id: "6",              title: "Do you have a loyalty program?",              content: "Yes! Bring your reusable cup for a 10% discount on any beverage. We also offer a free drink card after every 10 purchases."
            }
          ]}
          title="Frequently Asked Questions"
          description="Everything you need to know about Drink Morning, our menu, and services"
          imageSrc="http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg"
          imageAlt="Drink Morning Cafe Interior"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch with Us"
          description="Have questions about our coffee, pastries, or events? We'd love to hear from you. Reach out anytime and we'll respond within 24 hours."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "your@email.com",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "(555) 123-4567",              required: false
            },
            {
              name: "subject",              type: "text",              placeholder: "How can we help?",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what's on your mind...",            rows: 5,
            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg"
          imageAlt="Drink Morning Team"
          mediaPosition="left"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Drink Morning"
          columns={[
            {
              items: [
                { label: "Menu", href: "#menu" },
                { label: "Catering", href: "#contact" },
                { label: "Gift Cards", href: "https://example.com/giftcards" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "https://example.com/sustainability" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "#contact" },
                { label: "Location", href: "https://maps.google.com" },
                { label: "Hours", href: "#faq" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}