"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import BlogCardEight from '@/components/sections/blog/BlogCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Globe, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Attractions", id: "features" },
            { name: "Travel", id: "blog" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Estonia"
          button={{ text: "Explore Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="est"
          description="Discover the gateway to digital innovation and Nordic beauty. From medieval Old Towns to cutting-edge startups, explore a nation where ancient traditions meet modern technology."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456004857-8mx7jarq.jpg"
          imageAlt="Scenic view of Tallinn, est"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="A Digital Nation with a Rich Heritage"
          description="Estonia combines centuries of cultural tradition with modern technological advancement"
          subdescription="Birthplace of Skype, home to 13 unicorns, and trusted by 99% of citizens for digital services"
          icon={Globe}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456005543-6kcvafe3.jpg"
          imageAlt="Estonian cultural heritage and architecture"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThirteen
          title="Why Visit Estonia"
          description="Explore what makes Estonia a unique destination for travelers and entrepreneurs"
          tag="Highlights"
          features={[
            {
              id: "01",
              title: "Tech Innovation Hub",
              description: "Estonia is home to numerous startups and tech companies, including Skype. Experience the digital nation where e-governance and innovation thrive."
            },
            {
              id: "02",
              title: "Medieval Old Towns",
              description: "Wander through preserved medieval streets in Tallinn's Old Town, a UNESCO World Heritage site with cobblestone pathways and historic architecture."
            },
            {
              id: "03",
              title: "Pristine Nature",
              description: "Discover forests, lakes, and bogs that cover nearly half the country. Perfect for hiking, kayaking, and experiencing untouched Nordic wilderness."
            },
            {
              id: "04",
              title: "Baltic Culture",
              description: "Experience unique Estonian traditions, from the Singing Festival to local cuisine. Connect with a culture that values art, music, and community."
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEight
          title="Estonia by the Numbers: A Nation of Innovation and Heritage"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456008260-yy0tm1t9.jpg"
          imageAlt="Tallinn skyline and landscape"
          metrics={[
            { id: "1", value: "1.3M+", title: "Population" },
            { id: "2", value: "45K+", title: "Tech Professionals" },
            { id: "3", value: "100+", title: "Unicorn Startups" },
            { id: "4", value: "99%", title: "Internet Literacy" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Visitors and Entrepreneurs Say"
          description="Hear from those who have experienced Estonia's unique blend of innovation and culture"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson, Travel Blogger",
              date: "Date: 15 September 2024",
              title: "A Hidden Gem in Europe",
              quote: "Estonia exceeded all my expectations. The mix of medieval history and modern innovation is remarkable. From Tallinn's Old Town to the tech scene, there's something magical about this country.",
              tag: "Travel Experience",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456009049-mys3rkrz.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456006567-layvjasv.jpg"
            },
            {
              id: "2",
              name: "Michael Chen, Tech Entrepreneur",
              date: "Date: 22 August 2024",
              title: "Perfect Place for Innovation",
              quote: "I moved my startup to Estonia three years ago. The digital infrastructure, talent pool, and entrepreneurial spirit are unmatched. It's the best decision I made for my business.",
              tag: "Business Growth",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456009625-hmby1kwu.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456007386-j00wmqu1.jpg"
            },
            {
              id: "3",
              name: "David Martinez, Nature Enthusiast",
              date: "Date: 10 July 2024",
              title: "Nature Paradise",
              quote: "The forests and lakes of Estonia are breathtaking. I spent weeks exploring and feeling completely connected to nature. It's one of Europe's best-kept secrets.",
              tag: "Outdoor Adventure",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456010104-1pd2otyt.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456005999-tr8t73mu.jpg"
            },
            {
              id: "4",
              name: "Emma Wilson, Cultural Explorer",
              date: "Date: 28 June 2024",
              title: "Rich Cultural Heritage",
              quote: "The Estonian culture is fascinating. The people are welcoming, the traditions are vibrant, and the food is delicious. I felt like I stepped into a storybook.",
              tag: "Cultural Experience",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456011366-on37eiak.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456005543-6kcvafe3.jpg"
            },
            {
              id: "5",
              name: "Lisa Anderson, Digital Nomad",
              date: "Date: 15 May 2024",
              title: "Digital Paradise",
              quote: "As a digital nomad, Estonia's connectivity and digital services are incredible. Everything runs smoothly, and the e-governance system is ahead of the world.",
              tag: "Digital Experience",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456011676-y2un7c2v.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456004857-8mx7jarq.jpg"
            },
            {
              id: "6",
              name: "Thomas König, History Buff",
              date: "Date: 02 April 2024",
              title: "Walking Through History",
              quote: "Tallinn's Old Town is absolutely stunning. Every corner tells a story. The preservation of medieval architecture combined with modern city life is fascinating.",
              tag: "Historical Tourism",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456012179-c1io6crw.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456008260-yy0tm1t9.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardEight
          title="Discover Estonia"
          description="Read stories about Estonian culture, travel tips, and technology insights"
          tag="Articles"
          blogs={[
            {
              id: "1",
              category: "Culture & Travel",
              title: "Traditional Estonian Sauna Culture",
              tags: ["culture", "tradition", "5 min read"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456013163-a3vjex33.jpg"
            },
            {
              id: "2",
              category: "Travel Guide",
              title: "48 Hours in Tallinn: The Perfect Itinerary",
              tags: ["travel", "guide", "8 min read"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456013697-6msavoiy.jpg"
            },
            {
              id: "3",
              category: "Technology",
              title: "How Estonia Became a Digital Nation",
              tags: ["tech", "innovation", "7 min read"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767456013999-lr6xsyo7.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Subscribe to Estonia Insights"
          description="Get travel tips, cultural stories, and business opportunities delivered to your inbox. Join thousands of Estonia enthusiasts worldwide."
          tagIcon={Mail}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Estonia"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Attractions", href: "features" }
              ]
            },
            {
              items: [
                { label: "Travel Guides", href: "blog" },
                { label: "Culture", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Use", href: "#" },
                { label: "Cookies", href: "#" }
              ]
            },
            {
              items: [
                { label: "Tourism Board", href: "#" },
                { label: "Business Estonia", href: "#" },
                { label: "Support", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}