Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
464
src/app/page.tsx
464
src/app/page.tsx
@@ -18,346 +18,148 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="MindfulDaily"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="MindfulDaily"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Start your day with mindfulness"
|
||||
description="MindfulDaily makes it simple to track your mood, reflect with quotes, and breathe deeply—all in one place."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice R.",
|
||||
handle: "@alicer",
|
||||
testimonial: "This app changed my daily routine completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Simple, clean, and truly helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@elenak",
|
||||
testimonial: "I love the daily quotes, always so timely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sam L.",
|
||||
handle: "@saml",
|
||||
testimonial: "The breathing exercises are perfect for busy days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jo B.",
|
||||
handle: "@job",
|
||||
testimonial: "A beautiful way to check in with myself.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859113.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Alice",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",
|
||||
alt: "Sam",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg",
|
||||
alt: "Jo",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ mindful users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Mood Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Guided Breathing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Quotes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Journaling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mindfulness Insights",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Start your day with mindfulness"
|
||||
description="MindfulDaily makes it simple to track your mood, reflect with quotes, and breathe deeply—all in one place."
|
||||
testimonials={[
|
||||
{ name: "Alice R.", handle: "@alicer", testimonial: "This app changed my daily routine completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg" },
|
||||
{ name: "Mark S.", handle: "@marks", testimonial: "Simple, clean, and truly helpful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg" },
|
||||
{ name: "Elena K.", handle: "@elenak", testimonial: "I love the daily quotes, always so timely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
|
||||
{ name: "Sam L.", handle: "@saml", testimonial: "The breathing exercises are perfect for busy days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg" },
|
||||
{ name: "Jo B.", handle: "@job", testimonial: "A beautiful way to check in with myself.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859113.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Alice" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg", alt: "Sam" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg", alt: "Jo" }
|
||||
]}
|
||||
avatarText="Join 10,000+ mindful users"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Daily Mood Tracking" },
|
||||
{ type: "text", text: "Guided Breathing" },
|
||||
{ type: "text", text: "Personalized Quotes" },
|
||||
{ type: "text", text: "Private Journaling" },
|
||||
{ type: "text", text: "Mindfulness Insights" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why focus on your well-being?"
|
||||
metrics={[
|
||||
{
|
||||
label: "Daily Active Users",
|
||||
value: "10k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Mindful Minutes",
|
||||
value: "500k+",
|
||||
icon: Timer,
|
||||
},
|
||||
{
|
||||
label: "Quotes Shared",
|
||||
value: "1M+",
|
||||
icon: MessageCircle,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why focus on your well-being?"
|
||||
metrics={[
|
||||
{ label: "Daily Active Users", value: "10k+", icon: Users },
|
||||
{ label: "Mindful Minutes", value: "500k+", icon: Timer },
|
||||
{ label: "Quotes Shared", value: "1M+", icon: MessageCircle }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Mood Tracking",
|
||||
tags: [
|
||||
"Simple",
|
||||
"Insightful",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148650659.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Daily Inspiration",
|
||||
tags: [
|
||||
"Quotes",
|
||||
"Positive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-letter-cubes-with-frame_23-2148689388.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Mindful Journaling",
|
||||
tags: [
|
||||
"Reflection",
|
||||
"Privacy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168686.jpg",
|
||||
},
|
||||
]}
|
||||
title="Your daily companion"
|
||||
description="Everything you need to stay grounded and connected to your emotions."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Mood Tracking", tags: ["Simple", "Insightful"], imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148650659.jpg" },
|
||||
{ id: "2", title: "Daily Inspiration", tags: ["Quotes", "Positive"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-letter-cubes-with-frame_23-2148689388.jpg" },
|
||||
{ id: "3", title: "Mindful Journaling", tags: ["Reflection", "Privacy"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168686.jpg" }
|
||||
]}
|
||||
title="Your daily companion"
|
||||
description="Everything you need to stay grounded and connected to your emotions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice R.",
|
||||
handle: "@alice",
|
||||
testimonial: "Finally, a simple app that doesn't overwhelm me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S.",
|
||||
handle: "@mark",
|
||||
testimonial: "The breathing exercises are life-savers during work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
handle: "@elena",
|
||||
testimonial: "I love the journaling prompts. Very helpful!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam L.",
|
||||
handle: "@sam",
|
||||
testimonial: "Consistent, helpful, and beautiful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jo B.",
|
||||
handle: "@jo",
|
||||
testimonial: "Such a peaceful app to use daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Loved by thousands"
|
||||
description="Read what our community says about their daily journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice R.", handle: "@alice", testimonial: "Finally, a simple app that doesn't overwhelm me.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg" },
|
||||
{ id: "2", name: "Mark S.", handle: "@mark", testimonial: "The breathing exercises are life-savers during work.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg" },
|
||||
{ id: "3", name: "Elena K.", handle: "@elena", testimonial: "I love the journaling prompts. Very helpful!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
|
||||
{ id: "4", name: "Sam L.", handle: "@sam", testimonial: "Consistent, helpful, and beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg" },
|
||||
{ id: "5", name: "Jo B.", handle: "@jo", testimonial: "Such a peaceful app to use daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg" }
|
||||
]}
|
||||
title="Loved by thousands"
|
||||
description="Read what our community says about their daily journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data private?",
|
||||
content: "Yes, all your journal entries are encrypted and private.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I use it offline?",
|
||||
content: "Yes, you can track your mood and journal offline.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free to use?",
|
||||
content: "The basic version is free for all users.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about MindfulDaily."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is my data private?", content: "Yes, all your journal entries are encrypted and private." },
|
||||
{ id: "q2", title: "Can I use it offline?", content: "Yes, you can track your mood and journal offline." },
|
||||
{ id: "q3", title: "Is it free to use?", content: "The basic version is free for all users." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about MindfulDaily."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Join our community"
|
||||
description="We are here to support your journey. Send us a message for any questions."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How are you feeling today?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991462.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Join our community"
|
||||
description="We are here to support your journey. Send us a message for any questions."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How are you feeling today?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991462.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MindfulDaily Inc."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 MindfulDaily Inc."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user