"use client";

import { Award, Coffee, Flame, Globe, Heart, MapPin, MessageSquare, Sparkles, Star, Users } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterMedia from "@/components/sections/footer/FooterMedia";

export default function CoffeeHavenPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="solid-accent-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Coffee Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Drinks", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Craft Your Perfect Cup"
          description="Experience the finest specialty coffee in a welcoming atmosphere. From perfectly pulled espresso to creamy cappuccinos, we craft every cup with passion."
          tag="Premium Coffee Experience"
          tagIcon={Coffee}
          buttons={[
            {
              text: "Explore Menu",              href: "products"
            },
            {
              text: "Visit Us Today",              href: "contact"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg"
          imageAlt="Beautifully crafted coffee in ceramic cup"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Coffee Journey"
          description="Since 2015, Coffee Haven has been roasting exceptional beans and brewing memorable moments for our community."
          tag="About Us"
          tagIcon={Heart}
          bulletPoints={[
            {
              title: "Ethically Sourced",              description: "We partner directly with sustainable coffee farms across Central and South America to ensure quality and fair trade practices.",              icon: Globe
            },
            {
              title: "Artisan Roasting",              description: "Every batch is hand-roasted in-house, ensuring peak freshness and flavor profile perfection.",              icon: Flame
            },
            {
              title: "Community Focused",              description: "Our cozy cafe is more than a coffee shop—it's a gathering place where friends meet and creativity flows.",              icon: Users
            },
            {
              title: "Expert Baristas",              description: "Our certified baristas bring years of experience and passion to every shot, every pour, every cup.",              icon: Award
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Warm and inviting coffeehouse interior with seating"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Our Specialty Drinks"
          description="Discover our curated selection of signature beverages, each crafted with precision and care."
          tag="Menu Highlights"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Single Origin Espresso",              description: "Pure, bold, and unadulterated. Our signature single-origin espresso showcases the unique terroir and flavor notes of Ethiopian highlands.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-coffee-cup_107420-96314.jpg"
            },
            {
              id: 2,
              title: "Velvety Cappuccino",              description: "The perfect balance of rich espresso and silky steamed milk. A timeless Italian classic that never goes out of style.",              imageSrc: "https://img.b2bpic.net/free-photo/morning-coffee-sunlight_23-2151961381.jpg"
            },
            {
              id: 3,
              title: "Artisan Pastries",              description: "Freshly baked daily by our in-house baker. From buttery croissants to delicate macarons, the perfect pairing for your coffee.",              imageSrc: "https://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Drinks"
          description="Our most loved coffee creations. Each drink is handcrafted to perfection."
          tag="Customer Favorites"
          tagIcon={Star}
          products={[
            {
              id: "1",              name: "Americano",              price: "$3.50",              variant: "Double Shot · Black",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-coffee-cups-with-desserts-plate_23-2148808584.jpg",              imageAlt: "Classic americano in white cup",              isFavorited: false
            },
            {
              id: "2",              name: "Cappuccino",              price: "$4.75",              variant: "Creamy · Milky Foam",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-coffee-with-milk_23-2147985001.jpg",              imageAlt: "Cappuccino with latte art",              isFavorited: false
            },
            {
              id: "3",              name: "Macchiato",              price: "$4.25",              variant: "Espresso · Milk Spot",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-assortment-coffee-milk-with-morning-snack_23-2148441206.jpg",              imageAlt: "Macchiato with espresso and milk",              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Coffee Lovers Say"
          description="Hear from our regulars who've made Coffee Haven their second home."
          tag="Customer Reviews"
          tagIcon={MessageSquare}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahcodes",              testimonial: "The best coffee I've had in years. The baristas truly know their craft, and the atmosphere is so inviting. I come here every morning!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",              name: "Marcus Johnson",              handle: "@mjcreative",              testimonial: "Perfect spot for freelance work. Reliable wifi, great coffee, and the pastries are incredible. This place is worth every visit.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmawanders",              testimonial: "As a coffee enthusiast, I appreciate their dedication to quality. Ethically sourced beans, expert roasting, and passionate baristas. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"
            },
            {
              id: "4",              name: "David Park",              handle: "@davidconsults",              testimonial: "Amazing specialty drinks and a cozy vibe. It's become my favorite meeting spot with clients. They always comment on the quality of the coffee.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "@lisatravels",              testimonial: "Found this gem while visiting. The single-origin espresso was extraordinary, and the staff made me feel so welcome. Can't wait to come back!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"
            },
            {
              id: "6",              name: "Alex Martinez",              handle: "@alexenjoys",              testimonial: "Coffee Haven is where coffee meets art. Every cup is a masterpiece. The attention to detail in both drink and service is unmatched.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Visit Us Today"
          ctaDescription="Stop by and experience Coffee Haven in person. We're open daily from 7 AM to 8 PM. New to our shop? We'd love to craft your perfect cup."
          ctaButton={{
            text: "Get Directions",            href: "https://maps.google.com"
          }}
          ctaIcon={MapPin}
          faqs={[
            {
              id: "1",              title: "Do you offer WiFi?",              content: "Yes! We have complimentary high-speed WiFi for all our customers. Perfect for working, studying, or simply browsing. Password available at the counter."
            },
            {
              id: "2",              title: "Can I order online for pickup?",              content: "Absolutely! Order through our mobile app or website for pickup. Your order will be ready in 5-10 minutes. We also accept walk-ins anytime."
            },
            {
              id: "3",              title: "Do you have dairy-free options?",              content: "Yes, we offer almond, oat, coconut, and soy milk alternatives at no extra charge. All our pastries also have vegan options available."
            },
            {
              id: "4",              title: "Where do you source your coffee?",              content: "We partner directly with fair-trade farms in Ethiopia, Colombia, and Peru. Every bean is ethically sourced and hand-roasted in our facility."
            },
            {
              id: "5",              title: "Do you host events or private bookings?",              content: "Yes! We can accommodate small meetings and gatherings. Contact us at events@coffeehaven.com for private bookings and catering inquiries."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/winter-scene-with-hot-coffee-cup_23-2149271475.jpg"
          imageAlt="Close-up of freshly roasted coffee beans"
          logoText="Coffee Haven"
          copyrightText="© 2025 Coffee Haven. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Menu", href: "products" },
                { label: "Specialty Drinks", href: "features" },
                { label: "Gift Cards", href: "#" },
                { label: "Merchandise", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}