"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Award, HelpCircle, Heart, Mail, Shield, Sparkles, Star, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  const navItems = [
    { name: "About", id: "about" },
    { name: "Features", id: "features" },
    { name: "Pricing", id: "pricing" },
    { name: "FAQ", id: "faq" },
    { name: "Contact", id: "contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="fluid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Worthist" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Discover Your Worth"
          description="Worthist is your premium destination for understanding and realizing your true value. We believe everyone deserves excellence."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Platform"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Now", href: "features" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg", imageAlt: "Premium lifestyle imagery 1" },
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg", imageAlt: "Premium lifestyle imagery 2" },
            { imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg", imageAlt: "Premium lifestyle imagery 3" },
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg", imageAlt: "Premium lifestyle imagery 4" },
            { imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg", imageAlt: "Premium lifestyle imagery 5" }
          ]}
          ariaLabel="Worthist hero section with carousel"
          className="min-h-screen flex items-center justify-center"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Worthist"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="We believe that understanding your worth is the first step toward excellence. Worthist empowers individuals and businesses to recognize, articulate, and maximize their unique value in a competitive world."
          buttons={[{ text: "Discover Our Story", href: "#" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About Worthist section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Why Choose Worthist"
          description="Experience premium features designed to elevate your understanding of value"
          tag="Core Features"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              title: "Premium Quality",              description: "Uncompromising standards in every detail, crafted for those who appreciate excellence",              icon: Shield,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg", imageAlt: "Quality assurance" },
                { imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-collection_23-2149051482.jpg", imageAlt: "Excellence standard" }
              ]
            },
            {
              title: "Smart Solutions",              description: "Innovative approaches that simplify complexity and deliver tangible results",              icon: Zap,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/shiny-bulb-businessman-s-hand_1232-148.jpg", imageAlt: "Innovation showcase" },
                { imageSrc: "http://img.b2bpic.net/free-photo/fingers-opening-future_1134-120.jpg", imageAlt: "Smart technology" }
              ]
            },
            {
              title: "Expert Support",              description: "Dedicated team committed to your success, available whenever you need guidance",              icon: Users,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/man-nurse-teaching-retired-woman-with-disability-use-smartphone_482257-24444.jpg", imageAlt: "Customer support" },
                { imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288167.jpg", imageAlt: "Expert assistance" }
              ]
            },
            {
              title: "Trusted Partnership",              description: "Build lasting relationships with a brand that values your success above all",              icon: Heart,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg", imageAlt: "Partnership value" },
                { imageSrc: "http://img.b2bpic.net/free-photo/fingers-opening-future_1134-120.jpg", imageAlt: "Trust foundation" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Features section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Worthist completely transformed how I view my professional value. The insights and guidance provided are invaluable for anyone serious about personal and business growth."
          rating={5}
          author="Sarah Mitchell, CEO"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Sarah Mitchell" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "John Chen" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Emma Rodriguez" },
            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Michael Torres" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonial section"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Transparent Pricing"
          description="Choose the perfect plan tailored to your needs and aspirations"
          tag="Investment"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          plans={[
            {
              id: "1",              price: "$29/month",              name: "Starter",              buttons: [
                { text: "Get Started", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: ["Access to core platform", "Basic resources and guides", "Email support", "Monthly insights"]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$79/month",              name: "Professional",              buttons: [
                { text: "Get Started", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: ["Full platform access", "Premium resources and templates", "Priority support", "Weekly insights and analytics", "Custom assessments"]
            },
            {
              id: "3",              price: "$199/month",              name: "Enterprise",              buttons: [
                { text: "Contact Sales", href: "#" },
                { text: "Schedule Demo", href: "#" }
              ],
              features: ["Unlimited access", "Dedicated account manager", "24/7 priority support", "Custom strategy sessions", "Advanced analytics and reporting"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Pricing plans section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about Worthist and how we can help you succeed"
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What is Worthist and how does it work?",              content: "Worthist is a premium platform designed to help individuals and businesses understand and maximize their unique value. We provide tools, insights, and expert guidance to help you articulate and realize your worth in the market."
            },
            {
              id: "2",              title: "Is there a free trial available?",              content: "Yes, we offer a 14-day free trial of our Professional plan. No credit card required. You'll have full access to all core features and resources to experience the full value of Worthist."
            },
            {
              id: "3",              title: "Can I upgrade or downgrade my plan?",              content: "Absolutely. You can upgrade or downgrade your plan at any time. Changes take effect on your next billing cycle, and we'll prorate any adjustments to your account."
            },
            {
              id: "4",              title: "What kind of support does Worthist provide?",              content: "Support varies by plan. Starter members get email support during business hours. Professional members receive priority support with faster response times. Enterprise clients get a dedicated account manager available 24/7."
            },
            {
              id: "5",              title: "How do I get started with Worthist?",              content: "Getting started is simple. Sign up for your preferred plan, complete your profile, and you'll immediately have access to our platform, resources, and onboarding guides. Our team is here to support you every step of the way."
            },
            {
              id: "6",              title: "Is my data secure with Worthist?",              content: "Security is our top priority. We use enterprise-grade encryption, regular security audits, and comply with international data protection standards to ensure your information is always safe and secure."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Stay Connected"
          description="Subscribe to our newsletter and receive exclusive insights, updates, and premium content delivered directly to your inbox."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg"
          imageAlt="Newsletter subscription"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
          ariaLabel="Newsletter contact section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "/" },
                { label: "About", href: "#about" },
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Support", href: "#contact" },
                { label: "Documentation", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" },
                { label: "Partners", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Worthist. All rights reserved."
          bottomRightText="Empowering your worth"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
