Update src/app/page.tsx
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -31,101 +31,66 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "AI Chat",
|
||||
id: "/chat",
|
||||
},
|
||||
name: "AI Chat", id: "/chat"},
|
||||
{
|
||||
name: "Wellness Toolkit",
|
||||
id: "/wellness",
|
||||
},
|
||||
name: "Wellness Toolkit", id: "/wellness"},
|
||||
{
|
||||
name: "My Profile",
|
||||
id: "#",
|
||||
},
|
||||
name: "My Profile", id: "#"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg"
|
||||
logoAlt="HerCalm Logo"
|
||||
brandName="HerCalm"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#cta-banner",
|
||||
}}
|
||||
text: "Join Now", href: "#cta-banner"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-intro" data-section="hero-intro">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Unlock Your Inner Harmony with HerCalm"
|
||||
description="Personalized cycle health, mental well-being, and PCOS support, powered by your empathetic AI companion. Your journey to balance begins here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet Your AI Companion",
|
||||
href: "/chat",
|
||||
},
|
||||
text: "Meet Your AI Companion", href: "/chat"},
|
||||
{
|
||||
text: "Explore Wellness Toolkit",
|
||||
href: "/wellness",
|
||||
},
|
||||
text: "Explore Wellness Toolkit", href: "/wellness"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-with-flowers-standing-autumn-park-near-lake-woman-wearing-beige-sweater-girl-posing-photo-sunny-day_1157-51513.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-with-flowers-standing-autumn-park-near-lake-woman-wearing-beige-sweater-girl-posing-photo-sunny-day_1157-51513.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-isolated-green-olive-color-wall_343596-5248.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-isolated-green-olive-color-wall_343596-5248.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hipster-woman-smile-away-enjoy-with-summer-field-evening-with-vintage-tone-filter_1150-1168.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hipster-woman-smile-away-enjoy-with-summer-field-evening-with-vintage-tone-filter_1150-1168.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-potted-plants_23-2149412616.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-potted-plants_23-2149412616.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-posing-camera-city-park_1262-19158.jpg",
|
||||
alt: "A woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-posing-camera-city-park_1262-19158.jpg", alt: "A woman smiling"},
|
||||
]}
|
||||
avatarText="Join 10,000+ women finding calm"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/metaverse-virtual-love-collage_52683-89575.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/metaverse-virtual-love-collage_52683-89575.jpg"
|
||||
imageAlt="HerCalm app interface with AI chat and floating wellness elements"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Holistic Health",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Holistic Health", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Balanced Hormones",
|
||||
icon: Scale,
|
||||
type: "text-icon", text: "Balanced Hormones", icon: Scale,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mental Clarity",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Mental Clarity", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Stress Relief",
|
||||
icon: Cloud,
|
||||
type: "text-icon", text: "Stress Relief", icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Empowered Living",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Empowered Living", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -138,84 +103,44 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Wellness Companion",
|
||||
description: "Get empathetic, personalized guidance and support for your unique health journey.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balance-healthcare-healthy-life-meditation_53876-120645.jpg",
|
||||
imageAlt: "AI Companion Icon",
|
||||
},
|
||||
title: "AI Wellness Companion", description: "Get empathetic, personalized guidance and support for your unique health journey.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balance-healthcare-healthy-life-meditation_53876-120645.jpg", imageAlt: "AI Companion Icon"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fckpno",
|
||||
imageAlt: "AI Companion Icon",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fckpno", imageAlt: "AI Companion Icon"},
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Chatting",
|
||||
href: "/chat",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg",
|
||||
imageAlt: "ai assistant icon wellness",
|
||||
text: "Start Chatting", href: "/chat"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Personalized Wellness Toolkit",
|
||||
description: "Access curated practices for PCOS, irregular periods, mental health, and general well-being.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retreat-sticker-collection_23-2149351494.jpg",
|
||||
imageAlt: "Wellness Toolkit Icon",
|
||||
},
|
||||
title: "Personalized Wellness Toolkit", description: "Access curated practices for PCOS, irregular periods, mental health, and general well-being.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-retreat-sticker-collection_23-2149351494.jpg", imageAlt: "Wellness Toolkit Icon"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/meditation-sign-template-design_742173-15907.jpg",
|
||||
imageAlt: "Wellness Toolkit Icon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/meditation-sign-template-design_742173-15907.jpg", imageAlt: "Wellness Toolkit Icon"},
|
||||
buttons: [
|
||||
{
|
||||
text: "Explore Toolkit",
|
||||
href: "/wellness",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metaverse-virtual-love-collage_52683-89575.jpg?_wi=2",
|
||||
imageAlt: "ai assistant icon wellness",
|
||||
text: "Explore Toolkit", href: "/wellness"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Intuitive Cycle Tracking",
|
||||
description: "Understand your body's rhythm, track symptoms, and predict upcoming phases with ease.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415324.jpg",
|
||||
imageAlt: "Cycle Tracking Icon",
|
||||
},
|
||||
title: "Intuitive Cycle Tracking", description: "Understand your body's rhythm, track symptoms, and predict upcoming phases with ease.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-equal-rights-symbol-concept_23-2148415324.jpg", imageAlt: "Cycle Tracking Icon"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-with-flowers-sanitary-towels_23-2148025714.jpg",
|
||||
imageAlt: "Cycle Tracking Icon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-with-flowers-sanitary-towels_23-2148025714.jpg", imageAlt: "Cycle Tracking Icon"},
|
||||
buttons: [
|
||||
{
|
||||
text: "Track My Cycle",
|
||||
href: "#cycle-tracker",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-marketing-sticker-set_534985-34.jpg",
|
||||
imageAlt: "ai assistant icon wellness",
|
||||
text: "Track My Cycle", href: "#cycle-tracker"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Customized Health Insights",
|
||||
description: "Receive bespoke recommendations and educational content based on your unique profile.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-desert-landscape_23-2150885535.jpg?_wi=1",
|
||||
imageAlt: "Personalized Insights Icon",
|
||||
},
|
||||
title: "Customized Health Insights", description: "Receive bespoke recommendations and educational content based on your unique profile.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-desert-landscape_23-2150885535.jpg", imageAlt: "Personalized Insights Icon"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-neurological-image_482257-119587.jpg",
|
||||
imageAlt: "Personalized Insights Icon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-neurological-image_482257-119587.jpg", imageAlt: "Personalized Insights Icon"},
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Insights",
|
||||
href: "/chat",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040504.jpg?_wi=1",
|
||||
imageAlt: "ai assistant icon wellness",
|
||||
text: "Get Insights", href: "/chat"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -231,11 +156,9 @@ export default function LandingPage() {
|
||||
description="Experience immediate tranquility with our 4-2-6 guided breathing exercise. Tap the pulsing orb to synchronize with your breath and release tension."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Breathing Exercise",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Breathing Exercise", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-desert-landscape_23-2150885535.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere-with-desert-landscape_23-2150885535.jpg"
|
||||
imageAlt="Pulsing orb for guided breathing exercise"
|
||||
/>
|
||||
</div>
|
||||
@@ -248,20 +171,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "cycle-calendar-preview",
|
||||
name: "Your Personalized Cycle View",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040504.jpg?_wi=2",
|
||||
imageAlt: "HerCalm cycle tracking calendar interface",
|
||||
},
|
||||
id: "cycle-calendar-preview", name: "Your Personalized Cycle View", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-sport-with-stats_23-2150040504.jpg", imageAlt: "HerCalm cycle tracking calendar interface"},
|
||||
]}
|
||||
title="Intuitive Cycle Tracking"
|
||||
description="Understand your body's rhythm and anticipate your needs. Our calendar-style tracker provides clear insights into your phases and symptoms."
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Cycle",
|
||||
href: "#",
|
||||
},
|
||||
text: "View My Cycle", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -274,41 +190,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "pcos-yoga",
|
||||
name: "Restorative Yoga for PCOS",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-practicing-yoga-outside_176420-841.jpg",
|
||||
imageAlt: "Woman in restorative yoga pose",
|
||||
},
|
||||
id: "pcos-yoga", name: "Restorative Yoga for PCOS", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-practicing-yoga-outside_176420-841.jpg", imageAlt: "Woman in restorative yoga pose"},
|
||||
{
|
||||
id: "irregular-seed-cycling",
|
||||
name: "Seed Cycling Protocol",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-seeds-sesame-flax-seed-sunflower-seeds-pumpkin-seeds-salads_114579-20580.jpg",
|
||||
imageAlt: "Various seeds for seed cycling",
|
||||
},
|
||||
id: "irregular-seed-cycling", name: "Seed Cycling Protocol", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/various-seeds-sesame-flax-seed-sunflower-seeds-pumpkin-seeds-salads_114579-20580.jpg", imageAlt: "Various seeds for seed cycling"},
|
||||
{
|
||||
id: "general-box-breathing",
|
||||
name: "Box Breathing for Calm",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-performing-yoga-home_107420-96337.jpg",
|
||||
imageAlt: "Minimalist graphic for box breathing",
|
||||
},
|
||||
id: "general-box-breathing", name: "Box Breathing for Calm", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/woman-performing-yoga-home_107420-96337.jpg", imageAlt: "Minimalist graphic for box breathing"},
|
||||
{
|
||||
id: "general-cycle-journaling",
|
||||
name: "Cycle Journaling",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-oranges-female-hand-pinecones-beige-shawl-notepad-dark-surface_140725-63283.jpg",
|
||||
imageAlt: "Open journal with pen",
|
||||
},
|
||||
id: "general-cycle-journaling", name: "Cycle Journaling", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cut-oranges-female-hand-pinecones-beige-shawl-notepad-dark-surface_140725-63283.jpg", imageAlt: "Open journal with pen"},
|
||||
]}
|
||||
title="Your Personalized Wellness Toolkit"
|
||||
description="Explore a taste of our curated practices for PCOS, irregular periods, and general well-being. Find your path to harmony."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All 16 Practices",
|
||||
href: "/wellness",
|
||||
},
|
||||
text: "View All 16 Practices", href: "/wellness"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -320,73 +214,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Consultant",
|
||||
company: "Bloom Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-executives-strategizing-new-project-inclusive-business-environment_482257-124674.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Consultant", company: "Bloom Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-executives-strategizing-new-project-inclusive-business-environment_482257-124674.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chloe Davies",
|
||||
role: "Marketing Director",
|
||||
company: "Vital Glow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
imageAlt: "Chloe Davies",
|
||||
},
|
||||
id: "2", name: "Chloe Davies", role: "Marketing Director", company: "Vital Glow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", imageAlt: "Chloe Davies"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Sharma",
|
||||
role: "Wellness Coach",
|
||||
company: "Inner Peace Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager-enjoying-work-break_1262-20856.jpg",
|
||||
imageAlt: "Priya Sharma",
|
||||
},
|
||||
id: "3", name: "Priya Sharma", role: "Wellness Coach", company: "Inner Peace Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager-enjoying-work-break_1262-20856.jpg", imageAlt: "Priya Sharma"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Lee",
|
||||
role: "Entrepreneur",
|
||||
company: "HerGrowth Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-blue-eyed-woman-smiles-happily-keeps-hands-together-expresses-positive-emotions-feels-glad-hear-good-news-dressed-knitted-clothes-isolated-pink-background_273609-61089.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "4", name: "Jessica Lee", role: "Entrepreneur", company: "HerGrowth Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-blue-eyed-woman-smiles-happily-keeps-hands-together-expresses-positive-emotions-feels-glad-hear-good-news-dressed-knitted-clothes-isolated-pink-background_273609-61089.jpg", imageAlt: "Jessica Lee"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Garcia",
|
||||
role: "Healthcare Professional",
|
||||
company: "Holistic Healing Clinic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive_1098-2482.jpg",
|
||||
imageAlt: "Maria Garcia",
|
||||
},
|
||||
id: "5", name: "Maria Garcia", role: "Healthcare Professional", company: "Holistic Healing Clinic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive_1098-2482.jpg", imageAlt: "Maria Garcia"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Aisha Khan",
|
||||
role: "Mindfulness Educator",
|
||||
company: "Zenith Wellness",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-woman-staring-afar_23-2148248537.jpg",
|
||||
imageAlt: "Aisha Khan",
|
||||
},
|
||||
id: "6", name: "Aisha Khan", role: "Mindfulness Educator", company: "Zenith Wellness", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-woman-staring-afar_23-2148248537.jpg", imageAlt: "Aisha Khan"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Improved Mood",
|
||||
},
|
||||
value: "95%", label: "Improved Mood"},
|
||||
{
|
||||
value: "89%",
|
||||
label: "Better Cycle Health",
|
||||
},
|
||||
value: "89%", label: "Better Cycle Health"},
|
||||
{
|
||||
value: "92%",
|
||||
label: "Reduced Stress",
|
||||
},
|
||||
value: "92%", label: "Reduced Stress"},
|
||||
]}
|
||||
title="Voices of Empowerment"
|
||||
description="Hear how HerCalm is transforming lives and supporting women on their wellness journey to health and harmony."
|
||||
@@ -397,8 +249,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Thrive?"
|
||||
title="Begin Your Journey to Harmonious Well-being"
|
||||
description="Connect with your personal AI companion and unlock a world of personalized wellness insights tailored just for you."
|
||||
@@ -418,13 +269,9 @@ export default function LandingPage() {
|
||||
logoAlt="HerCalm Logo"
|
||||
logoText="HerCalm"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user