"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee, Heart, Sparkles, Star, CheckCircle, Leaf, Zap, Users, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Brew Haven"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Reserve", id: "https://example.com/reserve" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Your Perfect Brew"
          description="Experience exceptional coffee in our welcoming community space. From rich espressos to creamy lattes, every cup tells a story."
          tag="Specialty Coffee"
          tagIcon={Coffee}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg",              imageAlt: "Specialty espresso preparation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354583.jpg",              imageAlt: "Latte with beautiful latte art"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/yellow-coffee-set-near-beans-geyser-coffee-maker_23-2148180204.jpg",              imageAlt: "Premium roasted coffee beans"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354592.jpg",              imageAlt: "Professional barista at work"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "Cozy café atmosphere"
            }
          ]}
          buttons={[
            { text: "Explore Our Menu", href: "menu" },
            { text: "Reserve a Table", href: "https://example.com/reserve" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          title="Crafted with passion, served with care. We believe every cup of coffee should be an experience worth savoring."
          description="Brew Haven Collective"
          subdescription="Specialty Coffee Roastery & Community Space"
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Our cozy café interior with warm lighting"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Coffee Selection"
          description="Handpicked blends and single-origin beans sourced from sustainable farms"
          tag="Best Sellers"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",              name: "Ethiopian Highlands",              price: "$16.99",              imageSrc: "https://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg",              imageAlt: "Ethiopian Highlands single-origin beans",              initialQuantity: 1
            },
            {
              id: "2",              name: "Espresso Intenso",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/yellow-coffee-set-near-beans-geyser-coffee-maker_23-2148180204.jpg",              imageAlt: "Espresso Intenso dark roast",              initialQuantity: 1
            },
            {
              id: "3",              name: "Smooth Breakfast Blend",              price: "$13.99",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354583.jpg",              imageAlt: "Smooth Breakfast Blend medium roast",              initialQuantity: 1
            }
          ]}
          buttons={[
            { text: "Shop All Beans", href: "https://example.com/shop" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose Brew Haven"
          description="We're dedicated to delivering the finest coffee experience through quality, community, and passion"
          tag="Our Commitment"
          tagIcon={CheckCircle}
          features={[
            {
              icon: Leaf,
              title: "Sustainable Sourcing",              description: "Direct relationships with ethical coffee farmers ensuring fair trade and environmental stewardship"
            },
            {
              icon: Zap,
              title: "Expert Roasting",              description: "Small-batch roasting perfected over years to bring out the unique character of each origin"
            },
            {
              icon: Users,
              title: "Community Space",              description: "A welcoming atmosphere designed for connection, creativity, and meaningful conversations"
            },
            {
              icon: Award,
              title: "Award-Winning Quality",              description: "Recognized by coffee enthusiasts and industry experts for exceptional taste and consistency"
            },
            {
              icon: Coffee,
              title: "Signature Drinks",              description: "Innovative beverages crafted by our baristas using premium techniques and finest ingredients"
            },
            {
              icon: Heart,
              title: "Customer Care",              description: "Personalized service where every guest is valued and their preferences are remembered"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Visit Us Today", href: "https://example.com/visit" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Our Community"
          description="Hear what coffee enthusiasts and regulars have to say about their Brew Haven experience"
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahm_coffee",              testimonial: "The best coffee shop in town! The baristas truly know their craft, and the atmosphere is perfect for both work and casual meetups.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jchen_cafe",              testimonial: "I've tried hundreds of cafés, and Brew Haven stands out for their exceptional quality and genuine care for their customers.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmar_creative",              testimonial: "This is my creative sanctuary. Great coffee, inspiring space, and the community here is incredibly welcoming and supportive.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Marcus Johnson",              handle: "@marcus_mornings",              testimonial: "Started coming here for the coffee, stayed for the vibe. The team remembers my order and always with a genuine smile.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "5",              name: "Lily Patel",              handle: "@lilypatel_designs",              testimonial: "As a designer, I appreciate the attention to detail in everything here—from the perfectly pulled espresso to the thoughtful interior design.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "Lily Patel"
            },
            {
              id: "6",              name: "David Thompson",              handle: "@davidthompson_",              testimonial: "Brew Haven has become part of my daily routine. Consistently excellent coffee and a team that genuinely cares about customer experience.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "David Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee and our welcoming community? Visit us today or get in touch with any questions."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Get in Touch", href: "https://example.com/contact" },
            { text: "Find Our Location", href: "https://example.com/location" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg"
          imageAlt="Brew Haven café aesthetic"
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven Coffee Roastery. All rights reserved."
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Sustainability", href: "https://example.com/sustainability" }
              ]
            },
            {
              title: "Customer Service",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "https://example.com/faq" },
                { label: "Order Online", href: "https://example.com/shop" },
                { label: "Reservations", href: "https://example.com/reserve" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Newsletter", href: "https://example.com/newsletter" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}