Merge version_2 into main #3
230
src/app/page.tsx
230
src/app/page.tsx
@@ -12,7 +12,6 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { BarChart2, Globe, Rocket, ShieldCheck, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,129 +28,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Thrive Family Collective"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Thrive Family Collective"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Cultivating Wellness for Your Family"
|
||||
description="We provide holistic wellness solutions tailored for modern family life. Our support ensures your family's health and happiness are nurtured with care."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-family-playing-park_1150-13612.jpg"
|
||||
imageAlt="Family wellness wellness collective"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Cultivating Wellness for Your Family"
|
||||
description="We provide holistic wellness solutions tailored for modern family life. Our support ensures your family's health and happiness are nurtured with care."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-family-playing-park_1150-13612.jpg"
|
||||
imageAlt="Family wellness wellness collective"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Driven by Holistic Wellness"
|
||||
description="We are dedicated to delivering high-quality collective care. Our experts focus on integrative strategies to help your family thrive."
|
||||
bulletPoints={[
|
||||
{ title: "Holistic Approach", description: "Prioritizing full family wellbeing." },
|
||||
{ title: "Community Focused", description: "Your family's growth is our measure." },
|
||||
{ title: "Proven Methods", description: "Evidence-based practices for daily care." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-hands-stacking_1150-25674.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Family unity wellness"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Driven by Holistic Wellness"
|
||||
description="We are dedicated to delivering high-quality collective care. Our experts focus on integrative strategies to help your family thrive."
|
||||
bulletPoints={[
|
||||
{ title: "Holistic Approach", description: "Prioritizing full family wellbeing." },
|
||||
{ title: "Community Focused", description: "Your family's growth is our measure." },
|
||||
{ title: "Proven Methods", description: "Evidence-based practices for daily care." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-hands-stacking_1150-25674.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Family unity wellness"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Wellness Consulting", author: "Wellness Dept", description: "Holistic advice for family balance.", tags: ["Wellness", "Consulting"], imageSrc: "http://img.b2bpic.net/free-photo/mother-hugging-daughter-park_1150-2810.jpg" },
|
||||
{ id: "f2", title: "Growth Tracking", author: "Health Team", description: "Insights into family milestones.", tags: ["Growth", "Tracking"], imageSrc: "http://img.b2bpic.net/free-photo/child-learning-outside_1150-5473.jpg" },
|
||||
{ id: "f3", title: "Community Support", author: "Staff", description: "Dedicated support for every family.", tags: ["Support", "Community"], imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-group-park_1150-15632.jpg" },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Explore the services we offer to help your family flourish."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Wellness Consulting", author: "Wellness Dept", description: "Holistic advice for family balance.", tags: ["Wellness", "Consulting"], imageSrc: "http://img.b2bpic.net/free-photo/mother-hugging-daughter-park_1150-2810.jpg" },
|
||||
{ id: "f2", title: "Growth Tracking", author: "Health Team", description: "Insights into family milestones.", tags: ["Growth", "Tracking"], imageSrc: "http://img.b2bpic.net/free-photo/child-learning-outside_1150-5473.jpg" },
|
||||
{ id: "f3", title: "Community Support", author: "Staff", description: "Dedicated support for every family.", tags: ["Support", "Community"], imageSrc: "http://img.b2bpic.net/diverse-people-group-park_1150-15632.jpg" },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Explore the services we offer to help your family flourish."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[]}
|
||||
title="Testimonials"
|
||||
description="Hear from the families we support."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[]}
|
||||
title="Testimonials"
|
||||
description="Hear from the families we support."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Our Impact"
|
||||
tag="Wellness Metrics"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Families Supported" },
|
||||
{ id: "m2", value: "99%", description: "Happiness Index" },
|
||||
{ id: "m3", value: "10+", description: "Wellness Workshops" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Our Impact"
|
||||
tag="Wellness Metrics"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Families Supported" },
|
||||
{ id: "m2", value: "99%", description: "Happiness Index" },
|
||||
{ id: "m3", value: "10+", description: "Wellness Workshops" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I join?", content: "Fill out our connection form." },
|
||||
{ id: "q2", title: "Who is this for?", content: "Families at any stage." },
|
||||
]}
|
||||
title="Family Wellness FAQ"
|
||||
description="Answers to questions about our collective care."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I join?", content: "Fill out our connection form." },
|
||||
{ id: "q2", title: "Who is this for?", content: "Families at any stage." },
|
||||
]}
|
||||
title="Family Wellness FAQ"
|
||||
description="Answers to questions about our collective care."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Wellness Resources"
|
||||
description="Latest insights for your family."
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Wellness Resources"
|
||||
description="Latest insights for your family."
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Journey"
|
||||
description="Contact us today to discover your wellness path."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-walking-outdoors_1150-13615.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Journey"
|
||||
description="Contact us today to discover your wellness path."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-walking-outdoors_1150-13615.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[]}
|
||||
logoText="Thrive Family Collective"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[]}
|
||||
logoText="Thrive Family Collective"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user