"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureProcessSteps from "@/components/sections/feature/FeatureProcessSteps";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Camera, Compass, Heart, Star, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Estonia"
          navItems={[
            { name: "Explore", id: "features" },
            { name: "Culture", id: "about" },
            { name: "Experience", id: "product" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Plan Visit", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Discover Estonia: Where Baltic Beauty Meets Innovation"
          description="Experience Nordic charm, pristine nature, and cutting-edge digital culture in Northern Europe's most captivating destination."
          tag="Explore Estonia"
          tagIcon={Compass}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/natural-beautiful-winter-landscape_23-2150264612.jpg",              imageAlt: "Estonian landscape with forests and lakes"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-historical-castle-dark-cloudy-sky_181624-8799.jpg",              imageAlt: "Historic Tallinn Old Town medieval architecture"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-pine-forest-summer-day-nature-wallpaper-tall-trees-pine-trees-growing-old-forest_639032-730.jpg",              imageAlt: "Dense Estonian forest and woodlands"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/land-with-lot-bushes-near-sea-cloudy-sky_181624-13156.jpg",              imageAlt: "Serene Estonian lake landscape"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-sandy-beach-cloudy-sky-vlissingen-zeeland-netherlands_181624-6827.jpg",              imageAlt: "Baltic coastal scenery"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/photovoltaics-factory-management-team-looking-manufacturing-data-notebook_482257-119418.jpg",              imageAlt: "Estonia digital innovation hub"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/estonia-representative-elements-collection_1078-103.jpg",              imageAlt: "Estonian cultural heritage and traditions"
            }
          ]}
          buttons={[
            { text: "Start Exploring", href: "features" },
            { text: "Plan Your Visit", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Estonia is a Nordic nation that combines ancient traditions with digital innovation, offering visitors unforgettable experiences across pristine forests, medieval towns, and vibrant cultural centers."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          title="Why Choose Estonia?"
          description="From natural wonders to digital excellence, Estonia offers a unique blend of experiences that make it Europe's most compelling destination."
          tag="Key Advantages"
          tagIcon={Star}
          steps={[
            {
              number: "01",              title: "Natural Beauty",              tag: "Nordic Paradise",              description: "Pristine forests, crystal-clear lakes, and unspoiled coastlines create an outdoor paradise for nature lovers and adventure seekers."
            },
            {
              number: "02",              title: "Rich Heritage",              tag: "Medieval Charm",              description: "Medieval Old Towns, traditional villages, and centuries-old castles tell the story of Estonia's captivating cultural legacy."
            },
            {
              number: "03",              title: "Digital Innovation",              tag: "Tech Hub",              description: "Home to Skype and e-governance pioneers, Estonia leads the digital revolution with cutting-edge technology and startup culture."
            }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Experiences", href: "product" }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardThree
          title="Estonian Experiences"
          description="Immerse yourself in authentic Estonian experiences and unforgettable adventures."
          tag="Gallery"
          tagIcon={Camera}
          products={[
            {
              id: "1",              name: "Tallinn Old Town Walking Tour",              price: "From €45",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-historical-castle-dark-cloudy-sky_181624-8799.jpg",              imageAlt: "Tallinn Old Town historic streets"
            },
            {
              id: "2",              name: "Forest Spa & Wellness Retreat",              price: "From €150",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-pine-forest-summer-day-nature-wallpaper-tall-trees-pine-trees-growing-old-forest_639032-730.jpg",              imageAlt: "Estonian forest wellness experience"
            },
            {
              id: "3",              name: "Island Hopping Adventure",              price: "From €200",              imageSrc: "https://img.b2bpic.net/free-photo/land-with-lot-bushes-near-sea-cloudy-sky_181624-13156.jpg",              imageAlt: "Estonian island exploration"
            },
            {
              id: "4",              name: "Tech Innovation Tour",              price: "From €60",              imageSrc: "https://img.b2bpic.net/free-photo/photovoltaics-factory-management-team-looking-manufacturing-data-notebook_482257-119418.jpg",              imageAlt: "Estonia tech startup hub tour"
            },
            {
              id: "5",              name: "Traditional Food Experience",              price: "From €85",              imageSrc: "https://img.b2bpic.net/free-photo/man-pouring-crackers-into-soyutma-bouillon-side-view_141793-3235.jpg",              imageAlt: "Estonian traditional cuisine"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Now", href: "contact" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="Visitor Stories"
          description="Hear from travelers who fell in love with Estonia's magic and charm."
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Travel Writer",              company: "Nordic Explorer Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Johnson, travel writer"
            },
            {
              id: "2",              name: "Marcus Chen",              role: "Tech Entrepreneur",              company: "Silicon Valley Innovator",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              imageAlt: "Marcus Chen, tech entrepreneur"
            },
            {
              id: "3",              name: "Elena Rossi",              role: "Nature Photographer",              company: "National Geographic",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Elena Rossi, nature photographer"
            },
            {
              id: "4",              name: "James Murphy",              role: "Tourism Director",              company: "European Travel Association",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",              imageAlt: "James Murphy, tourism director"
            },
            {
              id: "5",              name: "Olga Volkov",              role: "Adventure Blogger",              company: "Global Wanderer",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageAlt: "Olga Volkov, adventure blogger"
            },
            {
              id: "6",              name: "David Wong",              role: "Culture Enthusiast",              company: "World Heritage Foundation",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg",              imageAlt: "David Wong, culture enthusiast"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardTen
          title="Estonia By The Numbers"
          description="Discover fascinating statistics about Estonia's unique offerings."
          tag="Key Stats"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              title: "World's Fastest Internet",              subtitle: "Average speed in major cities",              category: "Technology",              value: "1 Gbps+"
            },
            {
              id: "2",              title: "Protected Forests",              subtitle: "Percentage of land coverage",              category: "Nature",              value: "50%"
            },
            {
              id: "3",              title: "UNESCO Sites",              subtitle: "World Heritage designations",              category: "Culture",              value: "3"
            },
            {
              id: "4",              title: "Estonian Language",              subtitle: "Speakers worldwide",              category: "Heritage",              value: "1.1M"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about visiting Estonia."
          tag="Help & Information"
          faqs={[
            {
              id: "1",              title: "When is the best time to visit Estonia?",              content: "Summer (June-August) offers the warmest weather and longest daylight hours. Winter (December-February) is magical for Northern Lights viewing. Spring and autumn provide pleasant temperatures and fewer crowds."
            },
            {
              id: "2",              title: "Do I need a visa to visit Estonia?",              content: "EU and EEA citizens can travel visa-free. US, Canadian, and Australian citizens can stay up to 90 days visa-free. For other nationalities, check current visa requirements with Estonian immigration services."
            },
            {
              id: "3",              title: "What is the local currency?",              content: "Estonia uses the Euro (EUR). ATMs are widely available, and major credit cards are accepted in most establishments. Some smaller venues may require cash."
            },
            {
              id: "4",              title: "What language is spoken in Estonia?",              content: "Estonian is the official language. However, English is widely spoken in cities, tourist areas, and among younger generations. Russian is also spoken by some residents."
            },
            {
              id: "5",              title: "How do I get around Estonia?",              content: "Estonia has excellent public transportation with buses, trams, and trains connecting cities. Tallinn offers an integrated transport system. Renting a car is convenient for exploring natural areas and smaller towns."
            },
            {
              id: "6",              title: "What are must-see attractions?",              content: "Tallinn Old Town, Toompea Castle, Kaarli Church, Lake Peipsi, Pärnu Beach, and Soomaa National Park are top attractions. Digital museums and tech tours showcase Estonia's innovation leadership."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to embark on your Estonian adventure? Start planning your journey today and experience the magic of Northern Europe."
          animationType="entrance-slide"
          buttons={[
            { text: "Plan Your Visit", href: "https://www.estonianedu.ee" },
            { text: "Get More Information", href: "mailto:info@visitestonia.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-scenery-grassy-hill-by-sea-sunset_181624-12582.jpg"
          imageAlt="Estonia Northern Lights over forest landscape"
          logoText="Estonia"
          copyrightText="© 2025 Visit Estonia. All rights reserved."
          columns={[
            {
              title: "Explore",              items: [
                { label: "Destinations", href: "features" },
                { label: "Experiences", href: "product" },
                { label: "Culture & Heritage", href: "about" },
                { label: "Nature & Parks", href: "features" }
              ]
            },
            {
              title: "Plan Your Trip",              items: [
                { label: "Getting There", href: "faq" },
                { label: "Accommodation", href: "contact" },
                { label: "Transportation", href: "faq" },
                { label: "Travel Guide", href: "faq" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Visit Estonia Official", href: "https://www.visitestonia.com" },
                { label: "Contact Us", href: "contact" },
                { label: "Follow Us", href: "https://www.instagram.com/visitestonia" },
                { label: "Newsletter", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}