"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { BarChart3, Bell, Heart, MapPin, MessageSquare, Quote, Sparkles, Star } from 'lucide-react';

export default function MadridGuide() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="large"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Madrid"
          button={{
            text: "Explore",            href: "#about"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Madrid"
          description="Discover the vibrant heart of Spain - where centuries of culture, art, and passion blend seamlessly with modern energy. Explore world-class museums, iconic landmarks, and unforgettable experiences."
          background={{
            variant: "sparkles-gradient"
          }}
          tag="Capital City"
          tagIcon={MapPin}
          buttons={[
            {
              text: "Start Exploring",              href: "#features"
            },
            {
              text: "Plan Your Visit",              href: "#contact"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/day-view-royal-palace_1398-4547.jpg",              imageAlt: "Royal Palace of Madrid"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-mature-woman-spending-time-around-city_23-2149117288.jpg",              imageAlt: "Gran Via street in Madrid"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/sunny-urban-landscape_23-2149504766.jpg",              imageAlt: "Prado Museum interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/long-shot-woman-walking-nature_23-2149884229.jpg",              imageAlt: "Retiro Park lake"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-hailing-cab_53876-14525.jpg",              imageAlt: "Madrid city lights at night"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Madrid"
          tagIcon={Heart}
          title="The Soul of Spain"
          description="Home to over 3 million people, Madrid stands as Spain's largest city and one of Europe's most dynamic capitals."
          subdescription="A city of endless discovery"
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/aerial-drone-view-barcelona-spain-blocks-with-multiple-residential-office-buildings_1268-19508.jpg"
          imageAlt="Madrid cityscape and skyline"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Top Attractions"
          description="Experience Madrid's most iconic destinations and world-renowned cultural institutions"
          tag="Attractions"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Prado Museum",              description: "One of the finest art museums in the world, housing masterpieces by Goya, Velázquez, and Bosch. A must-visit for art lovers.",              tag: "Art & Culture",              imageSrc: "https://img.b2bpic.net/free-photo/photographer-stands-abandoned-club-hall-tbilisi-georgia_181624-36786.jpg",              imageAlt: "Prado Museum exterior"
            },
            {
              id: "2",              title: "Retiro Park",              description: "A 125-hectare oasis in the heart of Madrid. Perfect for leisurely walks, boating on the lake, or simply relaxing by the fountains.",              tag: "Nature & Recreation",              imageSrc: "https://img.b2bpic.net/free-photo/famous-crystal-palace-retiro-park-madrid-spain_268835-1311.jpg",              imageAlt: "Retiro Park with lake"
            },
            {
              id: "3",              title: "Flamenco Experience",              description: "Immerse yourself in the passionate world of flamenco dance and music at authentic Madrid tablaos. A quintessential Spanish experience.",              tag: "Entertainment",              imageSrc: "https://img.b2bpic.net/free-photo/photographer-stands-abandoned-club-hall-tbilisi-georgia_181624-36786.jpg",              imageAlt: "Flamenco dancers performing"
            },
            {
              id: "4",              title: "Spanish Cuisine",              description: "Savor traditional tapas and modern culinary creations. From family-run restaurants to Michelin-starred establishments, Madrid delights every palate.",              tag: "Food & Dining",              imageSrc: "https://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361439.jpg",              imageAlt: "Spanish tapas and traditional dishes"
            }
          ]}
        />
      </div>

      <div id="cultural" data-section="cultural">
        <MetricCardEleven
          title="Madrid by Numbers"
          description="Key facts that showcase Madrid's significance and appeal"
          tag="Statistics"
          tagIcon={BarChart3}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "3M+",              title: "Population",              description: "Making it Spain's largest metropolitan area",              imageSrc: "https://img.b2bpic.net/free-photo/day-view-royal-palace_1398-4547.jpg",              imageAlt: "Madrid cityscape"
            },
            {
              id: "2",              value: "15M+",              title: "Annual Visitors",              description: "From every corner of the world",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-mature-woman-spending-time-around-city_23-2149117288.jpg",              imageAlt: "Busy streets of Madrid"
            },
            {
              id: "3",              value: "500+",              title: "Years of History",              description: "Rich cultural heritage and traditions",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-drone-view-barcelona-spain-blocks-with-multiple-residential-office-buildings_1268-19508.jpg",              imageAlt: "Historic Madrid architecture"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Visitor Testimonials"
          description="Real experiences from travelers who've fallen in love with Madrid"
          tag="Reviews"
          tagIcon={MessageSquare}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarah_travels",              testimonial: "Madrid absolutely captured my heart! The blend of history and modernity is perfect, and the food scene is incredible. Will definitely return!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Marco Rossi",              handle: "@marco.explores",              testimonial: "The Prado Museum alone is worth the trip. Combined with the friendly locals and amazing tapas bars, Madrid is unbeatable.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-woman-with-hat-posing_23-2148601989.jpg",              imageAlt: "Marco Rossi"
            },
            {
              id: "3",              name: "Emma Johnson",              handle: "@emma_wanderlust",              testimonial: "Retiro Park became my sanctuary. Such a peaceful escape in the heart of the city. Madrid knows how to balance urban life with nature.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-holding-photo-camera_23-2149901710.jpg",              imageAlt: "Emma Johnson"
            },
            {
              id: "4",              name: "Carlos Mendez",              handle: "@carlos_adventure",              testimonial: "The flamenco shows are mesmerizing! Energy, passion, and authenticity - that's Madrid. Every night feels like a celebration.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-camera_23-2149512385.jpg",              imageAlt: "Carlos Mendez"
            },
            {
              id: "5",              name: "Lucia Santos",              handle: "@lucia_culturelover",              testimonial: "As someone who appreciates art and culture, Madrid exceeded all expectations. The museums, galleries, and street art are phenomenal.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/horizontal-view-delighted-female-tourist-walks-street_273609-25750.jpg",              imageAlt: "Lucia Santos"
            },
            {
              id: "6",              name: "David Thomson",              handle: "@david_explorer",              testimonial: "One week wasn't enough! Madrid's nightlife, museums, parks, and cuisine make it one of Europe's most complete cities.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-tourist-has-glad-expression-wears-fashionable-headgear_273609-25749.jpg",              imageAlt: "David Thomson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Essential Information"
          sideDescription="Everything you need to know to plan your Madrid adventure"
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "What's the best time to visit Madrid?",              content: "Spring (April-May) and fall (September-October) offer pleasant weather. Summer can be hot and crowded, while winter is mild with fewer tourists. Each season has its charm!"
            },
            {
              id: "2",              title: "How do I get around Madrid?",              content: "Madrid has an excellent metro system, plus buses and taxis. A metro card (Abono Turístico) is economical. The city is also very walkable, especially the central areas."
            },
            {
              id: "3",              title: "What are must-see museums?",              content: "The Prado Museum is iconic. Also visit the Reina Sofía Museum for modern art, the Thyssen-Bornemisza Museum, and the Arqueológico Museum for diverse cultural experiences."
            },
            {
              id: "4",              title: "Where should I stay?",              content: "Gran Vía and Sol areas offer central locations. Malasaña and Chueca neighborhoods are trendy with great nightlife. Salamanca is upscale. Choose based on your travel style."
            },
            {
              id: "5",              title: "What local dishes should I try?",              content: "Must-try: Cocido Madrileño (chickpea stew), jamón ibérico (Iberian ham), croquetas, tortilla española, and churros con chocolate. And of course, plenty of tapas!"
            },
            {
              id: "6",              title: "Is Madrid expensive?",              content: "Madrid is moderate compared to other European capitals. Budget options exist, but fine dining and top museums cost more. Overall, it's reasonable for a major city."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Get Madrid Travel Tips"
          description="Subscribe to our newsletter for exclusive travel guides, hidden gems, local insights, and special offers for visiting Madrid."
          tagIcon={Bell}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Your Madrid adventure awaits!"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Explore",              items: [
                {
                  label: "Attractions",                  href: "#features"
                },
                {
                  label: "Cultural Experiences",                  href: "#cultural"
                },
                {
                  label: "Plan Your Visit",                  href: "#faq"
                }
              ]
            },
            {
              title: "Discover",              items: [
                {
                  label: "About Madrid",                  href: "#about"
                },
                {
                  label: "Visitor Reviews",                  href: "#testimonials"
                },
                {
                  label: "Travel Tips",                  href: "#faq"
                }
              ]
            },
            {
              title: "Connect",              items: [
                {
                  label: "Subscribe",                  href: "#contact"
                },
                {
                  label: "Contact Us",                  href: "#contact"
                },
                {
                  label: "Follow Us",                  href: "#"
                }
              ]
            }
          ]}
          bottomLeftText="© 2025 Madrid City Guide. All rights reserved."
          bottomRightText="Exploring the Heart of Spain"
        />
      </div>
    </ThemeProvider>
  );
}