From 0b637e0610bbf8d544c581f9da673e17fa982f7a Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 18 Mar 2026 09:54:42 +0000 Subject: [PATCH] Update src/app/how-it-works/page.tsx --- src/app/how-it-works/page.tsx | 65 ++++++++--------------------------- 1 file changed, 14 insertions(+), 51 deletions(-) diff --git a/src/app/how-it-works/page.tsx b/src/app/how-it-works/page.tsx index dc57317..381f3ea 100644 --- a/src/app/how-it-works/page.tsx +++ b/src/app/how-it-works/page.tsx @@ -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" /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} />