"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Coffee, Heart, Globe, Users, Star, UtensilsCrossed } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Dolce"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Visit Us", id: "visit" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve a Table", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Handcrafted Pastries, Warm Smiles, Home Away From Home"
          description="Where every visit feels like home — handcrafted pastries, rich coffee, and warm smiles served daily. Join our family of loyal guests who return for the food, stay for the hospitality."
          background="plain"
          tag="Welcome to Dolce"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Visit Us", href: "#visit" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-female-shopkeeper-standing-turkish-sweets-counter_107420-94727.jpg"
          imageAlt="Artisanal pastries and handcrafted baked goods at Dolce Bakery"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Story"
          description="Dolce Bakery & Cafe is more than just a place to grab breakfast — it's a gathering space where community comes together. Founded on the principles of authentic craftsmanship and genuine hospitality, we blend traditional Latin American breakfast techniques with contemporary cafe culture to create an experience that feels like home."
          tag="Authenticity & Craftsmanship"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[{ text: "Learn More", href: "#features" }]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "Handcrafted Daily",              description: "Every pastry and breakfast item is prepared fresh each morning using time-honored recipes and premium ingredients.",              icon: Sparkles
            },
            {
              title: "Latin American Heritage",              description: "We honor authentic flavors and traditions, bringing genuine Latin American breakfast culture to your table.",              icon: Globe
            },
            {
              title: "Warm Hospitality",              description: "Our team treats every guest like family, creating a welcoming atmosphere that keeps people coming back.",              icon: Users
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/two-women-having-lunch-together-sitting-near-window-cafe_141793-1972.jpg"
          imageAlt="Cozy interior of Dolce Bakery & Cafe showing warm hospitality"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardSeven
          title="Our Signature Offerings"
          description="Discover the handcrafted pastries and authentic breakfast items that make Dolce a beloved local favorite."
          tag="Featured Menu Items"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          buttons={[]}
          buttonAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Artisan Croissants",              description: "Butter-laminated and baked to golden perfection daily. Our croissants deliver that perfect balance of flaky layers and tender crumb that keeps guests returning.",              imageSrc: "http://img.b2bpic.net/free-photo/croissant-wooden-kitchen-towel-flat-lay_176474-8145.jpg",              imageAlt: "Golden, flaky artisan croissant"
            },
            {
              id: 2,
              title: "Traditional Empanadas",              description: "Authentic Latin American pastries filled with savory meats, cheese, and vegetables. A taste of heritage in every bite, prepared using family recipes passed down through generations.",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086033.jpg",              imageAlt: "Fresh baked traditional empanada"
            },
            {
              id: 3,
              title: "Specialty Coffee",              description: "Rich, expertly brewed coffee sourced from premium regional roasters. We pair each cup with genuine care, making every morning visit a moment of comfort and connection.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-cup_23-2148865607.jpg",              imageAlt: "Artisan specialty coffee served in cafe"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Our Community"
          description="Hear from guests who have made Dolce their home away from home."
          tag="Guest Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Maria Rodriguez",              role: "Regular Guest",              testimonial: "Dolce feels like visiting family every morning. The pastries are incredible, but it's really the warmth and genuine care from the team that keeps me coming back.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",              imageAlt: "Maria Rodriguez"
            },
            {
              id: "2",              name: "James Chen",              role: "Business Owner",              testimonial: "I started taking my morning meetings here because of the peaceful atmosphere. Now half my team joins me — it's become our favorite gathering space.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Sofia Martinez",              role: "Local Visitor",              testimonial: "The authentic flavors transport me back to my childhood breakfasts. Thank you for preserving these traditions with such care and love.",              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-office-with-spread-hands-smie-her-face_1098-20743.jpg",              imageAlt: "Sofia Martinez"
            },
            {
              id: "4",              name: "David Thompson",              role: "Frequent Guest",              testimonial: "Best croissants in the city, hands down. But more importantly, this place feels different — it's where community happens.",              imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "5",              name: "Isabella Rossi",              role: "Neighborhood Resident",              testimonial: "Dolce is the heart of our neighborhood. Everyone comes here, and everyone leaves happier. It's remarkable what genuine hospitality can create.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",              imageAlt: "Isabella Rossi"
            },
            {
              id: "6",              name: "Marcus Johnson",              role: "Community Member",              testimonial: "I've never felt so welcomed at a cafe. The team remembers my order and always asks how my day is going. That kind of care is rare.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg",              imageAlt: "Marcus Johnson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="visit" data-section="visit">
        <ContactSplitForm
          title="Visit Us Today"
          description="Stop by Dolce Bakery & Cafe to experience the warmth, quality, and hospitality that make us a beloved local gathering space. We're here to welcome you."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number (Optional)", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your visit or ask about reservations...",            rows: 4,
            required: false
          }}
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg?_wi=1"
          imageAlt="Dolce Bakery & Cafe welcoming storefront"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Get in Touch"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg?_wi=2"
          imageAlt="Dolce Bakery & Cafe storefront"
          logoText="Dolce"
          copyrightText="© 2025 Dolce Bakery & Cafe. All rights reserved."
          columns={[
            {
              title: "Hours",              items: [
                { label: "Monday - Friday: 6am - 8pm", href: "#" },
                { label: "Saturday - Sunday: 7am - 9pm", href: "#" },
                { label: "Closed Holidays", href: "#" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "Menu", href: "#menu" },
                { label: "About", href: "#about" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email", href: "mailto:hello@dolcebakery.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}

// Missing icon import: Sparkles - please import Sparkles from lucide-react
// Sparkles is used in about section bulletPoints but not imported above