Files
a4b57bf2-9744-494d-9ead-4fe…/src/app/about/page.tsx
2026-03-18 09:31:36 +00:00

191 lines
7.5 KiB
TypeScript

"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>
);
}