bender/10a9c82d-5e6c-4fc8-aebe-70e7b79617f5
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

4 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
5828d94192 Update src/app/page.tsx 2026-04-28 11:40:05 +00:00
bender
611c7cc0c4 Update src/app/page.tsx 2026-04-28 11:28:23 +00:00
bender
8ee84804aa Merge version_2 into main 
Merge version_2 into main
 2026-04-28 11:27:14 +00:00
bender
a32a7299fd Merge version_2 into main 
Merge version_2 into main
 2026-04-28 11:26:39 +00:00
1 changed files with 156 additions and 119 deletions
Expand all files Collapse all files

275
src/app/page.tsx
View File

@@ -2,16 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo'; import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour'; import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial'; import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { BarChart2, Globe, Rocket, ShieldCheck, Users } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,130 +29,166 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarStyleCentered
navItems={[ navItems={[
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" }, { name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
brandName="Thrive Family Collective" brandName="BusinessPro"
button={{ text: "Get Started", href: "#contact" }} button={{ text: "Publish Website", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
background={{ variant: "gradient-bars" }} background={{ variant: "gradient-bars" }}
title="Cultivating Wellness for Your Family" title="Elevating Your Business Success"
description="We provide holistic wellness solutions tailored for modern family life. Our support ensures your family's health and happiness are nurtured with care." description="We provide innovative solutions tailored for modern business growth. Our expertise ensures your professional goals are achieved with efficiency."
testimonials={[]} testimonials={[
imageSrc="http://img.b2bpic.net/free-photo/happy-family-playing-park_1150-13612.jpg" { name: "Jane Smith", handle: "@janesmith", testimonial: "Excellent service and results!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg" },
imageAlt="Family wellness wellness collective" { name: "Robert Fox", handle: "@robertf", testimonial: "Transformed our entire workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
/> { name: "Elena Ross", handle: "@elenar", testimonial: "Professional and very reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg" },
</div> { name: "Mark Wilson", handle: "@markw", testimonial: "Highly recommended for any business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg" },
{ name: "Sarah Lee", handle: "@sarahl", testimonial: "The best partner for growth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/executives-having-coffee-break_1098-829.jpg"
imageAlt="Business success team"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg", alt: "Business partner 1" },
{ src: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-posing_329181-11390.jpg", alt: "Business partner 2" },
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Business partner 3" },
{ src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg", alt: "Business partner 4" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Business partner 5" }
]}
marqueeItems={[
{ type: "text-icon", text: "Innovative Strategy", icon: Rocket },
{ type: "text-icon", text: "Global Scaling", icon: Globe },
{ type: "text-icon", text: "Data Driven", icon: BarChart2 },
{ type: "text-icon", text: "Expert Support", icon: Users },
{ type: "text-icon", text: "Secure Growth", icon: ShieldCheck }
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
title="Driven by Holistic Wellness" title="Driven by Excellence"
description="We are dedicated to delivering high-quality collective care. Our experts focus on integrative strategies to help your family thrive." description="We are dedicated to delivering high-quality business solutions. Our team focuses on innovative strategies to help you reach new heights."
bulletPoints={[ bulletPoints={[
{ title: "Holistic Approach", description: "Prioritizing full family wellbeing." }, { title: "Strategy First", description: "We prioritize a solid plan before implementation." },
{ title: "Community Focused", description: "Your family's growth is our measure." }, { title: "Client Focused", description: "Your success is our primary measure." },
{ title: "Proven Methods", description: "Evidence-based practices for daily care." }, { title: "Proven Results", description: "Data-driven methodology for consistent outcomes." }
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/family-hands-stacking_1150-25674.jpg" imageSrc="http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-118685.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
imageAlt="Family unity wellness" imageAlt="Modern office environment workspace"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyFour <FeatureCardTwentyFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "f1", title: "Strategic Consulting", author: "Business Dept", description: "Expert advice for your core business goals.", tags: ["Strategy", "Consulting"], imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-transparent-digital-screen_53876-95832.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: "f2", title: "Data Analytics", author: "Tech Team", description: "Deep insights into your company performance.", tags: ["Data", "Analysis"], imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-improvement-development-business_53876-123895.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" }, { id: "f3", title: "Collaborative Support", author: "Support Dept", description: "Dedicated partner assistance throughout the project.", tags: ["Support", "Partner"], imageSrc: "http://img.b2bpic.net/free-photo/business-people-have-meeting_53876-24966.jpg" }
]} ]}
title="Our Core Services" title="Our Key Services"
description="Explore the services we offer to help your family flourish." description="Explore the range of professional services we offer to help your business thrive."
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[]} testimonials={[
title="Testimonials" { id: "1", name: "Jane Smith", role: "CEO", testimonial: "Amazing work!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg" },
description="Hear from the families we support." { id: "2", name: "Robert Fox", role: "CTO", testimonial: "Truly game-changing.", imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg" },
/> { id: "3", name: "Elena Ross", role: "Director", testimonial: "Exceeded all our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167821.jpg" },
</div> { id: "4", name: "Mark Wilson", role: "Manager", testimonial: "Very professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
{ id: "5", name: "Sarah Lee", role: "Lead", testimonial: "The best partner for our scale.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" }
]}
title="What Our Clients Say"
description="Read authentic feedback from the business leaders we have successfully partnered with."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardTwo
title="Our Impact" animationType="slide-up"
tag="Wellness Metrics" textboxLayout="split"
metrics={[ gridVariant="bento-grid"
{ id: "m1", value: "500+", description: "Families Supported" }, useInvertedBackground={false}
{ id: "m2", value: "99%", description: "Happiness Index" }, metrics={[
{ id: "m3", value: "10+", description: "Wellness Workshops" }, { id: "m1", value: "150+", description: "Projects Completed Successfully" },
]} { id: "m2", value: "98%", description: "Client Satisfaction Rate" },
metricsAnimation="slide-up" { id: "m3", value: "25+", description: "Global Partners Engaged" }
useInvertedBackground={false} ]}
/> title="Proven Performance"
</div> description="We are proud of the tangible results our clients achieve."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqDouble
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ id: "q1", title: "How do I join?", content: "Fill out our connection form." }, { id: "q1", title: "How do we start?", content: "Simply reach out via our contact form." },
{ id: "q2", title: "Who is this for?", content: "Families at any stage." }, { id: "q2", title: "What industries do you work with?", content: "We support a wide array of business sectors." },
]} { id: "q3", title: "Is there a trial period?", content: "Yes, let's discuss your custom trial." }
title="Family Wellness FAQ" ]}
description="Answers to questions about our collective care." title="Common Questions"
faqsAnimation="slide-up" description="Here are the answers to the questions we receive most often."
/> faqsAnimation="slide-up"
</div> />
</div>
<div id="blog" data-section="blog"> <div id="blog" data-section="blog">
<BlogCardTwo <BlogCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
title="Wellness Resources" title="Business Insights"
description="Latest insights for your family." description="Our latest articles and news from the business industry."
blogs={[]} blogs={[
/> { id: "b1", category: "Growth", title: "Scaling Business", excerpt: "How to plan your scale...", imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-with-laptop-sitting-restaurant_23-2147876708.jpg", authorName: "CEO", authorAvatar: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", date: "Jan 2025" },
</div> { id: "b2", category: "Trends", title: "Market Dynamics", excerpt: "Staying ahead of changes...", imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg", authorName: "CTO", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10533.jpg", date: "Dec 2024" },
{ id: "b3", category: "Strategy", title: "Modern Planning", excerpt: "Better planning techniques...", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-wooden-sticks_23-2147986593.jpg", authorName: "Lead", authorAvatar: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", date: "Nov 2024" }
]}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={true} useInvertedBackground={true}
background={{ variant: "plain" }} background={{ variant: "plain" }}
tag="Let's Connect" tag="Let's Connect"
title="Start Your Journey" title="Ready to Start?"
description="Contact us today to discover your wellness path." description="Contact us today for a consultation and learn how we can grow your business."
imageSrc="http://img.b2bpic.net/free-photo/family-walking-outdoors_1150-13615.jpg" imageSrc="http://img.b2bpic.net/free-photo/black-businessman-assisting-clients_482257-121939.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[]} columns={[
logoText="Thrive Family Collective" { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "/careers" }] },
/> { title: "Resources", items: [{ label: "Blog", href: "#blog" }, { label: "Support", href: "#contact" }] }
</div> ]}
logoText="BusinessPro"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );