"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { BookOpen, CheckCircle, Coffee, Instagram, Linkedin, Sparkles, Star, Twitter, Users } from 'lucide-react';

export default function CoffeeshopLandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Contact", id: "contact" },
            { name: "Reserve", id: "contact" }
          ]}
          brandName="BrewCraft"
          bottomLeftText="Coffee Enthusiasts Welcome"
          bottomRightText="hello@brewcraft.coffee"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Discover Your Perfect Cup of Coffee"
          description="Welcome to BrewCraft, where quality meets passion. We source the finest beans from around the world and craft each cup with meticulous care."
          tag="Premium Coffee Experience"
          tagIcon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
          imageAlt="Modern coffee shop interior with warm lighting"
          imagePosition="right"
          buttons={[
            { text: "Reserve Table", href: "contact" },
            { text: "View Menu", href: "products" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={BookOpen}
          title="Crafted with Passion Since 2015"
          description="At BrewCraft, we believe that great coffee is more than just a beverage—it's an experience. Our journey began with a simple vision: to create a space where coffee enthusiasts can gather and celebrate the art of brewing. Today, we're proud to serve thousands of satisfied customers who trust us for exceptional quality and warm hospitality."
          metrics={[
            { value: "2.5k+", title: "Daily customers served" },
            { value: "50+", title: "Origin countries sourced" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"
          imageAlt="Coffee roasting process showing expertise"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Blends"
          description="Explore our signature coffee selections, carefully curated and roasted to perfection"
          tag="Best Sellers"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Ethiopian Espresso",              price: "$16.00",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-americanoand-glass-water_140725-9775.jpg",              imageAlt: "Rich dark espresso shot",              initialQuantity: 1
            },
            {
              id: "2",              name: "Silky Latte Blend",              price: "$14.00",              imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",              imageAlt: "Creamy latte with latte art",              initialQuantity: 1
            },
            {
              id: "3",              name: "Colombian Americano",              price: "$12.00",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Classic americano coffee",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Our Coffee Crafting Process"
          description="From seed to cup, we maintain uncompromising standards in every step"
          tag="Quality Assurance"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "Selection",              title: "Source Premium Beans",              subtitle: "Direct from ethically-minded farms",              description: "We partner with sustainable farms across Africa, South America, and Asia, ensuring fair trade practices and environmental responsibility. Each batch is hand-selected for optimal flavor profiles.",              imageSrc: "https://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244082.jpg",              imageAlt: "Coffee bean selection process"
            },
            {
              id: 2,
              tag: "Roasting",              title: "Perfect the Roast",              subtitle: "Small-batch roasting for consistency",              description: "Our master roasters use precise temperature control and timing to unlock the unique characteristics of each origin. We roast in small batches to ensure freshness and quality control.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-cup-coffee-with-wooden-background_23-2148251640.jpg",              imageAlt: "Coffee roasting in progress"
            },
            {
              id: 3,
              tag: "Brewing",              title: "Craft Your Cup",              subtitle: "Expert preparation by skilled baristas",              description: "Whether it's espresso, pour-over, or cold brew, our trained baristas use precision equipment and techniques to extract the perfect balance of flavors in every cup you order.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-with-plate_23-2148251611.jpg",              imageAlt: "Expert barista preparing coffee"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Team"
          description="Passionate experts dedicated to delivering exceptional coffee experiences"
          tag="Expert Baristas"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          members={[
            {
              id: "1",              name: "Marcus Chen",              role: "Head Roaster",              description: "12+ years of roasting experience, specialty coffee certified",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-with-apron_23-2148366592.jpg",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",              name: "Sofia Rodriguez",              role: "Lead Barista",              description: "Award-winning latte art champion, passionate about coffee education",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "3",              name: "James Miller",              role: "Coffee Sourcing Specialist",              description: "Direct relationships with farmers worldwide, sustainability advocate",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754673.jpg",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "4",              name: "Emma Watson",              role: "Café Manager",              description: "Creating warm spaces where coffee lovers connect and thrive",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-with-apron-holding-empty-cup_23-2148366627.jpg",              socialLinks: [
                { icon: Twitter, url: "https://twitter.com" },
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real testimonials from coffee lovers who've made BrewCraft their favorite destination"
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showRating={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Jessica Park",              handle: "@jesspark",              testimonial: "The best coffee I've had in years. Every cup is crafted with incredible care, and the atmosphere is so welcoming. I've become a regular!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-male-making-coffee_23-2148366603.jpg"
            },
            {
              id: "2",              name: "David Thompson",              handle: "@davidthompson",              testimonial: "BrewCraft has elevated my morning routine. The baristas know exactly how I like my coffee, and the quality is consistent every single time.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg"
            },
            {
              id: "3",              name: "Michelle Garcia",              handle: "@migarcia",              testimonial: "A true gem in our neighborhood. I love learning about different origins and the team's passion for sustainable sourcing. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-smiling-apron-making-coffee_23-2148366706.jpg"
            },
            {
              id: "4",              name: "Alex Kumar",              handle: "@alexkumar",              testimonial: "Perfect spot for working, meeting friends, or just enjoying a quiet moment with exceptional coffee. The environment and service are top-notch.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg"
            },
            {
              id: "5",              name: "Sarah Chen",              handle: "@sarahchen",              testimonial: "I took their coffee tasting class and it completely changed how I appreciate coffee. The team is so knowledgeable and welcoming.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-barista-work_23-2148892858.jpg"
            },
            {
              id: "6",              name: "Michael Foster",              handle: "@mfoster",              testimonial: "BrewCraft is where I discovered my love for specialty coffee. The expertise, the sourcing, the atmosphere—everything is exceptional.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/barista-standing-by-counter-coffee-shop_1303-29345.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Visit us today or reserve your table now. We're open from 6 AM to 8 PM daily."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Make a Reservation", href: "https://reservations.brewcraft.coffee" },
            { text: "Get Directions", href: "https://maps.google.com" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
          imageAlt="BrewCraft coffee shop ambiance"
          logoText="BrewCraft"
          copyrightText="© 2025 BrewCraft Coffee. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Coffee Blends", href: "products" },
                { label: "Merchandise", href: "products" },
                { label: "Gift Cards", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "team" },
                { label: "Careers", href: "contact" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "Hours & Location", href: "contact" },
                { label: "Reservations", href: "contact" },
                { label: "Contact Us", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}