250 lines
13 KiB
TypeScript
250 lines
13 KiB
TypeScript
"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 MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Heart, MessageCircle, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
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: "Process", id: "#process"},
|
|
{
|
|
name: "Success Stories", id: "/success-stories"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Apply Now", id: "/apply-now"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="WUMA Match"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Premium Matchmaking, Personally Curated for You"
|
|
description="Skip the endless swiping. Our expert matchmakers connect you with genuinely compatible partners who share your values and life goals."
|
|
buttons={[
|
|
{
|
|
text: "Start Your Match Journey", href: "#contact"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg?_wi=1", imageAlt: "elegant couple fine dining city lights"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-kissing-woman-head_23-2147978608.jpg?_wi=1", 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?_wi=1", imageAlt: "professional woman confident smile"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/discussion-by-lunch_1098-15803.jpg?_wi=1", 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?_wi=1", imageAlt: "elegant man in city suit confident"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-protesting-outdoors_23-2150246612.jpg?_wi=1", imageAlt: "diverse group happy couples"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Your Journey to Lasting Love Starts Here"
|
|
description="WUMA Match is not just a dating service; it's a personalized experience designed for discerning individuals. We believe true connection goes beyond algorithms, focusing on shared values, lifestyle, and aspirations to forge meaningful relationships."
|
|
metrics={[
|
|
{
|
|
value: "90%", title: "Success Rate"},
|
|
{
|
|
value: "500+", title: "Happy Couples"},
|
|
{
|
|
value: "10", title: "Years Experience"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-discussing-business_23-2148911762.jpg"
|
|
imageAlt="warm, inviting office space consulting"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</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?_wi=1", imageAlt: "woman talking therapist office"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-wedding-planner-laptop-top-view_23-2148652056.jpg?_wi=1", 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?_wi=1", imageAlt: "two diverse people shaking hands meeting"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-letter-game_23-2147797126.jpg?_wi=1", 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?_wi=1", imageAlt: "woman listening empathetically advising"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-silhouette-nature-sunset_23-2150290723.jpg?_wi=1", 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="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Marketing Executive", company: "Global Brands", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", imageAlt: "smiling woman professional headshot"},
|
|
{
|
|
id: "2", name: "Michael L.", role: "Tech Entrepreneur", company: "Innovate Corp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-tasty-fries-outdoors_329181-20716.jpg", imageAlt: "smiling man professional headshot"},
|
|
{
|
|
id: "3", name: "Emily R.", role: "Financial Analyst", company: "Wealth Management Inc.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman_158595-954.jpg", imageAlt: "elegant woman posing candidly"},
|
|
{
|
|
id: "4", name: "David K.", role: "Senior Architect", company: "Urban Design Studio", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-discussing-business-while-smiling_23-2148746323.jpg", imageAlt: "professional man smiling candid"},
|
|
{
|
|
id: "5", name: "Olivia M.", role: "Healthcare Administrator", company: "Metropolitan Hospital", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-girl-making-assumptions-what-gets-as-christmas-present-looking-curious-happy-upper-lef_1258-135519.jpg", imageAlt: "woman looking thoughtfully joyful"},
|
|
]}
|
|
title="Real Connections, Real Stories"
|
|
description="Hear from our satisfied clients who found their perfect match and built fulfilling relationships with WUMA Match."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{
|
|
id: "1", name: "Eleanor Vance", role: "Head Matchmaker", imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-holding-hands_23-2147744904.jpg", imageAlt: "professional female matchmaker portrait"},
|
|
{
|
|
id: "2", name: "Julian Hayes", role: "Senior Matchmaking Advisor", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg", imageAlt: "professional male matchmaker portrait"},
|
|
{
|
|
id: "3", name: "Isabella Chen", role: "Client Relations Specialist", imageSrc: "http://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7538.jpg", imageAlt: "professional female assistant matchmaker"},
|
|
]}
|
|
title="Meet Your Dedicated Matchmakers"
|
|
description="Our team of experienced professionals is committed to understanding your unique needs and guiding you towards lasting love."
|
|
/>
|
|
</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?_wi=1"
|
|
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>
|
|
);
|
|
}
|