Update src/app/how-it-works/page.tsx

This commit is contained in:
2026-03-18 09:54:42 +00:00
parent c3a4b19600
commit 0b637e0610

View File

@@ -36,9 +36,8 @@ export default function HowItWorksPage() {
brandName="WthYou"
navItems={navItems}
button={{
text: "Join Waitlist",
href: "#waitlist",
}}
text: "Join Waitlist", href: "#waitlist"}}
logoSrc="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' rx='8' fill='%232b180a'/%3E%3Ctext x='50%25' y='50%25' dominantBaseline='middle' textAnchor='middle' fill='%23f6f0e9' fontSize='20' fontWeight='bold' fontFamily='sans-serif'%3EW%3C/text%3E%3C/svg%3E"
/>
</div>
@@ -55,25 +54,13 @@ export default function HowItWorksPage() {
features={[
{
id: 1,
title: "Step 1: Create Your Profile",
description: "Sign up with basic information and tell us about yourself. What activities interest you? What are you looking for in a companion? Our smart matching system learns your preferences.",
imageSrc: "http://img.b2bpic.net/free-vector/online-education-background_52683-7600.jpg?_wi=2",
imageAlt: "Creating your WthYou profile",
},
title: "Step 1: Create Your Profile", description: "Sign up with basic information and tell us about yourself. What activities interest you? What are you looking for in a companion? Our smart matching system learns your preferences.", imageSrc: "http://img.b2bpic.net/free-vector/online-education-background_52683-7600.jpg?_wi=2", imageAlt: "Creating your WthYou profile"},
{
id: 2,
title: "Step 2: Browse & Connect",
description: "Browse our verified companion community. Read reviews, see compatibility matches, and chat with potential companions. Our AI helps surface the best matches for your specific needs.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=2",
imageAlt: "Browsing verified companions",
},
title: "Step 2: Browse & Connect", description: "Browse our verified companion community. Read reviews, see compatibility matches, and chat with potential companions. Our AI helps surface the best matches for your specific needs.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=2", imageAlt: "Browsing verified companions"},
{
id: 3,
title: "Step 3: Meet & Enjoy",
description: "Choose a safe public location and meet your companion. Start with an activity you both selected. Enjoy genuine human connection, with no judgment and no pressure.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-friends-outdoors_23-2149512391.jpg?_wi=2",
imageAlt: "Meeting your companion safely",
},
title: "Step 3: Meet & Enjoy", description: "Choose a safe public location and meet your companion. Start with an activity you both selected. Enjoy genuine human connection, with no judgment and no pressure.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-friends-outdoors_23-2149512391.jpg?_wi=2", imageAlt: "Meeting your companion safely"},
]}
/>
</div>
@@ -91,25 +78,13 @@ export default function HowItWorksPage() {
features={[
{
id: 1,
title: "Background Verification",
description: "All companions pass rigorous background checks. We verify identity, employment history, and references. No exceptions.",
imageSrc: "http://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg",
imageAlt: "Background check verified",
},
title: "Background Verification", description: "All companions pass rigorous background checks. We verify identity, employment history, and references. No exceptions.", imageSrc: "http://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg", imageAlt: "Background check verified"},
{
id: 2,
title: "Empathy Training",
description: "Our companions complete specialized training in emotional intelligence, boundaries, and inclusive communication. They're prepared to make every interaction respectful and meaningful.",
imageSrc: "http://img.b2bpic.net/free-vector/check-mark-shield-half-glyph-black-green_78370-4402.jpg",
imageAlt: "Training certification",
},
title: "Empathy Training", description: "Our companions complete specialized training in emotional intelligence, boundaries, and inclusive communication. They're prepared to make every interaction respectful and meaningful.", imageSrc: "http://img.b2bpic.net/free-vector/check-mark-shield-half-glyph-black-green_78370-4402.jpg", imageAlt: "Training certification"},
{
id: 3,
title: "Transparent Ratings",
description: "Every companion has publicly visible ratings from real users. You see genuine feedback before connecting. Our community keeps everyone accountable.",
imageSrc: "http://img.b2bpic.net/free-vector/5-star-rating-symbol-design_1017-14516.jpg",
imageAlt: "5-star rating system",
},
title: "Transparent Ratings", description: "Every companion has publicly visible ratings from real users. You see genuine feedback before connecting. Our community keeps everyone accountable.", imageSrc: "http://img.b2bpic.net/free-vector/5-star-rating-symbol-design_1017-14516.jpg", imageAlt: "5-star rating system"},
]}
/>
</div>
@@ -125,13 +100,9 @@ export default function HowItWorksPage() {
useInvertedBackground={false}
buttons={[
{
text: "Find a Companion",
href: "#find-companion",
},
text: "Find a Companion", href: "#find-companion"},
{
text: "Learn More About Companions",
href: "#learn-more",
},
text: "Learn More About Companions", href: "#learn-more"},
]}
buttonAnimation="slide-up"
/>
@@ -144,24 +115,16 @@ export default function HowItWorksPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Follow WthYou on Instagram",
},
href: "https://instagram.com", ariaLabel: "Follow WthYou on Instagram"},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Follow WthYou on Facebook",
},
href: "https://facebook.com", ariaLabel: "Follow WthYou on Facebook"},
{
icon: Linkedin,
href: "https://linkedin.com",
ariaLabel: "Connect with WthYou on LinkedIn",
},
href: "https://linkedin.com", ariaLabel: "Connect with WthYou on LinkedIn"},
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Follow WthYou on Twitter",
},
href: "https://twitter.com", ariaLabel: "Follow WthYou on Twitter"},
]}
/>
</div>