"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Coffee Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="COFFEE HAVEN"
          description="Artisan coffee crafted with passion. Experience the perfect blend of quality beans, expert brewing, and warm hospitality."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Order Now", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg"
          imageAlt="Beautifully arranged coffee setup with latte art"
          frameStyle="card"
          logoLineHeight={1.15}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We're passionate about serving the finest coffee in town. From sourcing premium beans to perfecting every pour, we're committed to delivering an exceptional experience with every cup."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Coffee Selection"
          description="Discover our signature blends and popular favorites, carefully selected and roasted to perfection."
          tag="Popular"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Coffee Haven",              name: "Classic Espresso",              price: "$4.50",              rating: 5,
              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/midsection-businessman-holding-coffee-cup_23-2148209267.jpg",              imageAlt: "Rich dark espresso shot with crema"
            },
            {
              id: "2",              brand: "Coffee Haven",              name: "Silky Cappuccino",              price: "$5.50",              rating: 5,
              reviewCount: "356",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "3",              brand: "Coffee Haven",              name: "Cold Brew",              price: "$5.00",              rating: 5,
              reviewCount: "214",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-cup_74190-2687.jpg",              imageAlt: "Refreshing cold brew in glass"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Coffee Done Right"
          description="By the numbers: our commitment to quality and excellence"
          tag="Our Impact"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "8+ Years",              title: "Experience",              description: "Perfecting the art of coffee making",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg"
            },
            {
              id: "2",              value: "15,000+",              title: "Happy Customers",              description: "Served with care every single day",              imageSrc: "https://img.b2bpic.net/free-photo/woman-having-cup-coffee-cafa_1170-681.jpg"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Passionate Team"
          description="The talented people behind every perfect cup"
          tag="Our Team"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          members={[
            {
              id: "1",              name: "James Mitchell",              role: "Head Barista",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",              imageAlt: "James Mitchell, Head Barista"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Co-Founder",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-with-apron_23-2148366592.jpg",              imageAlt: "Sarah Chen, Co-Founder"
            },
            {
              id: "3",              name: "Marcus Rodriguez",              role: "Barista",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754673.jpg",              imageAlt: "Marcus Rodriguez, Barista"
            },
            {
              id: "4",              name: "Emma Watson",              role: "Shop Manager",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-with-apron-holding-empty-cup_23-2148366627.jpg",              imageAlt: "Emma Watson, Shop Manager"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Coffee Lovers Say"
          description="Hear from our regulars about their favorite place for coffee"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "David Park, Marketing Manager",              date: "Date: 15 January 2025",              title: "Best coffee in the neighborhood",              quote: "Coffee Haven has become my daily ritual. The baristas know my order by heart, and every cup is consistently excellent. It's more than coffee—it's a community.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/smiley-nomad-woman-with-cup_23-2148968936.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-nomad-woman-with-cup_23-2148968936.jpg"
            },
            {
              id: "2",              name: "Jennifer Lopez, Graphic Designer",              date: "Date: 12 January 2025",              title: "My creative space",              quote: "I spend hours here working on projects. The ambiance is perfect, WiFi is fast, and the cappuccinos never disappoint. Coffee Haven is my second office.",              tag: "Regular",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg"
            },
            {
              id: "3",              name: "Michael Torres, Business Owner",              date: "Date: 10 January 2025",              title: "Quality and consistency",              quote: "As someone who appreciates fine coffee, I'm impressed by the sourcing and attention to detail. Every aspect of the experience is thoughtfully executed.",              tag: "Gold Member",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-handsome-man-meeting_329181-1766.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-handsome-man-meeting_329181-1766.jpg"
            },
            {
              id: "4",              name: "Lisa Anderson, Teacher",              date: "Date: 8 January 2025",              title: "More than a cafe",              quote: "Coffee Haven feels like a home away from home. The staff is incredibly friendly, and the coffee is always perfect. I recommend it to everyone.",              tag: "Regular",              avatarSrc: "https://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg"
            },
            {
              id: "5",              name: "Robert Kim, Software Developer",              date: "Date: 5 January 2025",              title: "Exceptional service",              quote: "The cold brew here is outstanding, and the team is always happy to recommend something new. Coffee Haven genuinely cares about their customers.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg"
            },
            {
              id: "6",              name: "Amanda Richardson, Entrepreneur",              date: "Date: 2 January 2025",              title: "Best local coffee shop",              quote: "Finally found my go-to coffee place. The blend is perfectly balanced, the presentation is beautiful, and the experience is consistently excellent.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424025.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424025.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated"
          description="Subscribe to our newsletter for exclusive coffee tips, new blends announcements, and special member-only offers delivered to your inbox."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/people-serve-beautiful-fresh-relax-morning-coffee-cup-set_1150-7053.jpg"
          imageAlt="Cozy coffee shop ambiance with warm lighting"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Coffee",              items: [
                { label: "Our Blends", href: "#products" },
                { label: "Brewing Guide", href: "#" },
                { label: "Coffee Origins", href: "#" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Our Team", href: "#team" },
                { label: "Careers", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Coffee Haven. All rights reserved."
          bottomRightText="Crafted with care"
        />
      </div>
    </ThemeProvider>
  );
}