"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Coffee, Sparkles, Camera, Heart, MapPin, ArrowRight } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="blurBottom"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brew Theory"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Story", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Reserve", id: "reservation" }
          ]}
          button={{
            text: "Reserve a Table",            href: "#reservation"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          tag="Premium Urban Café"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          title="Where Ideas Brew."
          description="Discover exceptional specialty coffee crafted with precision. A sanctuary for young professionals, creators, and coffee enthusiasts seeking Instagram-worthy moments and meaningful conversations."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Explore Menu", href: "#menu" },
            { text: "Reserve a Table", href: "#reservation" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              videoSrc: "http://img.b2bpic.net/free-photo/coffee-maker-coffee-shop_23-2148366609.jpg",              imageAlt: "Coffee brewing process"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/artsy-girl-having-cup-coffee_53876-99962.jpg",              imageAlt: "Premium café coffee cup"
            }
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="Trusted by local creatives & professionals"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Crafted for Community."
          description={[
            "Brew Theory is more than coffee—it's a philosophy. We source ethically-harvested beans from sustainable farms across the globe, ensuring every cup tells a story of quality and integrity.",            "Our minimalist yet inviting space is designed for creators, freelancers, and professionals who seek inspiration in exceptional coffee and thoughtful design. Every detail, from the carefully curated ambiance to the precision-crafted beverages, reflects our commitment to excellence.",            "We believe coffee is a catalyst for ideas, conversations, and meaningful connections. Welcome to your creative sanctuary."
          ]}
          buttons={[{ text: "Our Story", href: "#" }]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardTwentySix
          title="Signature Menu"
          description="Hand-crafted specialty beverages designed to elevate your coffee experience. Each drink is a masterpiece of flavor, precision, and artistry."
          tag="Curated Selection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              title: "The Golden Pour",              description: "Single-origin Ethiopian pour-over with subtle floral notes and caramel sweetness. A meditation in a cup.",              imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg?_wi=1",              imageAlt: "The Golden Pour specialty coffee",              buttonIcon: ArrowRight,
              buttonHref: "#"
            },
            {
              title: "Velvet Noir",              description: "Cold-brew espresso blend with oat milk microfoam and a hint of vanilla. Smooth, creamy, unforgettable.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg",              imageAlt: "Velvet Noir cold brew espresso",              buttonIcon: ArrowRight,
              buttonHref: "#"
            },
            {
              title: "Theory Latte",              description: "Perfectly balanced espresso and steamed milk with our signature cinnamon dust. The cornerstone of our craft.",              imageSrc: "http://img.b2bpic.net/free-photo/espresso-details-close-up-pouring-coffee-into-white-cup-from-coffee-pot-selective-focus-concept-making-coffee-bar-pub-restaurant-brewing-coffee-cezve_166373-2016.jpg",              imageAlt: "Theory Latte signature drink",              buttonIcon: ArrowRight,
              buttonHref: "#"
            },
            {
              title: "Clarity Macchiato",              description: "Bold espresso shots topped with a cloud of velvety milk foam. Pure coffee clarity with subtle sweetness.",              imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg?_wi=2",              imageAlt: "Clarity Macchiato premium espresso",              buttonIcon: ArrowRight,
              buttonHref: "#"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
          buttons={[]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <TeamCardSix
          title="Our Space"
          description="Step into Brew Theory. A meticulously designed sanctuary where minimalism meets warmth, and every corner inspires creativity."
          tag="Instagram-Worthy"
          tagIcon={Camera}
          tagAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Main Bar",              role: "Precision Craft Zone",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=1",              imageAlt: "Brew Theory main bar and espresso station"
            },
            {
              id: "2",              name: "Seating Nook",              role: "Creative Corner",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg?_wi=1",              imageAlt: "Cozy seating area at Brew Theory café"
            },
            {
              id: "3",              name: "Brew Station",              role: "Coffee Theater",              imageSrc: "http://img.b2bpic.net/free-photo/smart-young-asian-man-photographer-working-with-tablet-sitting-cafe_627829-1241.jpg?_wi=1",              imageAlt: "Behind-the-scenes coffee preparation area"
            },
            {
              id: "4",              name: "Ambient Lighting",              role: "Mood & Atmosphere",              imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg?_wi=1",              imageAlt: "Warm lighting and ambiance at Brew Theory"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Loved by Our Community"
          description="Hear from the young professionals, creators, and coffee enthusiasts who've made Brew Theory their creative sanctuary."
          tag="Customer Stories"
          tagIcon={Heart}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Maya Chen, Product Designer",              date: "Date: 15 November 2024",              title: "My creative space",              quote: "Brew Theory isn't just a café—it's where my best design ideas come to life. The perfect coffee paired with the perfect ambiance makes all the difference.",              tag: "Designer",              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              avatarAlt: "Maya Chen headshot",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=2",              imageAlt: "Brew Theory work space"
            },
            {
              id: "2",              name: "Jasper Rodriguez, Freelance Developer",              date: "Date: 12 November 2024",              title: "Where productivity meets perfection",              quote: "I've tried countless cafés, but Brew Theory stands out. The Wi-Fi is solid, the coffee is exceptional, and the atmosphere keeps me focused for hours.",              tag: "Developer",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bald-man-with-glasses_641386-645.jpg",              avatarAlt: "Jasper Rodriguez headshot",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg?_wi=2",              imageAlt: "Brew Theory seating area"
            },
            {
              id: "3",              name: "Sophia Williams, Marketing Strategist",              date: "Date: 8 November 2024",              title: "Coffee that inspires connection",              quote: "The specialty drinks are incredible, but what really sets Brew Theory apart is the community. I've met some amazing collaborators here. It's a vibe.",              tag: "Strategist",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              avatarAlt: "Sophia Williams headshot",              imageSrc: "http://img.b2bpic.net/free-photo/smart-young-asian-man-photographer-working-with-tablet-sitting-cafe_627829-1241.jpg?_wi=2",              imageAlt: "Brew Theory coffee preparation"
            },
            {
              id: "4",              name: "Marcus Lee, Graduate Student",              date: "Date: 5 November 2024",              title: "The perfect study sanctuary",              quote: "Brew Theory has become my go-to study spot. The thoughtful design, the quality coffee, and the genuine vibe make long study sessions feel effortless.",              tag: "Student",              avatarSrc: "http://img.b2bpic.net/free-photo/serious-pensive-young-student-looking-directly-camera_176532-8154.jpg",              avatarAlt: "Marcus Lee headshot",              imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg?_wi=2",              imageAlt: "Brew Theory ambiance and lighting"
            },
            {
              id: "5",              name: "Elena Moretti, Creative Director",              date: "Date: 1 November 2024",              title: "Craftsmanship in every sip",              quote: "You can taste the care in every cup. From bean to barista, Brew Theory's commitment to excellence is evident. This is coffee as it should be.",              tag: "Creative",              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              avatarAlt: "Elena Moretti headshot",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=3",              imageAlt: "Brew Theory bar setup"
            },
            {
              id: "6",              name: "Noah Patel, UX Researcher",              date: "Date: 28 October 2024",              title: "An experience, not just coffee",              quote: "Every detail at Brew Theory is thoughtfully designed. It's clear they understand their audience. It's become my favorite place to work and think.",              tag: "Researcher",              avatarSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg",              avatarAlt: "Noah Patel headshot",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg?_wi=3",              imageAlt: "Brew Theory seating arrangement"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactCTA
          tag="Ready to Visit?"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Reserve Your Spot"
          description="Limited seating ensures an intimate experience. Book your table now and secure your perfect moment at Brew Theory. Whether you're here to work, create, or simply enjoy exceptional coffee—we're ready for you."
          buttons={[
            { text: "Reserve Now", href: "https://reservations.brewtheory.local" },
            { text: "Contact Us", href: "mailto:hello@brewtheory.local" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Brew Theory"
          copyrightText="© 2025 Brew Theory. Crafted with intention."
          columns={[
            {
              title: "Visit",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Parking", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Newsletter", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact", href: "mailto:hello@brewtheory.local" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
