a4b57bf2-9744-494d-9ead-4fe1d9e12dda/src/app/about/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { Heart, Shield, Lock, Star, CheckCircle, Instagram, Facebook, Linkedin, Twitter } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "How It Works", id: "how-it-works" },
    { name: "Services", id: "services" },
    { name: "Safety", id: "safety" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={navItems}
          brandName="WthYou"
          button={{
            text: "Join Waitlist",
            href: "#waitlist",
          }}
        />
      </div>

      <div id="about-hero" data-section="about-hero">
        <HeroSplitDualMedia
          title="Our Story: Building Trust Through Companionship"
          description="WthYou was born from a simple realization: genuine human connection should never be a luxury. We created a platform where verified, trained companions provide authentic friendship for everyday moments—because no one should have to do life alone."
          tag="About WthYou"
          tagIcon={Heart}
          tagAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-together-while-drinking-cup-coffee-coffee-shop_58466-16179.jpg?_wi=2",
              imageAlt: "Two friends enjoying warm conversation over coffee",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roommates-holding-plates_23-2148903615.jpg?_wi=2",
              imageAlt: "Diverse group of people connecting together",
            },
          ]}
          mediaAnimation="slide-up"
          rating={4.8}
          ratingText="Trusted by our community"
        />
      </div>

      <div id="about-metrics" data-section="about-metrics">
        <AboutMetric
          title="Why WthYou Exists"
          useInvertedBackground={false}
          metrics={[
            {
              icon: Heart,
              label: "People Seeking Connection",
              value: "5,000+",
            },
            {
              icon: Shield,
              label: "Background-Verified Companions",
              value: "500+",
            },
            {
              icon: Lock,
              label: "Safe, Private Moments",
              value: "10K+",
            },
            {
              icon: CheckCircle,
              label: "Community Trust Rating",
              value: "4.8/5",
            },
          ]}
          metricsAnimation="slide-up"
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardSix
          title="Stories That Inspired Our Mission"
          description="Real people sharing how genuine companionship transformed their lives."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Sarah",
              handle: "@sarah_new_city",
              testimonial: "Moving to a new city felt terrifying. My WthYou companion helped me explore and feel welcomed. I finally feel like I belong here.",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-work_23-2149304146.jpg?_wi=3",
              imageAlt: "Sarah's profile photo",
            },
            {
              id: "2",
              name: "James",
              handle: "@james_working_pro",
              testimonial: "After long work days, having someone to grab dinner with and actually talk to made all the difference. It's not therapy—it's real friendship.",
              imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-992.jpg?_wi=3",
              imageAlt: "James's profile photo",
            },
            {
              id: "3",
              name: "Priya",
              handle: "@priya_belonging",
              testimonial: "As a senior, I was lonely. WthYou connected me with a wonderful companion. We go shopping, have tea, and laugh together. Life feels full again.",
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12691.jpg?_wi=3",
              imageAlt: "Priya's profile photo",
            },
            {
              id: "4",
              name: "Alex",
              handle: "@alex_safe_space",
              testimonial: "Finding a non-judgmental companion who truly gets me has been life-changing. For the first time, I feel completely safe being myself.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-man-cafe-standing-by-window-talking-phone_1303-20075.jpg?_wi=3",
              imageAlt: "Alex's profile photo",
            },
            {
              id: "5",
              name: "Maya",
              handle: "@maya_connection",
              testimonial: "I thought I'd have to feel alone forever. WthYou showed me that authentic human connection is possible. I'm so grateful.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-stylish-woman-sitting-wall_285396-4441.jpg?_wi=3",
              imageAlt: "Maya's profile photo",
            },
            {
              id: "6",
              name: "David",
              handle: "@david_newfriend",
              testimonial: "My companion has become my trusted friend. We share activities, conversations, and genuine laughter. This is what I needed.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-smartphone_23-2147841133.jpg?_wi=3",
              imageAlt: "David's profile photo",
            },
          ]}
          speed={35}
          topMarqueeDirection="left"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="WthYou"
          copyrightText="© 2025 WthYou | Trusted friend when you need it most."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Follow WthYou on Instagram",
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Follow WthYou on Facebook",
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com",
              ariaLabel: "Connect with WthYou on LinkedIn",
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Follow WthYou on Twitter",
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}