"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import { Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="large"
      sizing="small"
      background="radialGradient"
      cardStyle="spotlight"
      primaryButtonStyle="outline"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Mongusta"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="MONGUSTA"
          description="Experience premium specialty coffee in the heart of Amsterdam. Handcrafted beverages, locally roasted beans, and a welcoming community space where coffee lovers unite."
          buttons={[
            { text: "View Menu", href: "menu" },
            { text: "Visit Us", href: "contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140051179-xqh9zjdi.jpg"
          imageAlt="Fresh espresso drink at Mongusta coffee shop"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          tag="Our Story"
          title="Crafted for Coffee Enthusiasts"
          description="Mongusta brings specialty coffee culture to Amsterdam with a commitment to quality, sustainability, and community. Founded in 2018, we source the finest beans from ethical producers and roast them fresh daily."
          features={[
            {
              id: "roasting",
              title: "Artisan Roasting",
              description: "Small batch roasting ensures every bean reaches peak flavor. Our roasters work with passion to bring out unique characteristics from each origin.",
              label: "Daily Fresh"
            },
            {
              id: "atmosphere",
              title: "Welcoming Space",
              description: "More than a cafe, Mongusta is a gathering place. Comfortable seating, free wifi, and a warm atmosphere make it perfect for work or conversation.",
              label: "Community First"
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Menu"
          description="Discover our signature drinks crafted with precision and passion"
          products={[
            {
              id: "1",
              brand: "Mongusta",
              name: "Signature Latte",
              price: "€4.50",
              rating: 5,
              reviewCount: "320",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg",
              imageAlt: "Smooth and creamy signature latte"
            },
            {
              id: "2",
              brand: "Mongusta",
              name: "Double Espresso",
              price: "€2.80",
              rating: 5,
              reviewCount: "450",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321575502-dja1nmgo.jpg",
              imageAlt: "Rich and bold double espresso shot"
            },
            {
              id: "3",
              brand: "Mongusta",
              name: "Iced Cold Brew",
              price: "€4.20",
              rating: 5,
              reviewCount: "280",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140058956-okqwoo8n.jpg",
              imageAlt: "Refreshing cold brew concentrate"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          containerStyle="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSeven
          team={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Damiano Patri, Owner and Founder"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
              imageAlt: "Lorenzo Noya, Co-Founder"
            }
          ]}
          title="Meet Our Team"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Join hundreds of coffee lovers who have made Mongusta their favorite spot in Amsterdam"
          testimonials={[
            {
              id: "1",
              name: "Sophie van der Berg, Amsterdam Local",
              date: "Date: 15 January 2025",
              title: "Best coffee in the city",
              quote: "I come to Mongusta almost every day. The quality is unmatched and the atmosphere is so welcoming. This is where coffee meets community.",
              tag: "Regular",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
            },
            {
              id: "2",
              name: "Marco Rossi, Entrepreneur",
              date: "Date: 10 January 2025",
              title: "Perfect workspace",
              quote: "As a freelancer, I need a good workspace with excellent coffee. Mongusta delivers on both fronts. The wifi is reliable and the team is incredibly friendly.",
              tag: "Frequent Visitor",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg"
            },
            {
              id: "3",
              name: "Emma Johnson, Designer",
              date: "Date: 8 January 2025",
              title: "Inspiring place",
              quote: "Mongusta inspires creativity. The minimalist design, quality coffee, and creative energy make it my favorite place to brainstorm and work on projects.",
              tag: "Creative",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321576736-ix2lum2h.jpg"
            },
            {
              id: "4",
              name: "Jan de Wit, Coffee Connoisseur",
              date: "Date: 5 January 2025",
              title: "Exceptional quality",
              quote: "Finally, a coffee shop that respects the craft. The single-origin selections are outstanding, and the baristas really know their stuff.",
              tag: "Enthusiast",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Visit Mongusta or get in touch. We are located in the heart of Amsterdam, open 7 days a week."
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Us", href: "#" },
            { text: "Find Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Mongusta"
          copyrightText="© Mongusta Coffee Shop, Amsterdam 2025"
          columns={[
            {
              title: "Shop",
              items: [
                { label: "Menu", href: "menu" },
                { label: "Coffee Beans", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Info",
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
