Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,8 @@ 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 TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 import { Coffee, Heart, Instagram, Linkedin, Twitter, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,14 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",          id: "about"},
+        { name: "Features", id: "features" },
-        {
+        { name: "Memories", id: "memories" },
-          name: "Features",          id: "features"},
+        { name: "Stories", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Stories",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Kindred"
       button={{ text: "Get Started", href: "#contact" }}
@@ -46,15 +44,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "radial-gradient" }}
-        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: "Join the Community",          href: "#contact"},
+        { text: "Our Vision", href: "#about" },
-        {
-          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 +62,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Why We Connect"
       metrics={[
-        {
+        { icon: Users, label: "Community Members", value: 1200 },
-          icon: Users,
+        { icon: Coffee, label: "Meetups Hosted", value: 450 },
-          label: "Community Members",          value: "1,200+"},
+        { icon: Heart, label: "Friendships Formed", value: 800 },
-        {
-          icon: Coffee,
-          label: "Meetups Hosted",          value: "450+"},
-        {
-          icon: Heart,
-          label: "Friendships Formed",          value: "800+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -86,39 +75,42 @@ 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: 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" },
-          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: "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: 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">
-      <TestimonialCardFive
+      <TestimonialCardSix
-      textboxLayout="default"
+      title="Friendship Quotes"
+      description="Words from our members that define the spirit of Kindred."
+      animationType="slide-up"
+      textboxLayout="split-description"
       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: "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: "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: "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>
 
@@ -127,12 +119,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: "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: "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 +132,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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,15 +148,9 @@ export default function LandingPage() {
       logoText="Kindred"
       copyrightText="© 2025 Kindred Spirits"
       socialLinks={[
-        {
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-          icon: Twitter,
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-          href: "#",          ariaLabel: "Twitter"},
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
-        {
-          icon: Linkedin,
-          href: "#",          ariaLabel: "LinkedIn"},
       ]}
     />
   </div>

src/app/styles/base.css

@@ -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;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fdfaf6;
-  --card: #dad6cd;
+  --card: #f7f2ed;
-  --foreground: #2a2928;
+  --foreground: #1a2c3d;
-  --primary-cta: #2a2928;
+  --primary-cta: #4b77be;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #fdfaf6;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #e6c7a8;
-  --background-accent: #c6b180;
+  --background-accent: #f3e5d7;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);