"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="large"
      background="circleGradient"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Antic Culture"
          button={{
            text: "Visit Us",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Discover Ancient Cultures"
          description="Explore remarkable artifacts and stories from civilizations that shaped human history"
          tag="Museum Experience"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839156453-5nhzmpxu.jpg"
          imageAlt="Museum exhibition hall with ancient artifacts"
          buttons={[
            {
              text: "Explore Collections",
              href: "collections"
            },
            {
              text: "Plan Your Visit",
              href: "contact"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="About Our Museum"
          description="We are dedicated to preserving and presenting authentic artifacts from ancient civilizations. Our collection spans millennia of human achievement, offering visitors unparalleled insights into the cultures that came before us. Through careful curation and scholarly research, we bring history to life."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839158227-96rk58oq.jpg"
          imageAlt="Museum collection display"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn More",
              href: "#"
            }
          ]}
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardFifteen
          title="Our Collections"
          description="Explore our carefully curated selection of artifacts from different time periods and cultures"
          tag="Featured"
          features={[
            {
              id: "1",
              title: "Ancient Pottery",
              description: "Explore intricate ceramic vessels and figurines from multiple civilizations",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839162258-3iyetu0c.jpg",
              imageAlt: "Ancient pottery collection"
            },
            {
              id: "2",
              title: "Sculpture & Statuary",
              description: "View remarkable stone and bronze sculptures depicting gods, rulers, and daily life",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839160875-tl8v0wgr.jpg",
              imageAlt: "Ancient sculptures"
            },
            {
              id: "3",
              title: "Coins & Currency",
              description: "Examine rare coins and trade items that reveal economic histories",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839165185-zb0yc006.jpg",
              imageAlt: "Ancient coins collection"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Visitor Experiences"
          description="Hear from people who have been captivated by our collections"
          tag="Reviews"
          testimonials={[
            {
              id: "1",
              name: "Margaret Chen, Educator",
              date: "Date: 15 November 2024",
              title: "An invaluable educational resource",
              quote: "This museum provides students with direct access to history. The artifacts are beautifully presented and the scholarly context enriches every visit.",
              tag: "Educator",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766757633840-bzsqf3fp.jpg",
              avatarAlt: "Margaret Chen"
            },
            {
              id: "2",
              name: "David Morrison, Collector",
              date: "Date: 10 November 2024",
              title: "World-class presentation",
              quote: "The curatorial expertise on display here is exceptional. Every piece tells a story, and the museum brings these narratives to life in meaningful ways.",
              tag: "Collector",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766669026805-anjkh3w2.jpg",
              avatarAlt: "David Morrison"
            },
            {
              id: "3",
              name: "Sarah Williams, Historian",
              date: "Date: 8 November 2024",
              title: "A treasure trove for researchers",
              quote: "As a historian, I am continually impressed by the depth of research behind each exhibition. This is a serious institution dedicated to scholarly excellence.",
              tag: "Researcher",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839168644-rbqquws8.jpg",
              avatarAlt: "Sarah Williams"
            },
            {
              id: "4",
              name: "James Robertson, Tourist",
              date: "Date: 5 November 2024",
              title: "A unforgettable experience",
              quote: "My family was completely captivated. The museum made ancient history accessible and engaging for all ages. We are planning our next visit already.",
              tag: "Visitor",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766757634920-5uwhcylh.jpg",
              avatarAlt: "James Robertson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter for updates on new exhibitions, events, and behind-the-scenes stories from the museum"
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Antic Culture"
          columns={[
            {
              items: [
                {
                  label: "Collections",
                  href: "collections"
                },
                {
                  label: "About",
                  href: "about"
                },
                {
                  label: "Exhibitions",
                  href: "#"
                }
              ]
            },
            {
              items: [
                {
                  label: "Hours",
                  href: "#"
                },
                {
                  label: "Admission",
                  href: "#"
                },
                {
                  label: "Directions",
                  href: "#"
                }
              ]
            },
            {
              items: [
                {
                  label: "Contact",
                  href: "contact"
                },
                {
                  label: "Support",
                  href: "#"
                },
                {
                  label: "Press",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
