|
|
|
|
@@ -9,8 +9,7 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
|
import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
|
|
|
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
|
import { Coffee, Heart, Instagram, Linkedin, Twitter, Users } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
@@ -31,11 +30,14 @@ export default function LandingPage() {
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Features", id: "features" },
|
|
|
|
|
{ name: "Memories", id: "memories" },
|
|
|
|
|
{ name: "Stories", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
{
|
|
|
|
|
name: "About", id: "about"},
|
|
|
|
|
{
|
|
|
|
|
name: "Features", id: "features"},
|
|
|
|
|
{
|
|
|
|
|
name: "Stories", id: "testimonials"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="Kindred"
|
|
|
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
|
|
|
@@ -44,12 +46,15 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogoBillboard
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "radial-gradient"}}
|
|
|
|
|
logoText="Kindred Spirits"
|
|
|
|
|
description="Building meaningful connections in an increasingly digital world. Join a community where genuine friendships flourish."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Join the Community", href: "#contact" },
|
|
|
|
|
{ text: "Our Vision", href: "#about" },
|
|
|
|
|
{
|
|
|
|
|
text: "Join the Community", href: "#contact"},
|
|
|
|
|
{
|
|
|
|
|
text: "Our Vision", href: "#about"},
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/friends-enjoying-some-barbecue-outdoors_23-2148733601.jpg?_wi=1"
|
|
|
|
|
@@ -62,9 +67,15 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Why We Connect"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ icon: Users, label: "Community Members", value: 1200 },
|
|
|
|
|
{ icon: Coffee, label: "Meetups Hosted", value: 450 },
|
|
|
|
|
{ icon: Heart, label: "Friendships Formed", value: 800 },
|
|
|
|
|
{
|
|
|
|
|
icon: Users,
|
|
|
|
|
label: "Community Members", value: "1,200+"},
|
|
|
|
|
{
|
|
|
|
|
icon: Coffee,
|
|
|
|
|
label: "Meetups Hosted", value: "450+"},
|
|
|
|
|
{
|
|
|
|
|
icon: Heart,
|
|
|
|
|
label: "Friendships Formed", value: "800+"},
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
@@ -75,42 +86,39 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "f1", title: "Verified Profiles", description: "Connect with real people in a safe, moderated environment.", imageSrc: "http://img.b2bpic.net/free-photo/paper-style-soccer-match_23-2148930673.jpg?_wi=1" },
|
|
|
|
|
{ id: "f2", title: "Group Activities", description: "From book clubs to hiking trips, find activities you love.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9oy0o&_wi=1" },
|
|
|
|
|
{ id: "f3", title: "Safe & Inclusive", description: "We prioritize kindness and inclusivity for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/transportation-concept-with-people-bicycles_23-2148996430.jpg?_wi=1" },
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
title: "Verified Profiles", description: "Connect with real people in a safe, moderated environment.", imageSrc: "http://img.b2bpic.net/free-photo/paper-style-soccer-match_23-2148930673.jpg?_wi=1"},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
title: "Group Activities", description: "From book clubs to hiking trips, find activities you love.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9oy0o&_wi=1"},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
title: "Safe & Inclusive", description: "We prioritize kindness and inclusivity for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/transportation-concept-with-people-bicycles_23-2148996430.jpg?_wi=1"},
|
|
|
|
|
]}
|
|
|
|
|
title="Everything for Your Community"
|
|
|
|
|
description="We provide the platform, the tools, and the safe space for you to meet like-minded friends and grow your circle."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="memories" data-section="memories">
|
|
|
|
|
<TimelinePhoneView
|
|
|
|
|
title="Shared Moments"
|
|
|
|
|
description="A timeline of cherished memories and milestones created by our community members."
|
|
|
|
|
textboxLayout="split-description"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
items={[
|
|
|
|
|
{ trigger: "First Meetup", content: "The moment it all started with coffee and conversation.", imageOne: "http://img.b2bpic.net/free-photo/friends-enjoying-some-barbecue-outdoors_23-2148733601.jpg?_wi=1" },
|
|
|
|
|
{ trigger: "Weekend Hike", content: "Discovering new trails and stronger bonds together.", imageOne: "http://img.b2bpic.net/free-photo/transportation-concept-with-people-bicycles_23-2148996430.jpg?_wi=1" },
|
|
|
|
|
{ trigger: "Community Gala", content: "Celebrating the growth and the beautiful friendships formed.", imageOne: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-older-woman_23-2149022611.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardSix
|
|
|
|
|
title="Friendship Quotes"
|
|
|
|
|
description="Words from our members that define the spirit of Kindred."
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split-description"
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Maya A.", handle: "@maya_friends", testimonial: "A real friend is one who walks in when the rest of the world walks out." },
|
|
|
|
|
{ id: "2", name: "Sam J.", handle: "@sam_adventures", testimonial: "Friendship is born at that moment when one person says to another: What! You too? I thought I was the only one." },
|
|
|
|
|
{ id: "3", name: "Leo B.", handle: "@leo_social", testimonial: "Kindness in words creates confidence. Kindness in thinking creates profoundness. Kindness in giving creates love." }
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Alice Miller", date: "Jan 2024", title: "Life Changing", quote: "I moved here alone, but Kindred helped me find my best friends.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/young-carefree-woman-posing-grey-wall-studio_158538-19221.jpg", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-some-barbecue-outdoors_23-2148733601.jpg?_wi=2", imageAlt: "diverse group of friends laughing"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Robert Chen", date: "Feb 2024", title: "Incredible Community", quote: "The activities are diverse and the people are so welcoming.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiley-man_23-2148803592.jpg", imageSrc: "http://img.b2bpic.net/free-photo/paper-style-soccer-match_23-2148930673.jpg?_wi=2", imageAlt: "small community group meeting icon"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Sarah Jenkins", date: "Mar 2024", title: "Found my tribe", quote: "Never thought I'd find such genuine connection online.", tag: "Organizer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-older-woman_23-2149022611.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9oy0o&_wi=2", imageAlt: "events and activities organizer icon"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Elena Rodriguez", date: "Apr 2024", title: "Safe and fun", quote: "Truly inclusive. I feel safe and heard every single meeting.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", imageSrc: "http://img.b2bpic.net/free-photo/transportation-concept-with-people-bicycles_23-2148996430.jpg?_wi=2", imageAlt: "safety and inclusivity shield icon"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Mark Stevens", date: "May 2024", title: "So grateful", quote: "Joining was the best decision of my year. Pure magic.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-park_839833-33980.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-carefree-woman-posing-grey-wall-studio_158538-19221.jpg", imageAlt: "happy middle aged woman portrait"},
|
|
|
|
|
]}
|
|
|
|
|
title="Voices of Kindred"
|
|
|
|
|
description="Hear from members who found more than just a club; they found a family."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -119,9 +127,12 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "1", title: "Is membership free?", content: "Basic membership is free, with premium event access." },
|
|
|
|
|
{ id: "2", title: "How do you ensure safety?", content: "All profiles are verified and moderators oversee meetings." },
|
|
|
|
|
{ id: "3", title: "Can I host events?", content: "Yes! We encourage members to suggest and host activities." },
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Is membership free?", content: "Basic membership is free, with premium event access."},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "How do you ensure safety?", content: "All profiles are verified and moderators oversee meetings."},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Can I host events?", content: "Yes! We encourage members to suggest and host activities."},
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Common questions about how our community works."
|
|
|
|
|
@@ -132,7 +143,8 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "gradient-bars"}}
|
|
|
|
|
tag="Get Started"
|
|
|
|
|
title="Join Kindred Today"
|
|
|
|
|
description="Sign up to receive updates on upcoming events and community meetups in your area."
|
|
|
|
|
@@ -148,13 +160,19 @@ export default function LandingPage() {
|
|
|
|
|
logoText="Kindred"
|
|
|
|
|
copyrightText="© 2025 Kindred Spirits"
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
|
|
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
|
|
|
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
|
|
|
|
{
|
|
|
|
|
icon: Twitter,
|
|
|
|
|
href: "#", ariaLabel: "Twitter"},
|
|
|
|
|
{
|
|
|
|
|
icon: Instagram,
|
|
|
|
|
href: "#", ariaLabel: "Instagram"},
|
|
|
|
|
{
|
|
|
|
|
icon: Linkedin,
|
|
|
|
|
href: "#", ariaLabel: "LinkedIn"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
