Add src/app/how-it-works/page.tsx
This commit is contained in:
148
src/app/how-it-works/page.tsx
Normal file
148
src/app/how-it-works/page.tsx
Normal file
@@ -0,0 +1,148 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Heart, MessageCircle, Users } from "lucide-react";
|
||||
|
||||
export default function HowItWorksPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#home"},
|
||||
{ name: "About", id: "#about"},
|
||||
{ name: "How It Works", id: "/how-it-works"},
|
||||
{ name: "Testimonials", id: "#testimonials"},
|
||||
{ name: "Team", id: "#team"},
|
||||
{ name: "FAQ", id: "#faq"},
|
||||
{ name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="WUMA Match"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Our Matchmaking Process: Step-by-Step"
|
||||
description="Discover how WUMA Match connects you with your ideal partner through our personalized and proven method."
|
||||
buttons={[
|
||||
{ text: "Start Your Journey", href: "#contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg", imageAlt: "elegant couple fine dining city lights" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-kissing-woman-head_23-2147978608.jpg", imageAlt: "happy couple walking park autumn" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-running-street-while-being-late-work_637285-3086.jpg", imageAlt: "professional woman confident smile" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/discussion-by-lunch_1098-15803.jpg", imageAlt: "man and woman coffee shop engaging conversation" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg", imageAlt: "elegant man in city suit confident" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-protesting-outdoors_23-2150246612.jpg", imageAlt: "diverse group happy couples" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Personalized Consultation", description: "We conduct a deep dive into your desires, values, and lifestyle to understand what truly matters to you.", icon: Users,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-couple-sitting-cafe_171337-19076.jpg", imageAlt: "woman talking therapist office"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-wedding-planner-laptop-top-view_23-2148652056.jpg", imageAlt: "notebook with detailed notes planning"},
|
||||
]
|
||||
},
|
||||
{ title: "Curated Introductions", description: "Our expert matchmakers hand-pick and screen compatible partners, saving you time and ensuring quality.", icon: Heart,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-owner-planning-property-investment-office-tour-with-broker_482257-90821.jpg", imageAlt: "two diverse people shaking hands meeting"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-letter-game_23-2147797126.jpg", imageAlt: "matchmaker presenting profiles client"},
|
||||
]
|
||||
},
|
||||
{ title: "Ongoing Support & Guidance", description: "Receive valuable feedback and coaching throughout your matching journey to maximize your success.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207971.jpg", imageAlt: "woman listening empathetically advising"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-silhouette-nature-sunset_23-2150290723.jpg", imageAlt: "couple holding hands happily in distance"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Bespoke Matchmaking Process"
|
||||
description="Experience a service tailored to your unique preferences, ensuring every introduction is thoughtfully considered."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Elite Ventures", "Pinnacle Group", "Sophisticated Living", "Global Connections", "Executive Match", "Aesthetic Pursuits", "Legacy Partners"]}
|
||||
title="Trusted by Discerning Individuals"
|
||||
description="Our clients come from diverse professional backgrounds, united by their pursuit of meaningful connections and the highest standards of discretion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "What makes WUMA Match different?", content: "We offer a highly personalized, curated experience focusing on genuine compatibility and discretion, unlike typical algorithm-based dating apps."},
|
||||
{ id: "2", title: "How does the matchmaking process work?", content: "It begins with a confidential consultation, followed by curated introductions and ongoing support tailored to your unique preferences."},
|
||||
{ id: "3", title: "Is my privacy guaranteed?", content: "Absolutely. We prioritize your confidentiality and discretion above all else, with strict privacy protocols in place."},
|
||||
{ id: "4", title: "What kind of individuals do you match?", content: "We work with affluent, relationship-focused singles aged 28-55 who value quality connections and professional guidance."},
|
||||
]}
|
||||
title="Your Questions, Answered"
|
||||
description="Find answers to common questions about our personalized matchmaking services, process, and privacy."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Connect"
|
||||
title="Ready to Find Your Match?"
|
||||
description="Take the first step towards a fulfilling relationship. Schedule a confidential consultation with our team today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-laptop_23-2149963925.jpg"
|
||||
imageAlt="elegant woman on phone scheduling appointment"
|
||||
mediaAnimation="opacity"
|
||||
inputPlaceholder="Your Email Address"
|
||||
buttonText="Schedule Consultation"
|
||||
termsText="By clicking 'Schedule Consultation', you agree to our Terms and Conditions and Privacy Policy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="http://img.b2bpic.net/free-photo/notepad-with-inscription-4th-july-design-with-stars-red-surface_23-2148151321.jpg"
|
||||
logoAlt="modern elegant WUMA Match logo"
|
||||
logoText="WUMA Match"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user