"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Coffee, MapPin, Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLarge"
      background="animatedGrid"
      cardStyle="shadow-colored"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Aldo Cafe"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Workspace", id: "feature-card" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Welcome to Aldo Cafe - Your Cozy Escape in Salt Lake"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008355646-ym3tyedb.jpg",
              imageAlt: "Cozy cafe interior with ambient lighting"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321575502-dja1nmgo.jpg",
              imageAlt: "Freshly brewed cortado and vietnamese iced coffee"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140052116-ugc31hy1.jpg",
              imageAlt: "Delicious shakshuka and sourdough sandwich"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008356528-yixyfmeo.jpg",
              imageAlt: "Charming outdoor patio with two-seater tables"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890618746-4oj97n04.jpg",
              imageAlt: "Comfortable workspace setup for remote work"
            }
          ]}
          buttons={[
            { text: "Explore Menu", href: "features" },
            { text: "Book a Table", href: "contact" }
          ]}
          ariaLabel="Hero section showcasing Aldo Cafe experience"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="About Aldo Cafe"
          description="Located in the heart of Salt Lake, Kolkata - an intimate, tastefully designed cafe blending rustic charm with gourmet appeal"
          textboxLayout="default"
          contentTag="OUR STORY"
          contentTagIcon={Coffee}
          contentTitle="A Cozy Escape for Coffee Lovers and Food Enthusiasts"
          contentDescription="Whether you're looking for a quiet corner to work, unwind with a cup of coffee, or dig into global comfort food, Aldo Cafe ticks all the boxes. With ambient lighting, soft music, and well-curated interiors, our cafe exudes an inviting vibe perfect for laid-back brunches, coffee dates, or productive workdays."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008357564-9usmgloq.jpg"
          imageAlt="Beautifully designed Aldo Cafe interior with warm ambiance"
          imagePosition="right"
          useInvertedBackground="noInvert"
          contentButtons={[
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="What Makes Aldo Cafe Special"
          description="Discover our carefully curated offerings that make your visit unforgettable"
          tag="MENU & EXPERIENCE"
          textboxLayout="default"
          features={[
            {
              id: "01",
              title: "Specialty Coffee & Beverages",
              description: "Smooth cortado, vietnamese iced coffee, and other expertly brewed beverages that coffee lovers will appreciate",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766488003604-v4xj6rf0.jpg",
              imageAlt: "Specialty coffee preparation"
            },
            {
              id: "02",
              title: "Global Comfort Food",
              description: "From sizzling shakshuka to fresh sourdough sandwiches with pesto, our menu features bold Mediterranean and global flavors",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008358780-8ieaehw5.jpg",
              imageAlt: "Delicious global cuisine"
            },
            {
              id: "03",
              title: "Dedicated Workspace",
              description: "Quiet corners and comfortable seating perfect for remote work, meetings, or creative endeavors throughout the day",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767008360222-fo4ro2ty.jpg",
              imageAlt: "Professional workspace setup"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Our Guests Say"
          description="Real experiences from coffee lovers, food enthusiasts, and remote workers who call Aldo their second home"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Patel",
              role: "Coffee Enthusiast",
              company: "Design Studio",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Sarah Patel portrait"
            },
            {
              id: "2",
              name: "Rahul Sharma",
              role: "Remote Developer",
              company: "Tech Startup",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Rahul Sharma portrait"
            },
            {
              id: "3",
              name: "Priya Mehta",
              role: "Food Blogger",
              company: "Travel & Eats",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Priya Mehta portrait"
            },
            {
              id: "4",
              name: "Arjun Kumar",
              role: "Business Owner",
              company: "Consulting",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "Arjun Kumar portrait"
            },
            {
              id: "5",
              name: "Anjali Singh",
              role: "Creative Director",
              company: "Marketing Agency",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Anjali Singh portrait"
            },
            {
              id: "6",
              name: "Vikram Das",
              role: "Freelance Writer",
              company: "Independent",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849443610-l0qvtf6n.jpg",
              imageAlt: "Vikram Das portrait"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about visiting Aldo Cafe and making the most of your experience"
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "What are your opening hours?",
              content: "We are open from 8 AM to 10 PM daily, perfect for your morning coffee, afternoon break, or evening hangout."
            },
            {
              id: "2",
              title: "Do you have a dedicated workspace area?",
              content: "Yes! We offer quiet corners and comfortable seating throughout our cafe, ideal for remote work and meetings. Free WiFi is available for all guests."
            },
            {
              id: "3",
              title: "Can I host private events or team meetings?",
              content: "Absolutely. Our cozy ambiance and flexible seating arrangements make us perfect for intimate gatherings. Please contact us to arrange details."
            },
            {
              id: "4",
              title: "What are your specialty beverages?",
              content: "Our cortado is a smooth, well-pulled espresso drink, and our vietnamese iced coffee offers the perfect balance of sweetness and caffeine. We also serve various other specialty coffee preparations."
            },
            {
              id: "5",
              title: "Are there vegetarian and vegan options?",
              content: "Yes, we offer several vegetarian options including our shakshuka, guacamole with feta, and sautéed veggies in pesto sauce on sourdough. We're happy to accommodate dietary preferences."
            },
            {
              id: "6",
              title: "Is outdoor seating available?",
              content: "Yes, we have a charming outdoor patio with two-seater tables, perfect for those who enjoy open-air dining and fresh atmosphere."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="RESERVATIONS"
          title="Ready for Your Aldo Experience?"
          description="Sign up to receive updates about new menu items, special events, and exclusive offers. Visit us at our Salt Lake location."
          tagIcon={MapPin}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Visit us: CD Block, Sector 1, Bidhannagar, Salt Lake, Kolkata 700064"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Aldo Cafe"
          description="A cozy cafe, eatery, and workspace in Salt Lake, Kolkata. Serving specialty coffee, global comfort food, and a welcoming space for everyone."
          columns={[
            {
              title: "Navigate",
              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Menu", href: "features" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Monday - Sunday: 8 AM - 10 PM" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: MapPin, href: "https://g.co/kgs/3e9CFUX", ariaLabel: "Google Maps Location" }
          ]}
          copyrightText="© 2025 Aldo Cafe. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}