"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { CheckCircle, Coffee, Leaf, Heart, Star, TrendingUp, Award, Users, Globe, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brew Haven"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Visit Us",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Brew Haven: Where Coffee Meets Community"
          description="Experience the finest specialty coffees, freshly roasted and expertly crafted. Our cozy café is the perfect spot to relax, connect, and enjoy exceptional coffee."
          background={{ variant: "aurora" }}
          kpis={[
            { value: "500+", label: "Daily Visitors" },
            { value: "15+", label: "Coffee Varieties" },
            { value: "4.9★", label: "Customer Rating" }
          ]}
          enableKpiAnimation={true}
          tag="Premium Specialty Coffee"
          tagIcon={Coffee}
          imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Premium coffee cup"
          imagePosition="right"
          buttons={[
            { text: "View Our Menu", href: "menu" },
            { text: "Book a Table", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We're passionate about delivering the finest coffee experience in the heart of our community. From sourcing premium beans to mastering the craft of brewing, every cup tells a story."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardNineteen
          title="Our Coffee Journey"
          description="From bean to cup, discover how we create the perfect coffee experience"
          tag="The Process"
          tagIcon={Leaf}
          features={[
            {
              id: 1,
              tag: "Selection",              title: "Premium Bean Selection",              subtitle: "Ethically sourced from around the world",              description: "We carefully select beans from sustainable farms across Africa, South America, and Asia. Each origin offers unique flavor profiles and characteristics that we celebrate in our signature blends.",              imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",              buttons: [{ text: "Learn More", href: "about" }]
            },
            {
              id: 2,
              tag: "Roasting",              title: "Expert Roasting",              subtitle: "Small batch roasts for optimal flavor",              description: "Our skilled roasters develop each batch to perfection, balancing acidity, sweetness, and body. Small batch roasting ensures consistent quality and freshness in every bag.",              imageSrc: "http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg"
            },
            {
              id: 3,
              tag: "Brewing",              title: "Precision Brewing",              subtitle: "Crafted by our expert baristas",              description: "Whether espresso, pour-over, or cold brew, our baristas use precision techniques and high-quality equipment to extract the best flavors from every cup.",              imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
            },
            {
              id: 4,
              tag: "Experience",              title: "Savor the Moment",              subtitle: "Relax in our welcoming atmosphere",              description: "Sit back and enjoy your perfectly crafted coffee in our comfortable, thoughtfully designed café. Every visit is an experience worth savoring.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <FeatureCardTen
          title="Why Choose Brew Haven"
          description="We're committed to providing an exceptional coffee experience through quality, service, and community"
          tag="Our Values"
          tagIcon={Heart}
          features={[
            {
              id: "1",              title: "Unmatched Quality",              description: "We source only the finest specialty-grade coffee beans from sustainable farms worldwide. Our meticulous roasting process and expert baristas ensure every cup is perfect.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg" },
              items: [
                { icon: CheckCircle, text: "Specialty-grade beans only" },
                { icon: CheckCircle, text: "Small batch roasting" },
                { icon: CheckCircle, text: "Expert barista training" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Cozy Atmosphere",              description: "Our thoughtfully designed café provides the perfect ambiance for work, study, or socializing. Free WiFi, comfortable seating, and a welcoming community make Brew Haven your second home.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg" },
              items: [
                { icon: CheckCircle, text: "Free high-speed WiFi" },
                { icon: CheckCircle, text: "Comfortable seating areas" },
                { icon: CheckCircle, text: "Relaxing music selection" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Exceptional Service",              description: "Our friendly, knowledgeable staff are passionate about coffee and committed to making your visit memorable. From recommendations to custom drinks, we go the extra mile.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-she-holds-smartphone-her-hand_197531-83.jpg" },
              items: [
                { icon: CheckCircle, text: "Personalized recommendations" },
                { icon: CheckCircle, text: "Custom drink creation" },
                { icon: CheckCircle, text: "Quick, friendly service" }
              ],
              reverse: false
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who have made Brew Haven their favorite coffee destination"
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez, Regular Customer",              date: "Date: 15 November 2024",              title: "The Best Coffee in Town",              quote: "Brew Haven has become my go-to spot. The coffee is consistently excellent, and the atmosphere is so welcoming. The baristas remember my order and always have a friendly smile. It's more than just coffee—it's a community.",              tag: "Loyal Customer",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              avatarAlt: "Sarah Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"
            },
            {
              id: "2",              name: "James Chen, Business Owner",              date: "Date: 10 November 2024",              title: "Perfect Meeting Spot",              quote: "I hold all my client meetings at Brew Haven. The quiet ambiance, reliable WiFi, and exceptional coffee make it ideal for business. Plus, the staff is always accommodating and professional.",              tag: "Professional",              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              avatarAlt: "James Chen",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"
            },
            {
              id: "3",              name: "Emma Wilson, Student",              date: "Date: 8 November 2024",              title: "My Study Haven",              quote: "As a grad student, I practically live at Brew Haven. The free WiFi, comfortable seating, and amazing coffee fuel my research sessions. The staff is so friendly and understanding about long hours.",              tag: "Student",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              avatarAlt: "Emma Wilson",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"
            },
            {
              id: "4",              name: "Michael Thompson, Coffee Enthusiast",              date: "Date: 5 November 2024",              title: "Specialty Coffee Excellence",              quote: "Finally found a café that takes coffee seriously. The single-origin selections are fantastic, and the baristas actually know their craft. Every visit is a new discovery.",              tag: "Enthusiast",              avatarSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",              avatarAlt: "Michael Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg"
            },
            {
              id: "5",              name: "Jessica Rodriguez, Designer",              date: "Date: 1 November 2024",              title: "Creative Space with Great Vibes",              quote: "The creative energy at Brew Haven is inspiring. It's not just about the coffee—though that's outstanding—but the whole experience. I've made friends with other regulars and found collaboration opportunities here.",              tag: "Creative Professional",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",              avatarAlt: "Jessica Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="Numbers that reflect our commitment to excellence and community"
          tag="By The Numbers"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "8",              title: "Years",              description: "Serving the community with passion",              icon: Award
            },
            {
              id: "2",              value: "500+",              title: "Daily Customers",              description: "Trusted by coffee lovers everywhere",              icon: Users
            },
            {
              id: "3",              value: "15+",              title: "Coffee Origins",              description: "Beans from around the world",              icon: Globe
            },
            {
              id: "4",              value: "4.9",              title: "Star Rating",              description: "Rated by our amazing customers",              icon: Star
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee and community? Visit Brew Haven today or reach out to book a private event or catering. We're here to make your day better, one cup at a time."
          animationType="entrance-slide"
          background={{ variant: "aurora" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "Visit Us Today", href: "about" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Brew Haven"
          copyrightText="© 2024 Brew Haven Coffee Shop. All rights reserved. Crafted with ☕ and care."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/brewhaven", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com/brewhaven", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com/brewhaven", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}