"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Heart, Twitter, Linkedin, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="ConnectHub"
          button={{
            text: "Join Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="ConnectHub"
          description="Break free from loneliness. Discover friends who share your interests and find activities to enjoy together. Your community is waiting."
          buttons={[
            { text: "Start Connecting", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/happy-three-friends-talking_23-2148653422.jpg"
          imageAlt="Friends gathering together in a social setting"
          frameStyle="card"
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "ConnectHub makes it easy to build" },
            { type: "text", content: "meaningful friendships" },
            { type: "text", content: "and discover social activities." }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore Features", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="How ConnectHub Works"
          description="A simple three-step process to find your next friend or activity"
          tag="Process"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Create Your Profile",              description: "Tell us about yourself - your interests, hobbies, and what you're looking for in friendships. This helps us match you with compatible people.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-three-friends-talking-sitting_23-2148653423.jpg",              imageAlt: "Create profile step illustration"
            },
            {
              id: 2,
              title: "Get Matched",              description: "Our intelligent matching algorithm finds people and activities that align with your interests. Discover friends who share your passions.",              imageSrc: "https://img.b2bpic.net/free-vector/colorful-technological-background_1010-559.jpg",              imageAlt: "Matching algorithm illustration"
            },
            {
              id: 3,
              title: "Connect & Enjoy",              description: "Connect with new friends and participate in activities together. Build meaningful relationships at your own pace.",              imageSrc: "https://img.b2bpic.net/free-photo/cheers-with-beer-summer-party-park_53876-127318.jpg",              imageAlt: "Connect and enjoy activities illustration"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Join thousands of people who have found meaningful connections"
          tag="Stats"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Active Members",              items: ["Growing community daily", "Verified profiles"]
            },
            {
              id: "2",              value: "10K+",              title: "Friendships Formed",              items: ["Meaningful connections", "Lasting relationships"]
            },
            {
              id: "3",              value: "5K+",              title: "Activities Organized",              items: ["Group events weekly", "All interest levels welcome"]
            },
            {
              id: "4",              value: "98%",              title: "Member Satisfaction",              items: ["Positive feedback", "Strong retention rate"]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Members Say"
          description="Real stories from people who found connection through ConnectHub"
          tag="Testimonials"
          showRating={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Emily Rodriguez",              handle: "@emilyrose",              testimonial: "I moved to a new city and felt incredibly alone. ConnectHub helped me find an amazing group of friends who share my love for hiking and board games. It's been life-changing!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859448.jpg",              imageAlt: "Emily Rodriguez portrait"
            },
            {
              id: "2",              name: "Marcus Johnson",              handle: "@marcus_j",              testimonial: "The matching algorithm is spot-on. I've met people I never would have connected with otherwise. Now I have a core group of friends and we do activities together multiple times a week.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg",              imageAlt: "Marcus Johnson portrait"
            },
            {
              id: "3",              name: "Sarah Chen",              handle: "@sarahchen",              testimonial: "As an introvert, making friends felt impossible. ConnectHub's approach is so non-judgmental and welcoming. I've found my people and genuinely look forward to our weekly meetups.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",              imageAlt: "Sarah Chen portrait"
            },
            {
              id: "4",              name: "David Smith",              handle: "@dave_smith",              testimonial: "After retirement, I wanted to stay active and connected. This app introduced me to people who share my interests in photography and travel planning. Couldn't ask for more!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg",              imageAlt: "David Smith portrait"
            },
            {
              id: "5",              name: "Jessica Lee",              handle: "@jess_lee",              testimonial: "I was struggling with social anxiety, but the community here is so supportive. Small group activities helped me build confidence and real friendships. Truly grateful.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/woman-with-blond-short-hair-tanned-smiling-cute-gazing-camera-with-friendly_176420-44610.jpg",              imageAlt: "Jessica Lee portrait"
            },
            {
              id: "6",              name: "Alex Thompson",              handle: "@alex_t",              testimonial: "ConnectHub fills a real gap in helping people overcome loneliness. The experience has been smooth, the people are genuine, and the friendships are authentic.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",              imageAlt: "Alex Thompson portrait"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about ConnectHub and how it works"
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Is ConnectHub safe and secure?",              content: "Yes, we prioritize member safety with verified profiles, secure messaging, and community guidelines. All personal information is encrypted and protected."
            },
            {
              id: "2",              title: "How does the matching algorithm work?",              content: "Our algorithm analyzes your interests, location, availability, and personality traits to find compatible friends. It gets smarter the more you use it."
            },
            {
              id: "3",              title: "Can I use ConnectHub if I'm new to the area?",              content: "Absolutely! ConnectHub is perfect for people new to a city. Many of our members are looking to build their social circle, just like you."
            },
            {
              id: "4",              title: "What age groups use ConnectHub?",              content: "Our community includes people of all ages, from young professionals to retirees. We have interest groups for every age range and lifestyle."
            },
            {
              id: "5",              title: "Is there a cost to use ConnectHub?",              content: "ConnectHub offers a free tier with basic features. Premium memberships unlock advanced matching and priority event access at affordable rates."
            },
            {
              id: "6",              title: "How do I know if someone is genuinely interested in friendship?",              content: "All ConnectHub members have verified profiles and genuine intentions. Our community guidelines and moderation ensure a safe, friendly environment for everyone."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Ready to find your community?"
          description="Join thousands of members building meaningful friendships and discovering activities together. Early members get exclusive perks and priority community features."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-friends-holding-bottles_23-2149409385.jpg"
          imageAlt="Community members connecting together"
          mediaPosition="right"
          tagIcon={Heart}
          inputPlaceholder="your@email.com"
          buttonText="Join Now"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="ConnectHub"
          copyrightText="© 2025 | ConnectHub. Bringing people together."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/connecthub", ariaLabel: "Follow ConnectHub on Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/connecthub", ariaLabel: "Connect with ConnectHub on LinkedIn" },
            { icon: Instagram, href: "https://instagram.com/connecthub", ariaLabel: "Follow ConnectHub on Instagram" }
          ]}
          logoLineHeight={1.2}
        />
      </div>
    </ThemeProvider>
  );
}