"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { MapPin, Sparkles, Plane } from "lucide-react";
import SplitAbout from '@/components/sections/about/SplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Destinations", id: "destinations" },
            { name: "Experiences", id: "experiences" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
          brandName="Viatelier"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="viatelier"
          description="Curated luxury travel experiences across Italy's most iconic destinations. From the eternal beauty of Rome to the fashion capital of Milan, discover unforgettable moments in the heart of la bella Italia."
          buttons={[
            { text: "Explore Destinations", href: "destinations" },
            { text: "View Pricing", href: "pricing" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/front-view-attractive-brunette-woman-black-dress-sitting-near-coffee-table-with-view-city-sunny-evening_8353-11799.jpg"
          imageAlt="Luxury travel in Italy"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Experience authentic Italian" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/couple-dancing-by-pool-vacation_23-2149369707.jpg", alt: "Luxury experience" },
            { type: "text", content: "luxury like never before" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="destinations" data-section="destinations">
        <FeatureCardSixteen
          title="Iconic Italian Destinations"
          description="Each location offers a unique blend of history, culture, and world-class hospitality. Choose your next journey."
          tag="Destinations"
          tagIcon={MapPin}
          negativeCard={{
            items: ["Limited authentic access", "Generic tour experiences", "Rushed itineraries"]
          }}
          positiveCard={{
            items: ["Exclusive local connections", "Bespoke curated experiences", "Leisurely paced journeys"]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experiences" data-section="experiences">
        <ProductCardThree
          title="Luxury Experiences"
          description="Handcrafted journeys designed for discerning travelers seeking authentic Italian moments."
          products={[
            {
              id: "rome-ancient",              name: "Rome: Ancient History & Culinary Delights",              price: "€4,500",              imageSrc: "https://img.b2bpic.net/free-photo/inside-roman-colosseum-railing_1219-18.jpg",              imageAlt: "Rome experience"
            },
            {
              id: "florence-art",              name: "Florence: Renaissance Art & Wine Country",              price: "€5,200",              imageSrc: "https://img.b2bpic.net/free-photo/roman-colosseum-with-bright-blue-sky-clouds_1268-35819.jpg",              imageAlt: "Florence experience"
            },
            {
              id: "milan-fashion",              name: "Milan: Fashion, Design & Sophistication",              price: "€4,800",              imageSrc: "https://img.b2bpic.net/free-photo/inside-coliseum-rome_1084-65.jpg",              imageAlt: "Milan experience"
            },
            {
              id: "naples-coast",              name: "Naples & Amalfi: Coastal Paradise",              price: "€5,500",              imageSrc: "https://img.b2bpic.net/free-photo/roman-coliseum-seen-from-afar_1219-15.jpg",              imageAlt: "Naples experience"
            },
            {
              id: "venice-lagoon",              name: "Venice: The Floating City Experience",              price: "€4,900",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-low-angle-shot-roman-colosseum-architecture_181624-8311.jpg",              imageAlt: "Venice experience"
            },
            {
              id: "tuscany-retreat",              name: "Tuscany: Countryside Elegance & Vineyards",              price: "€5,800",              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081864.jpg",              imageAlt: "Tuscany experience"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Viatelier transformed my entire perspective on travel. Every detail was impeccably curated, from the authentic local experiences to the luxurious accommodations. This is not just a trip—it's a journey into the soul of Italy."
          rating={5}
          author="Margaret Ashford, Executive"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg", alt: "Margaret Ashford" },
            { src: "https://img.b2bpic.net/free-photo/beautiful-charming-casual-girl-joyfully-looking-camera-isolated_574295-3854.jpg", alt: "James Richardson" },
            { src: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg", alt: "Elena Rossi" },
            { src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Marco Bellini" },
            { src: "https://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg", alt: "Catherine Dubois" },
            { src: "https://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", alt: "Antonio Moretti" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Curated Travel Plans"
          description="Select the experience level that best suits your luxury travel preferences."
          plans={[
            {
              id: "essentials",              price: "€4,500",              name: "Essentials",              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              features: [
                "4-night curated experience",                "Luxury 5-star accommodation",                "Daily guided tours",                "3 gourmet meals per day",                "Airport transfers included"
              ]
            },
            {
              id: "premium",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "€6,800",              name: "Premium",              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              features: [
                "7-night exclusive experience",                "Luxury 5-star + exclusive venues",                "Personal concierge service",                "Michelin-star dining experiences",                "Private transportation & tours",                "Wine country excursions"
              ]
            },
            {
              id: "signature",              price: "€9,500",              name: "Signature",              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              features: [
                "10-night bespoke journey",                "Ultra-luxury accommodations",                "Dedicated travel curator",                "VIP private chef experience",                "Helicopter transfers available",                "Exclusive cultural events",                "Personalized itinerary design"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Discover Italy?"
          ctaDescription="Let us craft your perfect Italian luxury travel experience. Our travel experts are here to answer questions and create a bespoke itinerary just for you."
          ctaButton={{ text: "Schedule Consultation", href: "#" }}
          ctaIcon={Plane}
          faqs={[
            {
              id: "1",              title: "What is included in the experience packages?",              content: "Our packages include luxury accommodations, daily curated tours with expert guides, select meals at renowned restaurants, airport transfers, and personalized concierge services. Each package is designed to immerse you in authentic Italian culture while maintaining the highest standards of comfort and luxury."
            },
            {
              id: "2",              title: "Can you customize experiences for groups?",              content: "Absolutely. We specialize in bespoke group experiences for families, corporate retreats, and special occasions. Our team will work with you to create a tailored itinerary that meets your specific needs and preferences. Contact us for custom group pricing."
            },
            {
              id: "3",              title: "What is the best time to visit Italy?",              content: "Each season offers unique charm. Spring (April-May) and Fall (September-October) provide perfect weather and fewer crowds. Summer is ideal for coastal destinations, while winter offers a more intimate, authentic experience with fewer tourists."
            },
            {
              id: "4",              title: "Do you offer travel insurance and documentation assistance?",              content: "Yes, we provide comprehensive travel insurance options and assistance with all necessary documentation and visa requirements. Our concierge team handles all the details so you can focus on enjoying your journey."
            },
            {
              id: "5",              title: "How far in advance should I book?",              content: "We recommend booking 8-12 weeks in advance to ensure availability at luxury properties and exclusive experiences. However, we work with last-minute bookings whenever possible depending on availability."
            },
            {
              id: "6",              title: "What is your cancellation policy?",              content: "Our flexible cancellation policy allows cancellations up to 60 days before your departure with a full refund. Cancellations within 60 days may incur fees depending on supplier agreements. Contact us for specific terms."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Discover Paris"
          description="Step into the heart of Paris, where history and modernity blend seamlessly. From the Eiffel Tower to the Louvre, every corner tells a story."
          bulletPoints={[
            { title: "Eiffel Tower", description: "Iconic landmark offering panoramic views of the city." },
            { title: "Louvre Museum", description: "Home to thousands of works of art, including the Mona Lisa." },
            { title: "Notre-Dame Cathedral", description: "Gothic masterpiece with stunning architecture and history." },
            { title: "Montmartre", description: "Bohemian neighborhood with charming streets and vibrant nightlife." }
          ]}
          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
          imageAlt="Paris skyline with Eiffel Tower"
          imagePosition="left"
          textboxLayout="stacked"
          useInvertedBackground="none"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
                  title="Discover Rome"
                  description="Step into the heart of Rome, where ancient history and vibrant culture converge. From the Colosseum to the Vatican City, every stone whispers tales of the past."
                  bulletPoints={[
                    { title: "Colosseum", description: "Ancient amphitheater known for its gladiatorial contests." },
                    { title: "Vatican City", description: "Smallest independent state in the world, home to St. Peter's Basilica." },
                    { title: "Roman Forum", description: "Archaeological site and former marketplace of ancient Rome." },
                    { title: "Pantheon", description: "Remarkable temple known for its perfect dome and oculus." }
                  ]}
                  imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
                  imageAlt="Rome skyline with Colosseum"
                  imagePosition="left"
                  textboxLayout="stacked"
                  useInvertedBackground="none"
                />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Destinations",              items: [
                { label: "Rome", href: "#" },
                { label: "Florence", href: "#" },
                { label: "Milan", href: "#" },
                { label: "Naples", href: "#" },
                { label: "Venice", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Story", href: "#" },
                { label: "Team", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Viatelier. All rights reserved. Crafted for unforgettable Italian experiences."
        />
      </div>
    </ThemeProvider>
  );
}