"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Estonia"
          button={{
            text: "Explore",
            href: "#hero"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit 
          title="Discover Estonia's Hidden Magic"
          buttons={[
            {
              text: "Explore Now",
              href: "#about"
            },
            {
              text: "Learn More",
              href: "#features"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262986556-x26gd7ds.jpg",
              imageAlt: "Lush Estonian forest landscape"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262987791-yn68ztat.jpg",
              imageAlt: "Historic Tallinn Old Town medieval architecture"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262986556-x26gd7ds.jpg",
              imageAlt: "Serene Lake Peipus in Estonia"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262986556-x26gd7ds.jpg",
              imageAlt: "Beautiful Pärnu beach and coastline"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262991302-s1xiehzm.jpg",
              imageAlt: "Iconic Saaremaa island windmill"
            }
          ]
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout 
          heading={[
            {
              type: "text",
              content: "Estonia: Where Nordic Charm Meets Digital Innovation"
            },
            {
              type: "image",
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262992801-jv8qfuz0.jpg",
              alt: "Estonia flag"
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Visit Official Site",
              href: "https://visitestonia.com"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree 
          title="Why Visit Estonia"
          description="Experience a unique blend of natural beauty, cultural heritage, and cutting-edge innovation"
          features={[
            {
              id: "01",
              title: "Pristine Nature",
              description: "With 50% forest coverage and untouched wilderness, Estonia offers unparalleled natural experiences",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262989910-2u61ox5s.jpg",
              imageAlt: "Pristine Estonian forest"
            },
            {
              id: "02",
              title: "Medieval Culture",
              description: "Explore centuries-old traditions, historic towns, and architectural wonders frozen in time",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262993952-bdj829wn.jpg",
              imageAlt: "Historic Tallinn medieval architecture"
            },
            {
              id: "03",
              title: "Digital Innovation",
              description: "Visit the birthplace of Skype and e-governance, where technology shapes daily life",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262995013-mlar4f38.jpg",
              imageAlt: "Estonia technology and innovation"
            },
            {
              id: "04",
              title: "Medieval Charm",
              description: "Walk through perfectly preserved medieval towns and castles dating back centuries",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262988711-8n79jnpk.jpg",
              imageAlt: "Beautiful Estonian castle"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo 
          title="Visitor Stories"
          description="Hear from travelers who fell in love with Estonia"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              role: "Travel Blogger",
              testimonial: "Estonia completely exceeded my expectations. The combination of medieval charm and modern innovation is simply magical. Every corner has a story to tell.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Nature Photographer",
              testimonial: "The pristine forests and untouched landscapes are a photographer's dream. Estonia's natural beauty rivals any destination I've visited.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Cultural Enthusiast",
              testimonial: "Walking through Tallinn's Old Town felt like stepping back in time. The preservation of medieval architecture is absolutely breathtaking.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Tech Professional",
              testimonial: "As someone in tech, visiting the birthplace of e-governance and seeing digital innovation in action was inspiring. Estonia is truly ahead of its time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849444575-td00y2fe.jpg",
              imageAlt: "David Kim"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Newsletter"
          title="Stay Connected with Estonia"
          description="Subscribe to our newsletter for travel tips, cultural insights, and exclusive updates about events and attractions in Estonia."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767262986556-x26gd7ds.jpg"
          imageAlt="Beautiful Estonian landscape"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis 
          logoText="Estonia"
          columns={[
            {
              items: [
                {
                  label: "About Estonia",
                  href: "#about"
                },
                {
                  label: "Attractions",
                  href: "#features"
                },
                {
                  label: "Travel Guide",
                  href: "https://visitestonia.com"
                }
              ]
            },
            {
              items: [
                {
                  label: "Tallinn",
                  href: "#"
                },
                {
                  label: "Island Hopping",
                  href: "#"
                },
                {
                  label: "Nature Trails",
                  href: "#"
                }
              ]
            },
            {
              items: [
                {
                  label: "Contact Us",
                  href: "#contact"
                },
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Terms & Conditions",
                  href: "#"
                }
              ]
            }
          ]
        />
      </div>
    </ThemeProvider>
  );
}