"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Building2, Coffee, Heart, Leaf, Star, TrendingUp, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Bean & Leaf"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve a Table", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Welcome to Bean & Leaf, Your Neighborhood Coffee Haven"
          description="Discover the perfect blend of quality coffee, freshly baked pastries, and a warm community atmosphere. We craft every cup with care and passion."
          tag="Local Coffee Culture"
          tagIcon={Coffee}
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "Cozy cafe interior with warm lighting"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg",              imageAlt: "Expertly crafted latte with latte art"
            }
          ]}
          rating={5}
          ratingText="Rated 4.9/5 by our customers"
          buttons={[
            { text: "View Our Menu", href: "menu" },
            { text: "Visit Us Today", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          title="Crafted with love, roasted with expertise. Every cup tells our story of passion and quality."
          description="Founded in 2018"
          subdescription="Bean & Leaf Coffee Roastery"
          icon={Leaf}
          imageSrc="https://img.b2bpic.net/free-photo/hot-cappuccino-with-cookie-table_140725-6675.jpg"
          imageAlt="Premium coffee beans freshly roasted"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="menu" data-section="menu">
        <FeatureCardOne
          title="Discover Our Menu"
          description="From signature espresso drinks to fresh pastries and gourmet sandwiches, we offer something for every craving."
          tag="What We Serve"
          tagIcon={Utensils}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          features={[
            {
              title: "Signature Coffee Drinks",              description: "Hand-crafted cappuccinos, lattes, and espresso shots made from our single-origin, sustainably roasted beans.",              imageSrc: "https://img.b2bpic.net/free-photo/hot-art-coffee-cappuccino-cup-wooden-table-background-with-copy-space_1150-10237.jpg",              imageAlt: "Premium cappuccino with latte art",              button: { text: "Learn More", href: "contact" }
            },
            {
              title: "Fresh Pastries",              description: "Baked fresh daily by our pastry team. Croissants, danishes, muffins, and seasonal specials.",              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg",              imageAlt: "Golden, freshly baked croissant",              button: { text: "Order Now", href: "contact" }
            },
            {
              title: "Gourmet Lunch Options",              description: "Hearty sandwiches, salads, and seasonal lunch specials made with locally sourced ingredients.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-tasty-croissants_1232-1242.jpg",              imageAlt: "Gourmet sandwich with fresh ingredients",              button: { text: "See Menu", href: "contact" }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="gallery" data-section="gallery">
        <FeatureCardOne
          title="Experience the Atmosphere"
          description="Step into our warm, welcoming space designed for comfort and community. The perfect spot for morning meetings, afternoon study sessions, or catching up with friends."
          tag="Our Space"
          tagIcon={Building2}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="blur-reveal"
          features={[
            {
              title: "Cozy Seating Areas",              description: "Comfortable couches and coffee tables ideal for conversations and relaxation with soft natural lighting.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",              imageAlt: "Inviting seating area with soft furnishings"
            },
            {
              title: "Community Space",              description: "Host your meetings, study sessions, or casual hangouts in our spacious and welcoming cafe environment.",              imageSrc: "https://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg",              imageAlt: "Bright, plant-filled cafe corner with natural light"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join hundreds of satisfied customers who've made Bean & Leaf their favorite local coffee spot."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          showRating={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              handle: "@sarahloves_coffee",              testimonial: "This is my favorite coffee shop in town! The baristas really know their craft, and every visit feels like coming home.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Portrait of Sarah Martinez"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jameschen_writes",              testimonial: "Perfect spot for working on my laptop. Great WiFi, quiet atmosphere, and the best cappuccinos in the city.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "Portrait of James Chen"
            },
            {
              id: "3",              name: "Emma Williams",              handle: "@emma_foodie",              testimonial: "The pastries here are absolutely incredible! Fresh, delicious, and they pair perfectly with their coffee.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg",              imageAlt: "Portrait of Emma Williams"
            },
            {
              id: "4",              name: "Marcus Johnson",              handle: "@marcusj_community",              testimonial: "More than just coffee—it's a community hub. The friendly staff and welcoming vibe keep me coming back.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg",              imageAlt: "Portrait of Marcus Johnson"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By the Numbers"
          description="A glimpse into what makes Bean & Leaf a beloved local institution."
          tag="Our Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              value: "5K+",              title: "Happy Customers Monthly",              items: ["Loyal customer base", "Community engagement", "Word-of-mouth referrals"]
            },
            {
              id: "2",              value: "6 Years",              title: "Crafting Excellence",              items: ["Consistent quality", "Award-winning coffee", "Local recognition"]
            },
            {
              id: "3",              value: "12 Hours",              title: "Daily Availability",              items: ["Early morning opens", "Evening ambiance", "Always welcoming"]
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee and delicious pastries? Visit us today or reach out to make a reservation for your group."
          animationType="background-highlight"
          buttons={[
            { text: "Get in Touch", href: "#contact-form" },
            { text: "Call Us: (555) 123-4567", href: "tel:+15551234567" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Menu",              items: [
                { label: "Coffee & Drinks", href: "#menu" },
                { label: "Pastries & Desserts", href: "#menu" },
                { label: "Lunch Options", href: "#menu" },
                { label: "Seasonal Specials", href: "#menu" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "Hours: 7 AM - 7 PM", href: "#" },
                { label: "123 Main Street", href: "#" },
                { label: "(555) 123-4567", href: "tel:+15551234567" },
                { label: "Reserve a Table", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Bean & Leaf Coffee Roastery. All rights reserved."
          bottomRightText="Crafted with care for our community."
        />
      </div>
    </ThemeProvider>
  );
}