"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { BookOpen, Heart, HelpCircle, Info, Search, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "App",          id: "#app"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Baby Namer"
      button={{
        text: "Download App",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Discover the Perfect Name for Your Little One"
      description="Our app makes finding a meaningful baby name easy and joyful. Explore thousands of options, filter by faith, origin, and meaning, and save your favorites to share with family."
      tag="Joyful Naming Journey"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Get the App",          href: "#contact"},
        {
          text: "Explore Features",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/joyful-father-holds-his-pretty-little-son-green-sweater_1304-3042.jpg"
      imageAlt="Happy diverse family looking at a tablet with baby names"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="About Baby Namer"
      tagIcon={Info}
      title="Your Trusted Guide to Baby Naming Decisions"
      buttons={[
        {
          text: "Learn More About Us"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Explore by Categories",          description: "Filter names by gender, origin, religion (Christian, Muslim, etc.), and even celebrity picks. Discover names that fit your specific criteria.",          bentoComponent: "reveal-icon",          icon: Search
        },
        {
          title: "Detailed Name Meanings",          description: "Every name comes with its full meaning, historical background, and cultural significance. Make informed choices that hold deep personal value.",          bentoComponent: "reveal-icon",          icon: BookOpen
        },
        {
          title: "Save & Share Favorites",          description: "Create personalized lists of names you love and easily share them with your partner, family, and friends for their input and collaboration.",          bentoComponent: "reveal-icon",          icon: Heart
        }
      ]}
      title="Smart Naming Tools at Your Fingertips"
      description="Our app offers powerful features to help you narrow down the perfect name, making your journey from expecting to naming a delightful experience. Explore, filter, and discover with ease."
      tag="App Features"
      tagIcon={Sparkles}
    />
  </div>

  <div id="app" data-section="app">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "christian",          name: "Christian Names",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-with-smartphone-indoors_23-2150909676.jpg",          imageAlt: "Screenshot of Christian baby names in the app"},
        {
          id: "muslim",          name: "Muslim Names",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-pro-lantern-left-side-white-background_187299-35457.jpg",          imageAlt: "Screenshot of Muslim baby names in the app"},
        {
          id: "modern",          name: "Modern & Trendy",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-kid-repairing-car-toy_23-2149311283.jpg",          imageAlt: "Screenshot of modern baby names in the app"},
        {
          id: "classic",          name: "Classic Choices",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/hands-elderly-woman-holding-mobile-phone_169016-26441.jpg",          imageAlt: "Screenshot of classic baby names in the app"},
        {
          id: "unique",          name: "Unique & Rare",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/objects-showing-its-girl-expectancy_23-2150166823.jpg",          imageAlt: "Screenshot of unique baby names in the app"},
        {
          id: "popular",          name: "Top Popular Names",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-using-smartphone-indoors_23-2150909556.jpg",          imageAlt: "Screenshot of popular baby names in the app"}
      ]}
      title="A World of Names in Your Pocket"
      description="Our beautifully designed app brings the joy of name discovery right to your smartphone. Intuitive interfaces and rich data make name hunting a pleasure, all on a platform crafted for clarity and ease."
      tag="Explore Name Categories"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "New Mom",          company: "California",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/family-two-mums-having-baby_23-2149168823.jpg",          imageAlt: "Portrait of Sarah J., a happy new mom"},
        {
          id: "2",          name: "Michael C.",          role: "First-time Dad",          company: "New York",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-father-holding-baby-phone_23-2150166615.jpg",          imageAlt: "Portrait of Michael C., a happy first-time dad"},
        {
          id: "3",          name: "Emily R.",          role: "Expecting Parent",          company: "Texas",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pregnancy-woman-with-dental-cream_1398-3318.jpg",          imageAlt: "Portrait of Emily R., an expecting parent"},
        {
          id: "4",          name: "David K.",          role: "Parent of Two",          company: "Florida",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-family-outdoors-spending-time-together_1328-2466.jpg",          imageAlt: "Portrait of David K., a happy parent of two"},
        {
          id: "5",          name: "Jessica L.",          role: "Soon-to-be Mom",          company: "Washington",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medicine-healthcare-coronavirus-concept-cheerful-smiling-middle-aged-redhead-doctor-physician-nurse-blue-scrubs-showing-way-medical-worker-pointing-sideways-choosing_1258-17131.jpg",          imageAlt: "Portrait of Jessica L., a soon-to-be mom"},
      ]}
      title="Loved by Parents Everywhere"
      description="Hear what happy parents are saying about how our app helped them choose the perfect, most meaningful name for their little bundles of joy. Their stories inspire us daily."
      tag="Happy Families"
      tagIcon={Star}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "How does the app filter names by religion?",          content: "Our app features advanced filtering options that allow you to select specific religious categories, such as Christian, Muslim, Jewish, and more. Each name within these categories is curated to respect religious traditions and meanings."},
        {
          id: "2",          title: "Can I save names to a favorites list?",          content: "Yes, absolutely! You can easily save any name you like to a personalized favorites list. You can create multiple lists, sort them, and even add notes. Sharing your lists with family and friends is also just a tap away."},
        {
          id: "3",          title: "Is the app available on both iOS and Android?",          content: "Our Baby Namer app is available for download on both Apple's App Store and the Google Play Store, ensuring that all parents can access our comprehensive naming tools from their preferred device."},
        {
          id: "4",          title: "Are there any premium features?",          content: "The core functionalities of the Baby Namer app, including name browsing, filtering, and saving, are completely free. We may introduce optional premium features or content packs in the future to enhance your experience, but the essential tools will always remain free."},
      ]}
      title="Your Questions, Answered"
      description="We've compiled answers to common questions about our app and the baby naming process to help you on your journey. If you don't find what you're looking for, feel free to contact us."
      tag="Common Questions"
      tagIcon={HelpCircle}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static"}}
      tag="Get Started Today"
      title="Download Our App Now!"
      description="Ready to find the perfect name that truly speaks to you and your family? Download the Baby Namer app on your favorite platform. For any inquiries or support, feel free to reach out to us."
      inputPlaceholder="Enter your email for updates"
      buttonText="Stay Connected"
      termsText="By clicking 'Stay Connected' you agree to receive occasional updates and marketing emails."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/baby-cards-collection-flat-style_23-2147764058.jpg"
      logoText="Baby Namer"
      columns={[
        {
          title: "App",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "Categories",              href: "#app"},
            {
              label: "Download",              href: "#contact"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Baby Namer App. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
