Merge version_2 into main #4
114
src/app/page.tsx
114
src/app/page.tsx
@@ -9,8 +9,10 @@ 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 TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Coffee, Heart, Instagram, Linkedin, Twitter, Users } from "lucide-react";
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import { Coffee, Heart, Instagram, Linkedin, MessageCircle, Twitter, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Stories", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Memories", id: "memories" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kindred"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
@@ -46,15 +45,12 @@ 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"
|
||||
@@ -67,15 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why We Connect"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Members", value: "1,200+"},
|
||||
{
|
||||
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"
|
||||
/>
|
||||
@@ -86,39 +76,39 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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"},
|
||||
{ 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"
|
||||
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">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardSix
|
||||
title="Friendship Quotes"
|
||||
description="Words from our members that define the spirit of Kindred."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
testimonials={[
|
||||
{
|
||||
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"},
|
||||
{ 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." }
|
||||
]}
|
||||
title="Voices of Kindred"
|
||||
description="Hear from members who found more than just a club; they found a family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,12 +117,9 @@ 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."
|
||||
@@ -143,8 +130,7 @@ 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."
|
||||
@@ -160,19 +146,13 @@ 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-libre-baskerville), serif;
|
||||
font-family: var(--font-montserrat), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fdfaf6;
|
||||
--card: #f7f2ed;
|
||||
--foreground: #1a2c3d;
|
||||
--primary-cta: #4b77be;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #fdfaf6;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #e6c7a8;
|
||||
--background-accent: #f3e5d7;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user