"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Coffee Haven"
          navItems={[
            { name: "Menu", id: "features" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Visit Us",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Brew Perfection, Sip Happiness"
          description="Welcome to Coffee Haven, where every cup is crafted with passion and served with warmth. Experience the finest specialty coffee in a welcoming atmosphere designed for relaxation and connection."
          tag="Premium Coffee Experience"
          buttons={[
            { text: "View Our Menu", href: "#features" },
            { text: "Reserve a Table", href: "#contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919707214-xfwl0qtf.jpg"
          imageAlt="Cozy Coffee Shop Interior"
          frameStyle="card"
          metricsLabel="Trusted by coffee lovers and professionals"
          metrics={[
            { id: "1", value: "15+", label: "Years of Excellence" },
            { id: "2", value: "8K+", label: "Happy Customers" },
            { id: "3", value: "100%", label: "Quality Guarantee" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Our Specialty Offerings"
          description="Discover what makes Coffee Haven unique - from signature blends to premium pastries"
          tag="Menu"
          features={[
            {
              id: "01",
              title: "Specialty Espresso Drinks",
              description: "Expertly crafted espresso-based beverages made with single-origin beans and precision technique",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919708873-ytcp5e0t.jpg",
              imageAlt: "Specialty Espresso Drinks"
            },
            {
              id: "02",
              title: "Fresh Pastries & Bakery",
              description: "Daily baked goods featuring organic ingredients and artisanal recipes from local bakers",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919711870-pqmtpepw.jpg",
              imageAlt: "Fresh Pastries"
            },
            {
              id: "03",
              title: "Cozy Atmosphere",
              description: "A warm, inviting space designed for conversations, work sessions, or quiet reflection",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919713358-250dmtaa.jpg",
              imageAlt: "Coffee Shop Atmosphere"
            },
            {
              id: "04",
              title: "Work-Friendly Café",
              description: "Reliable WiFi, comfortable seating, and power outlets for professionals and remote workers",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919714903-peohmaas.jpg",
              imageAlt: "Workspace Facilities"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Our Coffee Story"
          description="Founded with a passion for exceptional coffee and genuine human connection, Coffee Haven has been serving our community for over 15 years. We believe every cup tells a story - from the farmers who grow the beans to the hands that craft your drink. Our commitment to quality, sustainability, and customer care is what sets us apart."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919716883-zgfn7bv1.jpg"
          imageAlt="Skilled Barista Preparing Coffee"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919718932-46zkjjkj.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919719902-9d9xokbi.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Davis",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919721068-hquen5z9.jpg",
              imageAlt: "Emily Davis"
            },
            {
              id: "4",
              name: "James Wilson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919722288-3udpi897.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          cardTitle="Over 8,000 customers trust Coffee Haven for their daily coffee fix"
          cardTag="Loved by our community"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Visit Coffee Haven"
          description="Stop by today or get in touch with us. We're open Monday to Sunday, serving great coffee and warm welcomes from 7am to 8pm."
          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",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us what brings you in today...",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919710075-t6o45sqb.jpg"
          imageAlt="Coffee Beans"
          logoText="Coffee Haven"
          copyrightText="© 2025 Coffee Haven. Crafted with passion."
          columns={[
            {
              title: "Quick Links",
              items: [
                { label: "Home", href: "#hero" },
                { label: "Menu", href: "#features" },
                { label: "About", href: "#about" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Monday - Friday: 7am - 8pm" },
                { label: "Saturday - Sunday: 8am - 9pm" },
                { label: "Closed on major holidays" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email Us", href: "mailto:hello@coffeehaven.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}