"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, Facebook, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Angel Tours"
          navItems={[
            { name: "Tours", id: "tours" },
            { name: "About", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="ANGEL TOURS MADRID"
          description="Discover the magic of Spain's vibrant capital with expertly curated tours through iconic landmarks, hidden gems, and authentic cultural experiences"
          buttons={[
            { text: "Explore Tours", href: "tours" },
            { text: "Book Your Adventure", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/palais-longchamp-blue-sky-sunlight-marseille-france_181624-19685.jpg",              imageAlt: "Prado Museum Madrid"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/galleria-vittorio-emanuele-milan_181624-9069.jpg",              imageAlt: "Royal Palace Madrid"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/illuminated-temple-debod-madrid_1139-78.jpg",              imageAlt: "Plaza Mayor Madrid"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Experience Madrid Through" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/women-taking-pictures-narrow-street_23-2147771244.jpg",              alt: "Madrid skyline"
            },
            { type: "text", content: "Expert Local Eyes" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="tours" data-section="tours">
        <FeatureCardOne
          title="Our Featured Tours"
          description="Handpicked experiences that capture the essence of Madrid, from world-class museums to lively neighborhoods and authentic Spanish culture"
          tag="Popular Tours"
          textboxLayout="default"
          gridVariant="bento-grid"
          animationType="slide-up"
          features={[
            {
              title: "Prado Museum Masterpiece",              description: "Explore one of the world's finest art museums with an expert guide, from Goya to Velázquez's Las Meninas",              imageSrc: "https://img.b2bpic.net/free-photo/male-artist-showing-his-painting-female-client-interested-buying-some-artwork-from-exihibiton-art-gallery_662251-355.jpg",              imageAlt: "Prado Museum tour",              button: { text: "View Tour", href: "#" }
            },
            {
              title: "Historic Madrid Walking Tour",              description: "Wander through centuries of history in the city's most charming medieval streets and iconic plazas",              imageSrc: "https://img.b2bpic.net/free-photo/people-looking-picture-art-gallery_119272-37.jpg",              imageAlt: "Historic walking tour",              button: { text: "View Tour", href: "#" }
            },
            {
              title: "Spanish Culinary Experience",              description: "Taste authentic flavors in local markets and restaurants, discovering Madrid's gastronomic traditions",              imageSrc: "https://img.b2bpic.net/free-photo/visitor-looking-pictures-art-gallery_1398-4578.jpg",              imageAlt: "Food tasting tour",              button: { text: "View Tour", href: "#" }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Retiro Park Serenity",              description: "Escape into one of Europe's most beautiful urban parks, with its peaceful lakes, sculptures, and lush gardens perfect for a leisurely afternoon",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/famous-facade-notredamededijon_268835-4020.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/famous-facade-notredamededijon_268835-4020.jpg"
              }
            },
            {
              id: 2,
              title: "Modern Art at Reina Sofía",              description: "Discover contemporary masterpieces including Picasso's Guernica in Spain's premier modern art museum",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-galleria-vittorio-emanuele-milan-italy_181624-54674.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-galleria-vittorio-emanuele-milan-italy_181624-54674.jpg"
              }
            },
            {
              id: 3,
              title: "Ancient Templo Debod Sunset",              description: "Watch the golden sunset from this 2,300-year-old Egyptian temple overlooking the city, a magical end to your Madrid day",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/view-capitole-city-hall-is-municipal-administration-toulouse-city-france_268835-3652.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/view-capitole-city-hall-is-municipal-administration-toulouse-city-france_268835-3652.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          title="Iconic Madrid Destinations"
          description="From serene parks to world-class museums, experience the landmarks that define our beautiful city"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="highlights" data-section="highlights">
        <FeatureCardMedia
          title="Why Choose Angel Tours"
          description="We bring Madrid to life with passion, expertise, and personalized attention to every traveler"
          tag="Our Advantages"
          textboxLayout="default"
          animationType="scale-rotate"
          features={[
            {
              id: "expert-guides",              title: "Expert Local Guides",              description: "Licensed professionals with deep knowledge of Madrid's history, culture, and hidden gems",              tag: "Expert",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-people-looking-painting_23-2149911914.jpg"
            },
            {
              id: "small-groups",              title: "Intimate Small Groups",              description: "Limited group sizes ensure personal attention and authentic interactions with local guides",              tag: "Exclusive",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-couple-looking-painting_23-2149911913.jpg"
            },
            {
              id: "authentic-experiences",              title: "Authentic Experiences",              description: "Go beyond typical tourist routes to discover the real Madrid loved by locals",              tag: "Authentic",              imageSrc: "https://img.b2bpic.net/free-photo/back-view-couple-looking-painting_23-2149911895.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Travelers Say"
          description="Hear from visitors who've discovered the magic of Madrid with Angel Tours"
          tag="Guest Reviews"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Travel Blogger",              date: "Date: November 2024",              title: "An unforgettable Madrid experience",              quote: "Angel Tours gave us the most immersive Madrid experience we could have imagined. Our guide Maria knew every corner of the city and shared stories that brought history to life. The small group size made everything feel personal and authentic.",              tag: "Grand Tour Package",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg"
            },
            {
              id: "2",              name: "James Rodriguez, Art Enthusiast",              date: "Date: October 2024",              title: "The Prado tour exceeded expectations",              quote: "As an art lover, I've visited many museums. But the guided Prado experience with Angel Tours was exceptional. Our guide's passion and expertise transformed how I understood these masterpieces. Highly recommended.",              tag: "Museum Master",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg"
            },
            {
              id: "3",              name: "Emma Garcia, Student",              date: "Date: September 2024",              title: "Best travel decision of my semester",              quote: "I studied abroad in Madrid for a semester and booked Angel Tours for a special weekend. The food tour was incredible - authentic tapas, local markets, real Madrid culture. Our guide Juan made us feel like locals exploring our own city.",              tag: "Food Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
            },
            {
              id: "4",              name: "David Chen, Family Traveler",              date: "Date: August 2024",              title: "Perfect family-friendly adventure",              quote: "Traveling with kids to a new city can be challenging, but Angel Tours made it magical. Our guide was patient, engaging with our children, and knowledgeable. Madrid felt approachable and exciting because of this tour.",              tag: "Family Escape",              avatarSrc: "https://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"
            },
            {
              id: "5",              name: "Isabella Rossi, Architecture Lover",              date: "Date: July 2024",              title: "Discovered Madrid's architectural soul",              quote: "The historic walking tour opened my eyes to Madrid's stunning architecture. From medieval alleyways to grand plazas, every turn revealed something beautiful. Our guide Marco's architectural knowledge was outstanding.",              tag: "Historic Explorer",              avatarSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg"
            },
            {
              id: "6",              name: "Thomas Müller, Luxury Traveler",              date: "Date: June 2024",              title: "Premium service, authentic Madrid",              quote: "Angel Tours delivered luxury service with authentic experiences. No cookie-cutter tours here - every detail was thoughtfully curated. Worth every euro for the quality and professionalism.",              tag: "VIP Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Madrid Adventure"
          description="Let us know your interests and preferred dates. Our team will craft the perfect tour experience just for you."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            },
            {
              name: "tour_type",              type: "text",              placeholder: "Tour Type (e.g., Art, Food, Historic)",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your interests and preferred dates...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/women-looking-fans-street_23-2147771250.jpg"
          imageAlt="Madrid evening cityscape"
          mediaPosition="right"
          buttonText="Request Tour"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Angel Tours"
          copyrightText="© 2025 Angel Tours Madrid. All rights reserved. Crafted to celebrate the magic of Spain's capital."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/angeltoursmadriad",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/angeltoursmadriad",              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/angeltoursmadriad",              ariaLabel: "Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}