142 lines
9.2 KiB
TypeScript
142 lines
9.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Principles", id: "#principles" },
|
|
{ name: "Journey", id: "#journey" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Freedom Life"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="BUILD YOUR FREEDOM"
|
|
description="True freedom isn't an accident. It's a system. Build the life you crave through intentional habits, financial independence, and emotional clarity."
|
|
buttons={[{ text: "Begin Your Journey", href: "#about" }]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/funny-couple-playing-with-blanket-outside_23-2148301367.jpg", imageAlt: "Freedom wanderlust travel mountain" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-outdoors_23-2148931345.jpg", imageAlt: "Digital nomad beach office" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tourist-from-mountain-top-sun-rays-man-wear-big-backpack-against-sun-light_1150-9120.jpg", imageAlt: "Open road travel freedom" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/anonymous-guy-with-surfboard-sunny-day_23-2148021645.jpg", imageAlt: "Adventure travel planning" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-girl-posing_23-2148699994.jpg", imageAlt: "Tropical swim freedom" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-spending-time-home_23-2150655698.jpg", imageAlt: "Serene cabin forest view" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{ type: "text", content: "Redefining What " },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-drinking-healthy-tea_23-2151800799.jpg", alt: "About Freedom" },
|
|
{ type: "text", content: " Freedom Actually Means" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="principles" data-section="principles">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Financial Systems", description: "Create automated wealth and independence so you are never tied down.", imageSrc: "http://img.b2bpic.net/free-photo/christmas-background-layout-black-background_1303-12751.jpg" },
|
|
{ title: "Emotional Freedom", description: "Break free from limiting beliefs and cultivate a resilient, joyous mindset.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coconut-cookies-beige-surface_114579-46016.jpg" },
|
|
{ title: "Life Architecture", description: "Build systems that automate the mundane so you can focus on what truly matters.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-busy-young-woman-dressed-casual-clothes_273609-43633.jpg" },
|
|
]}
|
|
title="The Four Pillars of Freedom"
|
|
description="We build sustainable systems that allow you to thrive in every area of your life."
|
|
/>
|
|
</div>
|
|
|
|
<div id="journey" data-section="journey">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ id: 1, title: "Clarity First", description: "Defining your specific vision for what freedom looks like for you.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hikers-walking-up-stairs-jungle_23-2147683085.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hikers-walking-up-stairs-jungle_23-2147683085.jpg?_wi=2" } },
|
|
{ id: 2, title: "Systematize", description: "Designing the daily systems that support your vision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-traveling-with-backpack-autumn-forest-wearing-warm-jacket-hat_285396-9732.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-traveling-with-backpack-autumn-forest-wearing-warm-jacket-hat_285396-9732.jpg?_wi=2" } },
|
|
{ id: 3, title: "Execute Daily", description: "Living your design with small, consistent, bold steps.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/spring-background-design_1257-93.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/spring-background-design_1257-93.jpg?_wi=2" } },
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Your Path to Freedom"
|
|
description="A step-by-step framework to transition from where you are to where you dream of being."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Miller", date: "March 2024", title: "Digital Nomad", quote: "I stopped waiting for the perfect time and started building. Now, I travel the world full-time.", tag: "Travel", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg?_wi=1" },
|
|
{ id: "2", name: "James Chen", date: "January 2024", title: "Systems Founder", quote: "The focus on financial and emotional systems changed everything. I am finally in control.", tag: "Finance", avatarSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
|
|
{ id: "3", name: "Emily Rosa", date: "February 2024", title: "Creative Consultant", quote: "I feel more emotionally free and aligned than I have ever been in my professional career.", tag: "Career", avatarSrc: "http://img.b2bpic.net/free-photo/magnificent-long-haired-girl-with-inspired-smile-looking-away_197531-7622.jpg", imageSrc: "http://img.b2bpic.net/free-photo/magnificent-long-haired-girl-with-inspired-smile-looking-away_197531-7622.jpg" },
|
|
{ id: "4", name: "Marcus Thorne", date: "April 2024", title: "Entrepreneur", quote: "Building the systems was hard, but the freedom I have today is absolutely priceless.", tag: "Freedom", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
|
|
{ id: "5", name: "Elena Vance", date: "May 2024", title: "Life Architect", quote: "This framework helped me structure my days to focus on passion projects instead of just busyness.", tag: "Lifestyle", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg?_wi=2" },
|
|
]}
|
|
title="Living the Life They Built"
|
|
description="Real stories from people who decided to stop waiting and started building their freedom life."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Ready to Start Building?"
|
|
description="Your freedom life is waiting. Contact us to learn how to begin building your systems today."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "What does freedom look like to you?", rows: 4 }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-girl-beach_23-2148659070.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Freedom Life"
|
|
copyrightText="© 2025 | Build Your Freedom Life"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|