"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Users, Globe, Award, Leaf, Coffee } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            {name: "Home", id: "home"},
            {name: "Menu", id: "menu"},
            {name: "About", id: "about"},
            {name: "Blog", id: "blog"},
            {name: "Contact", id: "contact"}
          ]}
          button={{text: "Reserve Table", href: "contact"}}
          brandName="Bro"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Bro"
          description="Specialty coffee crafted with passion. Discover the art of exceptional coffee at Bro."
          buttons={[
            {text: "Explore Menu", href: "menu"},
            {text: "Visit Us", href: "contact"}
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/barista-near-glass-coffee-beans-black-coffee-machine-ambiental-coffee-shop_1268-20260.jpg"
          imageAlt="Bro Coffeeshop - Premium specialty coffee experience"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout 
          title="We believe in the transformative power of exceptional coffee. Every cup tells a story of passion, precision, and craft. At Bro, we source the finest beans from sustainable farms, roast them to perfection, and serve each drink with the care it deserves."
          useInvertedBackground="invertDefault"
          buttons={[
            {text: "Learn Our Story", href: "#"}
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne 
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/cappuccino-coffee-glass-with-croissant-wooden-tray_23-2147908384.jpg",              imageAlt: "Single Origin Espresso"
            },
            {
              id: "2",              name: "Cold Brew Concentrate",              price: "$6.00",              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-plant-table_140725-8126.jpg",              imageAlt: "Cold Brew Concentrate"
            },
            {
              id: "3",              name: "Artisan Croissant",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-organic-latte-macchiato-with-milk_23-2148420329.jpg",              imageAlt: "Artisan Croissant"
            }
          ]}
          title="Featured Menu"
          description="Handcrafted beverages and artisan pastries that define the Bro experience"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Menu Highlights"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne 
          metrics={[
            {
              id: "1",              value: "5K+",              title: "Daily Customers",              description: "Coffee enthusiasts choosing Bro daily",              icon: Users
            },
            {
              id: "2",              value: "15",              title: "Single Origins",              description: "Carefully selected coffee varieties",              icon: Globe
            },
            {
              id: "3",              value: "8 Yrs",              title: "In Business",              description: "Building trust and excellence since 2017",              icon: Award
            },
            {
              id: "4",              value: "100%",              title: "Sustainable",              description: "Ethically sourced and responsibly roasted",              icon: Leaf
            }
          ]}
          title="Our Impact"
          description="Serving passionate coffee lovers and building a community around quality craft"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          testimonials={[
            {
              id: "1",              title: "The Best Espresso in the City",              quote: "I've been to countless coffee shops, but Bro's attention to detail is unmatched. Every shot is perfectly extracted, and the passion of the team really shows.",              name: "Marcus Johnson",              role: "Coffee Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              title: "My Morning Essential",              quote: "Bro has become my daily destination. The consistency, the warm atmosphere, and the knowledgeable baristas make it worth every visit. Simply exceptional.",              name: "Sarah Chen",              role: "Designer & Coffee Lover",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              title: "A True Specialty Coffee Experience",              quote: "From the sourcing to the cup, everything at Bro reflects genuine care. This is what specialty coffee should be. Highly recommended!",              name: "James Rivera",              role: "Food Blogger",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "James Rivera"
            },
            {
              id: "4",              title: "Perfect for Every Moment",              quote: "Whether I need a quiet morning ritual or a cozy spot to meet friends, Bro delivers. The quality of their drinks and the welcoming vibe keep me coming back.",              name: "Emma Wilson",              role: "Freelance Writer",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Emma Wilson"
            }
          ]}
          title="Loved by Our Community"
          description="Real stories from customers who've made Bro their daily ritual"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree 
          blogs={[
            {
              id: "1",              category: "Brewing Guide",              title: "The Perfect Pour Over Technique",              excerpt: "Master the art of pour over coffee with our step-by-step guide. Learn water temperature, timing, and grind size for the ultimate cup.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-134687.jpg",              imageAlt: "Pour over coffee brewing technique",              authorName: "Alex Torres",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Jan 15, 2025"
            },
            {
              id: "2",              category: "Origin Stories",              title: "Discovering Ethiopian Highlands",              excerpt: "Explore the story behind our Ethiopian single origin. From the farmers who harvest to the moment it arrives at your cup.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-hand-coffee-machine-with-fresh-grinded-beans-work-cafe_1258-131788.jpg",              imageAlt: "Ethiopian coffee farm and harvest",              authorName: "Maria Santos",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              date: "Jan 8, 2025"
            },
            {
              id: "3",              category: "Coffee Culture",              title: "Building Community Through Coffee",              excerpt: "How specialty coffee shops create more than great beverages—they build communities and foster meaningful connections.",              imageSrc: "https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2329.jpg",              imageAlt: "Coffeeshop community gathering",              authorName: "David Kim",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "Dec 28, 2024"
            }
          ]}
          title="Coffee Stories & Tips"
          description="Insights into the world of specialty coffee, from brewing techniques to origin stories"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Get In Touch"
          title="Visit Bro Today"
          description="Stop by our cafe for an unforgettable coffee experience. Join our mailing list for exclusive updates, brewing tips, and new single origin releases."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/coffee-shop-employees-working-coffee-machines_23-2148366633.jpg"
          imageAlt="Bro Coffeeshop interior and seating area"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          tagIcon={Coffee}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal 
          logoText="Bro"
        />
      </div>
    </ThemeProvider>
  );
}