"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Coffee, Instagram, Linkedin, Sparkles, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Craft Coffee Culture"
          bottomRightText="hello@brewhaven.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Brew Haven"
          description="Discover exceptional specialty coffee crafted with passion and precision. A sanctuary for coffee lovers seeking authentic, artisanal beverages."
          buttons={[
            { text: "Explore Menu", href: "menu" },
            { text: "Visit Us", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/black-man-chief-is-preparing-cake-molds-before-fill-them-with-batter-his-professional-artisan-confectionery_346278-681.jpg"
          imageAlt="Fresh coffee brewing in professional espresso machine"
          showDimOverlay={true}
        />
      </div>
      
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Coffee}
          title="Crafting Coffee Excellence Since 2015"
          description="At Brew Haven, we believe that great coffee begins with passion and precision. We source the finest beans from sustainable farms around the world and roast them in-house to achieve perfect flavor profiles. Our expert baristas are trained in the art of specialty coffee, ensuring every cup is a memorable experience."
          metrics={[
            { value: "50+", title: "Unique Coffee Blends" },
            { value: "15,000+", title: "Happy Customers Monthly" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Cozy coffee shop interior with warm lighting"
          useInvertedBackground={false}
        />
      </div>
      
      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Coffee Menu"
          description="Explore our carefully curated selection of specialty coffee beverages, from classic espresso to innovative seasonal creations."
          tag="Specialty Beverages"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",              name: "Espresso",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-man-posing-apron-with-coffee-pot_23-2148366687.jpg",              imageAlt: "Rich, concentrated espresso shot"
            },
            {
              id: "2",              name: "Cappuccino",              price: "$6.50",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg",              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "3",              name: "Americano",              price: "$5.00",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg",              imageAlt: "Bold americano coffee"
            },
            {
              id: "4",              name: "Cold Brew",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept_23-2147798064.jpg",              imageAlt: "Refreshing iced cold brew"
            }
          ]
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Join thousands of coffee enthusiasts who have discovered their favorite brew at Brew Haven"
          cardTag="Trusted by Coffee Lovers"
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/barista-standing-by-counter-coffee-shop_1303-29345.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waiter-holding-cup-coffee_1170-557.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/man-smiling-apron-making-coffee_23-2148366706.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Marcus Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/small-business-owner-drinking-coffee_23-2149458137.jpg",              imageAlt: "Marcus Thompson"
            }
          ]
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Team"
          description="Our passionate team of coffee experts is dedicated to delivering the perfect cup experience."
          tag="Artisan Baristas"
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          members={[
            {
              id: "1",              name: "Alex Rodriguez",              role: "Head Barista",              description: "Award-winning barista with 8 years of specialty coffee experience.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",              imageAlt: "Alex Rodriguez - Head Barista",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" }
              ]
            },
            {
              id: "2",              name: "Lisa Park",              role: "Coffee Roaster",              description: "Expert roaster passionate about sourcing and roasting the finest beans.",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-with-apron_23-2148366592.jpg",              imageAlt: "Lisa Park - Coffee Roaster",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "3",              name: "David Kim",              role: "Owner & Founder",              description: "Visionary founder of Brew Haven, dedicated to coffee excellence and community.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754673.jpg",              imageAlt: "David Kim - Owner",              socialLinks: [
                { icon: Twitter, url: "https://twitter.com" }
              ]
            }
          ]
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Visit Brew Haven today or reach out to learn more about our specialty beverages and events."
          animationType="entrance-slide"
          buttons={[
            { text: "Get in Touch", href: "https://mailto:hello@brewhaven.com" },
            { text: "Find Us", href: "contact" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven. All rights reserved."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Coffee Drinks", href: "menu" },
                { label: "Pastries", href: "menu" },
                { label: "Seasonal Specials", href: "menu" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "team" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email", href: "https://mailto:hello@brewhaven.com" }
              ]
            }
          ]
        />
      </div>
    </ThemeProvider>
  );
}