"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardFourteen from "@/components/sections/feature/FeatureCardFourteen";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import MetricCardSix from "@/components/sections/metrics/MetricCardSix";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import TestimonialCardEleven from "@/components/sections/testimonial/TestimonialCardEleven";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCenterForm from "@/components/sections/contact/ContactCenterForm";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Coffee, Users, Calendar, Star, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="animatedAurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="1"
          button={{
            text: "Order Now",
            href: "contact"
          }}
          className="border-b border-accent/20"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="1"
          description="Discover the art of specialty coffee. Handcrafted drinks and freshly baked pastries await you"
          buttons={[
            {
              text: "Explore Menu",
              href: "features"
            },
            {
              text: "Find Us",
              href: "contact"
            }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747385319-4gtfko8o.jpg",
              imageAlt: "Morning coffee ritual"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747386207-o30q3gy9.jpg",
              imageAlt: "Crafted espresso drinks"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747387058-55jiuo54.jpg",
              imageAlt: "Cozy cafe ambiance"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          className="min-h-screen"
          logoContainerClassName="mb-8"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="For over 15 years, 1 has been crafting exceptional coffee experiences. From sourcing premium beans to perfecting every pour, we're dedicated to bringing you the finest cup in town"
          tag="About Us"
          tagIcon={Coffee}
          buttons={[
            {
              text: "Learn More",
              href: "team"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747389876-7b6nemsk.jpg"
          imageAlt="Our cozy cafe interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen
          title="Why Choose 1"
          description="Experience the difference quality and passion make in every sip"
          features={[
            {
              id: "1",
              title: "Specialty Coffee Selection",
              description: "Single-origin beans sourced directly from farmers around the world",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747387869-aqytl8f3.jpg",
              imageAlt: "Specialty coffee selection"
            },
            {
              id: "2",
              title: "Inviting Atmosphere",
              description: "The perfect space to work, relax, or connect with friends and colleagues",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747390949-i819wdj3.jpg",
              imageAlt: "Comfortable seating area"
            },
            {
              id: "3",
              title: "Premium Quality Beans",
              description: "Hand-selected, ethically sourced, and freshly roasted weekly",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747388737-s8lkgetl.jpg",
              imageAlt: "Premium coffee beans"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Our Strengths"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Offerings"
          description="Try our most beloved coffee creations and fresh pastries"
          products={[
            {
              id: "1",
              name: "Classic Cappuccino",
              price: "$5.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747391944-wple8u0o.jpg",
              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "2",
              name: "Double Espresso Shot",
              price: "$3.75",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg",
              imageAlt: "Rich double espresso"
            },
            {
              id: "3",
              name: "Silky Latte",
              price: "$5.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747392781-6geyw4g6.jpg",
              imageAlt: "Smooth latte with microfoam"
            },
            {
              id: "4",
              name: "Fresh Croissant",
              price: "$4.25",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245914004-rta09f98.jpg",
              imageAlt: "Buttery fresh croissant"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Menu Favorites"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="By The Numbers"
          description="See how we've grown while staying true to our values"
          metrics={[
            {
              id: "1",
              value: "50K+",
              tag: "Happy Customers",
              tagIcon: Users,
              title: "Served annually across all locations"
            },
            {
              id: "2",
              value: "15+",
              tag: "Years Strong",
              tagIcon: Calendar,
              title: "Serving our community since 2010"
            },
            {
              id: "3",
              value: "98%",
              tag: "Satisfaction",
              tagIcon: Star,
              title: "Customer satisfaction rate"
            },
            {
              id: "4",
              value: "12",
              tag: "Locations",
              tagIcon: MapPin,
              title: "Spreading good coffee across the city"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="The passionate baristas and crew behind every perfect cup"
          team={[
            {
              id: "1",
              name: "Marcus Chen",
              role: "Head Barista & Co-Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140050232-2o94fs3a.jpg",
              imageAlt: "Marcus Chen"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              role: "Lead Barista",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140051179-xqh9zjdi.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",
              name: "James Rodriguez",
              role: "Coffee Master",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766478630632-lem0wjkw.jpg",
              imageAlt: "James Rodriguez"
            },
            {
              id: "4",
              name: "Elena Rossi",
              role: "Owner & Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg",
              imageAlt: "Elena Rossi"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Our Crew"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Customers Say"
          description="Real stories from people who love 1"
          testimonials={[
            {
              id: "1",
              nameTitle: "Jennifer Lopez, Regular Customer",
              quote: "1 has become my morning ritual. The coffee is exceptional and the team always remembers my order. Best cafe in town!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747394392-fdlnziw3.jpg",
              imageAlt: "Jennifer Lopez"
            },
            {
              id: "2",
              nameTitle: "David Thompson, Local Business Owner",
              quote: "I've taken countless clients here. The atmosphere, service, and coffee quality speak for themselves. Highly recommended.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747395281-t9n1rzvh.jpg",
              imageAlt: "David Thompson"
            },
            {
              id: "3",
              nameTitle: "Maria Santos, Coffee Enthusiast",
              quote: "Finally found a place that takes coffee as seriously as I do. The single-origin beans are phenomenal.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747396150-cgdd8ezw.jpg",
              imageAlt: "Maria Santos"
            },
            {
              id: "4",
              nameTitle: "Tom Wilson, Remote Worker",
              quote: "Perfect workspace with great WiFi and better coffee. I'm here almost every day. Keep it up, team!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341386591-5q8inq2x.jpg",
              imageAlt: "Tom Wilson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Reviews"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Everything you need to know about 1"
          faqs={[
            {
              id: "1",
              title: "What are your operating hours?",
              content: "We're open Monday through Friday from 6:30 AM to 7:00 PM, Saturday 8:00 AM to 6:00 PM, and Sunday 8:00 AM to 5:00 PM."
            },
            {
              id: "2",
              title: "Do you offer dairy-free milk alternatives?",
              content: "Yes! We offer almond, oat, soy, and coconut milk. Our baristas are also happy to craft custom drinks to fit your dietary preferences."
            },
            {
              id: "3",
              title: "Can I order in advance?",
              content: "Absolutely. You can call ahead or use our online ordering system for quick pickup. We also offer delivery in select areas."
            },
            {
              id: "4",
              title: "Do you have seating and WiFi?",
              content: "Yes, we have comfortable seating throughout our cafe and free high-speed WiFi for all customers. Perfect for working or studying."
            },
            {
              id: "5",
              title: "Are your beans ethically sourced?",
              content: "We're proud to work directly with farmers. All our beans are fair-trade certified and sourced from sustainable farms worldwide."
            },
            {
              id: "6",
              title: "Do you offer catering for events?",
              content: "Yes! We provide coffee and pastry catering for corporate events, meetings, and special occasions. Contact us for custom quotes."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Stay Connected"
          description="Subscribe to our newsletter for exclusive offers, new menu items, and special events. We promise not to spam your inbox."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Any feedback or questions?",
            rows: 4,
            required: false
          }}
          useInvertedBackground="noInvert"
          buttonText="Subscribe"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="1"
          columns={[
            {
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Our Team",
                  href: "team"
                },
                {
                  label: "Menu",
                  href: "features"
                }
              ]
            },
            {
              items: [
                {
                  label: "Hours",
                  href: "#"
                },
                {
                  label: "Locations",
                  href: "#"
                },
                {
                  label: "Contact",
                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "Newsletter",
                  href: "contact"
                },
                {
                  label: "Instagram",
                  href: "https://instagram.com"
                },
                {
                  label: "Facebook",
                  href: "https://facebook.com"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}