"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Compass, Star, BarChart3, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Estonia"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Discover", id: "features" },
            { name: "Stories", id: "testimonials" },
            { name: "Explore", id: "contact" }
          ]}
          bottomLeftText="Discover Baltic Culture"
          bottomRightText="welcome@estonia.travel"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Estonia: Where Medieval Charm Meets Digital Innovation"
          description="Explore the Nordic gem of the Baltic. From medieval Tallinn to pristine forests, singing traditions, and cutting-edge digital culture—Estonia awaits your discovery."
          tag="Baltic Destination"
          tagIcon={Compass}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-shot-historic-akershus-fortress-beautiful-cloudy-sky-oslo-norway_181624-8413.jpg",              imageAlt: "Tallinn Old Town medieval architecture"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-sandy-beach-cloudy-sky-vlissingen-zeeland-netherlands_181624-6827.jpg",              imageAlt: "Saaremaa island coastal landscape"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/late-afternoon-little-narragansett-bay_181624-54564.jpg",              imageAlt: "Estonian forest and bog nature"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-adults-having-fun-while-folk-dancing_23-2149849737.jpg",              imageAlt: "Estonian singing festival"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/waves-sea-near-coastline-empty-pebble-beach_169016-38374.jpg",              imageAlt: "Estonian midnight summer light"
            }
          ]}
          buttons={[
            { text: "Start Your Journey", href: "#features" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Estonia: A Land of Contrasts"
          description="Nestled in the heart of the Baltic region, Estonia is a captivating blend of ancient traditions and modern innovation. With a rich Viking heritage, medieval architecture, and a reputation as a digital pioneer, Estonia offers a unique cultural experience. Home to over 2,000 islands, pristine forests covering 50% of the land, and a vibrant cultural scene anchored by the iconic singing tradition, Estonia invites travelers to experience authentic Nordic beauty and progressive thinking."
          tag="About Estonia"
          imageSrc="https://img.b2bpic.net/free-vector/flat-denmark-map-infographic_23-2148789265.jpg"
          imageAlt="Map of Estonia showing geography"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore Culture", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Why Estonia Captivates Visitors"
          description="Experience the essence of Estonia through these defining characteristics that make it unforgettable."
          tag="Highlights"
          tagIcon={Star}
          features={[
            {
              id: "tallinn",              label: "Tallinn",              title: "Medieval Magic in the Modern Age",              items: [
                "UNESCO World Heritage Old Town",                "Cobblestone streets and ancient walls",                "Vibrant museums and galleries",                "Modern cafes and creative spaces"
              ],
              buttons: [
                { text: "Discover Tallinn", href: "#" }
              ]
            },
            {
              id: "nature",              label: "Nature",              title: "Pristine Wilderness & Island Escape",              items: [
                "2,222 islands waiting to explore",                "Vast forests and untouched landscapes",                "National parks and nature reserves",                "Perfect for hiking and kayaking"
              ],
              buttons: [
                { text: "Explore Nature", href: "#" }
              ]
            },
            {
              id: "culture",              label: "Culture",              title: "Living Traditions & Artistic Heritage",              items: [
                "UNESCO Intangible Cultural Heritage singing tradition",                "Folk festivals throughout the year",                "Traditional crafts and cuisine",                "Contemporary art and music scene"
              ],
              buttons: [
                { text: "Experience Culture", href: "#" }
              ]
            },
            {
              id: "digital",              label: "Digital",              title: "Innovation Hub of the Nordics",              items: [
                "E-governance and digital services",                "Startup ecosystem and tech innovation",                "High-speed internet connectivity",                "Smart city infrastructure"
              ],
              buttons: [
                { text: "Learn About E-Estonia", href: "#" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Estonia by the Numbers"
          description="Key statistics that define this remarkable Baltic nation."
          tag="Facts"
          tagIcon={BarChart3}
          metrics={[
            {
              id: "1",              value: "1.3M",              title: "Population",              items: [
                "~330,000 in capital Tallinn",                "Diverse Baltic population"
              ]
            },
            {
              id: "2",              value: "45K",              title: "Square Kilometers",              items: [
                "Roughly the size of Maryland",                "50% covered in forests"
              ]
            },
            {
              id: "3",              value: "2,222",              title: "Islands",              items: [
                "Largest: Saaremaa & Hiiumaa",                "Many accessible by ferry"
              ]
            },
            {
              id: "4",              value: "3.7M",              title: "Annual Visitors",              items: [
                "Growing tourism annually",                "Mostly from Nordic countries"
              ]
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Travelers Say About Estonia"
          description="Real stories from visitors who fell in love with Estonia's unique charm and spirit."
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sofia Larsson",              role: "Travel Blogger",              company: "Nordic Wanderer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-with-hat-carrying-backpack-while-traveling-alone_23-2148648688.jpg",              imageAlt: "Sofia Larsson"
            },
            {
              id: "2",              name: "Marcus Chen",              role: "Digital Nomad",              company: "Tech Explorer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "3",              name: "Elena Kovács",              role: "Cultural Journalist",              company: "European Cultures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg",              imageAlt: "Elena Kovács"
            },
            {
              id: "4",              name: "James O'Connor",              role: "Adventure Guide",              company: "Nordic Adventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/brazilian-young-man-holding-vintage-camera-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-31888.jpg",              imageAlt: "James O'Connor"
            },
            {
              id: "5",              name: "Yuki Tanaka",              role: "Photographer",              company: "Global Lens",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-laughing-young-man-with-beard-holding-sunglasses-posing-road-alps_197531-4384.jpg",              imageAlt: "Yuki Tanaka"
            },
            {
              id: "6",              name: "David Bergström",              role: "Heritage Enthusiast",              company: "Baltic Heritage",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-woman-with-hat-posing_23-2148601989.jpg",              imageAlt: "David Bergström"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the magic of Estonia? Start planning your Baltic adventure today. Connect with us for travel tips, itinerary suggestions, and exclusive insights into this remarkable Nordic destination."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Plan Your Visit", href: "#" },
            { text: "Get Travel Tips", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-village-russia-autumn-with-beautiful-yellow-trees-cloudy-sky_181624-4382.jpg"
          imageAlt="Beautiful Estonian landscape"
          logoText="Estonia"
          copyrightText="© 2025 Estonia Discovery | Celebrating Baltic Culture and Innovation"
          columns={[
            {
              title: "Explore",              items: [
                { label: "Tallinn", href: "#" },
                { label: "Islands", href: "#" },
                { label: "Nature Reserves", href: "#" },
                { label: "Festivals", href: "#" }
              ]
            },
            {
              title: "Learn",              items: [
                { label: "Culture & Heritage", href: "#" },
                { label: "Digital Estonia", href: "#" },
                { label: "Travel Guide", href: "#" },
                { label: "Local Experiences", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#" },
                { label: "Travel Tips", href: "#" },
                { label: "Newsletter", href: "#" },
                { label: "Social Media", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}