Merge version_2 into main #1
353
src/app/page.tsx
353
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, CheckCircle, Heart, Users } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Heart, Sparkles, Users, Award, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,315 +26,132 @@ export default function LandingPage() {
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "Programs", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HeartWise"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Building Lasting Connections"
|
||||
description="Navigate life's complexities together with compassionate guidance tailored to your unique journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
<HeroSplitKpi
|
||||
title="Deepening Connections, One Relationship at a Time"
|
||||
description="Navigate life's complexities together with compassionate, evidence-based relationship coaching tailored to your unique journey."
|
||||
background={{ variant: 'radial-gradient' }}
|
||||
kpis={[
|
||||
{ value: "500+", label: "Couples Helped" },
|
||||
{ value: "15+", label: "Years of Care" },
|
||||
{ value: "98%", label: "Growth Success" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-smiling-senior-couple-with-light_23-2148333626.jpg"
|
||||
imageAlt="Warm connection"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-public-intimacy-moments_23-2149459121.jpg",
|
||||
alt: "Couple having public intimacy moments",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-their-winter-camp_23-2149317683.jpg",
|
||||
alt: "Couple enjoying their winter camp",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-people-living-camping_23-2149733145.jpg",
|
||||
alt: "Lifestyle of people living in camping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-portrait-man-woman-relax-soft-grey-bad-room-with-christmas-tree_8353-9068.jpg",
|
||||
alt: "Family portrait. Man and woman relax on soft grey bad in a room with Christmas tree",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-couple-laying-together_23-2148311283.jpg",
|
||||
alt: "High angle couple laying together",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ couples"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="My Philosophy"
|
||||
title="Guiding You Toward Understanding"
|
||||
description="Every relationship faces challenges. I help you transform those moments into opportunities for deeper intimacy and shared growth."
|
||||
subdescription="With over a decade of dedicated coaching, I provide the tools you need to build trust, communicate clearly, and thrive in love."
|
||||
icon={Heart}
|
||||
buttons={[{ text: "Begin Your Journey", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-having-date-night_23-2149218327.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Our Philosophy"
|
||||
title="Cultivating intimacy through understanding, trust, and authentic communication."
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentyEight
|
||||
title="Pillars of Lasting Love"
|
||||
description="We focus on the essential building blocks that keep relationships strong and resilient through time."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Clear Communication",
|
||||
author: "Framework",
|
||||
description: "Learning how to speak your truth without conflict.",
|
||||
tags: [
|
||||
"Growth",
|
||||
"Communication",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057845.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Trust Rebuilding",
|
||||
author: "Process",
|
||||
description: "Restoring confidence and emotional safety after hardship.",
|
||||
tags: [
|
||||
"Trust",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-outdoors_23-2149020165.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Conflict Resolution",
|
||||
author: "Method",
|
||||
description: "De-escalating tension before it turns into resentment.",
|
||||
tags: [
|
||||
"Peace",
|
||||
"Solution",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-getting-stronger-together_23-2149125890.jpg",
|
||||
},
|
||||
{ id: "1", title: "Active Listening", subtitle: "Deep empathy", category: "Skills", value: "Mastery" },
|
||||
{ id: "2", title: "Conflict De-escalation", subtitle: "Stay calm", category: "Methods", value: "Proven" },
|
||||
{ id: "3", title: "Emotional Safety", subtitle: "Build trust", category: "Bonding", value: "Secure" }
|
||||
]}
|
||||
title="Core Pillars of Connection"
|
||||
description="Foundational support for healthier, happier relationships."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
<ProductCardFour
|
||||
title="Our Programs"
|
||||
description="Personalized sessions to help you navigate every stage of your shared life."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Couples Intensive",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues_23-2149097944.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Individual Growth",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-lesbian-couple_23-2150276445.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Communication Workshop",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "New Relationship Setup",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057799.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Marriage Refresher",
|
||||
price: "$179",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Self-Love Journey",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interracial-couple-facing-camera_23-2148240775.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Couples Intensive", price: "$199", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg" },
|
||||
{ id: "p2", name: "Individual Growth", price: "$129", variant: "Personal", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg" },
|
||||
{ id: "p3", name: "Communication Workshop", price: "$89", variant: "Skillset", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-lesbian-couple_23-2150276445.jpg" }
|
||||
]}
|
||||
title="Our Coaching Programs"
|
||||
description="Tailored guidance for every stage of your relationship journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
<MetricCardSeven
|
||||
title="Measurable Progress"
|
||||
description="See the positive changes our clients experience through our proven framework."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Couples Helped",
|
||||
description: "Strengthening bonds every day",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expertise you can rely on",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Building sustainable happiness",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", value: "40%", title: "Improved Communication", items: ["Better conflict resolution", "More honest dialogue"] },
|
||||
{ id: "m2", value: "85%", title: "Increased Intimacy", items: ["Deepened emotional bonds", "Greater physical connection"] },
|
||||
{ id: "m3", value: "95%", title: "Relationship Confidence", items: ["More stable future", "Reduced anxiety"] }
|
||||
]}
|
||||
title="Making Real Impact"
|
||||
description="Proven results for sustainable, loving relationships."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
<TestimonialCardTen
|
||||
title="Client Success Stories"
|
||||
description="Real people finding meaningful solutions to life's biggest challenges."
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Client",
|
||||
testimonial: "Transformative and deeply insightful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chan",
|
||||
role: "Client",
|
||||
testimonial: "We found each other again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors-with-copy-space_23-2148613035.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Roberts",
|
||||
role: "Client",
|
||||
testimonial: "Gave me so much clarity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
role: "Client",
|
||||
testimonial: "Truly a professional partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624087.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Wong",
|
||||
role: "Client",
|
||||
testimonial: "Essential for our journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-standing-city_839833-15335.jpg",
|
||||
},
|
||||
{ id: "1", title: "Life-changing", quote: "We found our path back to one another through these sessions.", name: "Sarah Miller", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg" },
|
||||
{ id: "2", title: "Deeply Insightful", quote: "Professional guidance that genuinely works for modern relationships.", name: "David Chan", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors-with-copy-space_23-2148613035.jpg" }
|
||||
]}
|
||||
title="Voices of Growth"
|
||||
description="Hear from those who have transformed their connections."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about getting started on your path to wellness."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long are sessions?",
|
||||
content: "Each coaching session typically lasts 60 minutes.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer virtual visits?",
|
||||
content: "Yes, all sessions can be conducted via video conference.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the first visit free?",
|
||||
content: "I offer a complimentary 15-minute introductory chat.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about starting your coaching sessions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Begin Your Path"
|
||||
description="Ready to rediscover your potential together? Send me a message and we'll schedule a time to talk."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ id: "q1", title: "Is it right for us?", content: "Yes, we work with couples at all stages of their journey." },
|
||||
{ id: "q2", title: "Are sessions private?", content: "Confidentiality is the cornerstone of our coaching environment." }
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/late-afternoon-light-beige-wall_53876-101297.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Start Today"
|
||||
title="Rediscover your connection"
|
||||
description="Schedule your complimentary 15-minute introductory chat."
|
||||
buttons={[{ text: "Send Message" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBaseCard
|
||||
logoText="HeartWise"
|
||||
copyrightText="© 2025 HeartWise Coaching. All rights reserved."
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "About", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user