"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";

export default function SuccessPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "My Feelings", id: "declaration" },
    { name: "Will You?", id: "proposal" },
  ];

  const footerColumns = [
    {
      title: "Quick Links",
      items: [
        { label: "Home", href: "/" },
        { label: "My Feelings", href: "/declaration" },
        { label: "The Question", href: "/proposal" },
      ],
    },
    {
      title: "My Heart",
      items: [
        { label: "Forever Yours", href: "#" },
        { label: "Always & Forever", href: "#" },
        { label: "With All My Love", href: "#" },
      ],
    },
    {
      title: "For You Sonam",
      items: [
        { label: "Made with Love ❤️", href: "#" },
        { label: "From Your Heart", href: "#" },
        { label: "Forever & Always", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLarge"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="For Sonam ❤️"
          bottomLeftText="Made with Love"
          bottomRightText="Forever Yours"
        />
      </div>

      <div id="celebration" data-section="celebration">
        <HeroSplitTestimonial
          title="SHE SAID YES! 💕"
          description="Sonam, you've just made me the happiest person in the entire universe! This is the beginning of our beautiful love story together. Forever starts right now, right here, with you."
          background={{ variant: "radial-gradient" }}
          testimonials={[
            {
              name: "My Happiness",
              handle: "@forever_begins",
              testimonial: "You said YES! This moment will be forever etched in my heart. Thank you for choosing me, thank you for believing in us.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party_23-2147643334.jpg",
              imageAlt: "Celebration of love",
            },
          ]}
          buttons={[]}
          buttonAnimation="slide-up"
          mediaAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/friends-having-fun-party_23-2147643334.jpg"
          imageAlt="Celebration and joy"
          useInvertedBackground={false}
        />
      </div>

      <div id="success" data-section="success">
        <TestimonialCardTwo
          title="THANK YOU FOR CHOOSING ME"
          description="I WILL BE THE BEST PERSON YOU WOULD HAVE WANTED A RELATIONSHIP WITH. IT'S MY PROMISE TO THE MOST BEAUTIFUL GIRL IN THE UNIVERSE THAT IS YOU MY SONAM. You've made me the happiest person alive. Every promise I make to you, I will keep with all my heart. Let's build something beautiful together, forever."
          testimonials={[
            {
              id: "1",
              name: "My Love",
              role: "Forever Yours",
              testimonial: "This is just the beginning of our beautiful journey together. I promise to love you unconditionally, support your dreams, and be your forever companion.",
              imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party_23-2147643334.jpg",
              imageAlt: "Celebration of love",
            },
            {
              id: "2",
              name: "My Promise",
              role: "To You Always",
              testimonial: "I will cherish every moment with you, stand by your side through all of life's adventures, and love you more deeply with each passing day.",
              imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party_23-2147643334.jpg",
              imageAlt: "Love celebration",
            },
            {
              id: "3",
              name: "My Heart",
              role: "Belongs to You",
              testimonial: "You are my greatest blessing. Together, we will create memories that last a lifetime. I love you, Sonam.",
              imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party_23-2147643334.jpg",
              imageAlt: "Happy moment",
            },
            {
              id: "4",
              name: "Forever Begins",
              role: "Right Now",
              testimonial: "This is not an ending, but a beautiful new beginning for us. Let's write our love story together, one beautiful day at a time.",
              imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party_23-2147643334.jpg",
              imageAlt: "New beginning",
            },
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="Made with all my love for you, Sonam. ❤️ Forever yours."
        />
      </div>
    </ThemeProvider>
  );
}