"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Angelina Starr"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Store", id: "products" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to My Exclusive World"
          description="Experience premium content and connect with me on a deeper level. Get access to exclusive photos, videos, and personalized interactions."
          tag="Content Creator"
          imageSrc="https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
          imageAlt="Angelina Starr - Professional Portrait"
          buttons={[
            {
              text: "Join My Community",              href: "#contact"
            },
            {
              text: "Learn More",              href: "#about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Me"
          title="Connecting With My Community"
          description="I'm dedicated to creating authentic, high-quality content that resonates with my audience. With years of experience in content creation, I've built a thriving community of supporters who value genuine connections and exclusive access to my creative journey."
          metrics={[
            {
              value: "100K+",              title: "Active Community Members"
            },
            {
              value: "500+",              title: "Exclusive Posts Monthly"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-female-smiling-woman-looking-away-smile_197531-33093.jpg"
          imageAlt="Behind the scenes - Content creation"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Exclusive Collections"
          description="Browse my premium content packages and exclusive offerings designed specifically for my dedicated fans."
          tag="Featured Offers"
          products={[
            {
              id: "1",              name: "Exclusive Monthly Access",              price: "$29.99/month",              imageSrc: "https://img.b2bpic.net/free-photo/focused-man-working-with-digital-tablet-home-office_329181-19649.jpg",              imageAlt: "Exclusive Monthly Access Package"
            },
            {
              id: "2",              name: "Premium Content Bundle",              price: "$99.99",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-laptop-dark-background-with-bokeh_169016-43169.jpg",              imageAlt: "Premium Content Bundle"
            },
            {
              id: "3",              name: "VIP Membership",              price: "$199.99/month",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-man-virtual-date-with-laptop_23-2149295193.jpg",              imageAlt: "VIP Membership Package"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What My Community Says"
          description="Real feedback from my dedicated supporters and community members."
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Jessica M.",              handle: "@jess_loves_content",              testimonial: "Angelina's content is absolutely incredible! The exclusive access is worth every penny. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859448.jpg",              imageAlt: "Jessica M."
            },
            {
              id: "2",              name: "Marcus T.",              handle: "@marcus_fan",              testimonial: "Best investment I've made. The quality and authenticity are unmatched. Angelina truly cares about her community.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg",              imageAlt: "Marcus T."
            },
            {
              id: "3",              name: "Sarah K.",              handle: "@sarah_supporter",              testimonial: "The exclusive content and personal interactions make this membership absolutely worth it. Love being part of this community!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",              imageAlt: "Sarah K."
            },
            {
              id: "4",              name: "David R.",              handle: "@david_admirer",              testimonial: "Consistently amazing content. Angelina goes above and beyond to engage with her supporters. Fantastic experience!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg",              imageAlt: "David R."
            },
            {
              id: "5",              name: "Emma L.",              handle: "@emma_fan",              testimonial: "The value I get from the VIP membership is incredible. Angelina's dedication to quality content is evident in everything she creates.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg",              imageAlt: "Emma L."
            },
            {
              id: "6",              name: "Alex P.",              handle: "@alex_supporter",              testimonial: "Outstanding platform and community. I've never felt more valued as a fan. Angelina is the best!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              imageAlt: "Alex P."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          title="Join My Community Today"
          description="Subscribe to get exclusive updates, special offers, and early access to new content. Be the first to know about everything happening in my world."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Connect",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Store", href: "#products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#" },
                { label: "Contact Us", href: "#contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Instagram", href: "#" },
                { label: "Twitter", href: "#" },
                { label: "TikTok", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Angelina Starr. All rights reserved."
          bottomRightText="Crafted with excellence"
        />
      </div>
    </ThemeProvider>
  );
}