Merge version_2 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "History",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "History", id: "metrics"},
|
||||
]}
|
||||
brandName="MoodLens"
|
||||
/>
|
||||
@@ -49,99 +43,56 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Capture Your Mood, Enhance Your Day."
|
||||
description="MoodLens uses AI to detect your emotions in real-time and provides smart, personalized suggestions to uplift your vibe—whether it's music, meditation, or creative inspiration."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexmood",
|
||||
testimonial: "MoodLens changed how I start my day. It's like having a mood therapist in my pocket!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexmood", testimonial: "MoodLens changed how I start my day. It's like having a mood therapist in my pocket!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahjoy",
|
||||
testimonial: "The music suggestions based on my mood are always spot on.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahjoy", testimonial: "The music suggestions based on my mood are always spot on.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg"},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "@mikevibes",
|
||||
testimonial: "Simple, intuitive, and truly life-changing for my mental clarity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg",
|
||||
},
|
||||
name: "Mike B.", handle: "@mikevibes", testimonial: "Simple, intuitive, and truly life-changing for my mental clarity.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg"},
|
||||
{
|
||||
name: "Jenny L.",
|
||||
handle: "@jennymood",
|
||||
testimonial: "I love the clean interface. It's so calming just to look at.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495263.jpg",
|
||||
},
|
||||
name: "Jenny L.", handle: "@jennymood", testimonial: "I love the clean interface. It's so calming just to look at.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495263.jpg"},
|
||||
{
|
||||
name: "Chris D.",
|
||||
handle: "@chriscalm",
|
||||
testimonial: "The best emotion-detection app I have used so far.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-fashionable-young-fair-haired-caucasian-lady-with-freckles-loose-hairdo-no-make-up-posing-studio-wearing-white-shirt-gray-copyspace-wall-looking-camera_343059-4195.jpg",
|
||||
},
|
||||
name: "Chris D.", handle: "@chriscalm", testimonial: "The best emotion-detection app I have used so far.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-fashionable-young-fair-haired-caucasian-lady-with-freckles-loose-hairdo-no-make-up-posing-studio-wearing-white-shirt-gray-copyspace-wall-looking-camera_343059-4195.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get the App",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get the App", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-sister-call-screen_169016-43658.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg",
|
||||
alt: "Alex R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg", alt: "Alex R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
|
||||
alt: "Sarah K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg", alt: "Sarah K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg",
|
||||
alt: "Mike B.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg", alt: "Mike B."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495263.jpg",
|
||||
alt: "Jenny L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495263.jpg", alt: "Jenny L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-fashionable-young-fair-haired-caucasian-lady-with-freckles-loose-hairdo-no-make-up-posing-studio-wearing-white-shirt-gray-copyspace-wall-looking-camera_343059-4195.jpg",
|
||||
alt: "Chris D.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-fashionable-young-fair-haired-caucasian-lady-with-freckles-loose-hairdo-no-make-up-posing-studio-wearing-white-shirt-gray-copyspace-wall-looking-camera_343059-4195.jpg", alt: "Chris D."},
|
||||
]}
|
||||
avatarText="Join 10k+ happy users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Emotion Detection",
|
||||
},
|
||||
type: "text", text: "Emotion Detection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Music",
|
||||
},
|
||||
type: "text", text: "Personalized Music"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Mood Tracking",
|
||||
},
|
||||
type: "text", text: "Daily Mood Tracking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Meditation Guidance",
|
||||
},
|
||||
type: "text", text: "Meditation Guidance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Inspiration",
|
||||
},
|
||||
type: "text", text: "Creative Inspiration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,40 +104,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI Mood Detection",
|
||||
subtitle: "Instant analysis",
|
||||
category: "Technology",
|
||||
value: "Real-time camera-based emotion tracking.",
|
||||
},
|
||||
id: "f1", title: "AI Mood Detection", subtitle: "Instant analysis", category: "Technology", value: "Real-time camera-based emotion tracking."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Personalized Suggestions",
|
||||
subtitle: "Tailored content",
|
||||
category: "AI",
|
||||
value: "Get music, reels, and habits that fit how you feel.",
|
||||
},
|
||||
id: "f2", title: "Personalized Suggestions", subtitle: "Tailored content", category: "AI", value: "Get music, reels, and habits that fit how you feel."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Mood History Charts",
|
||||
subtitle: "Track trends",
|
||||
category: "Analytics",
|
||||
value: "Visual insights into your emotional journey over time.",
|
||||
},
|
||||
id: "f3", title: "Mood History Charts", subtitle: "Track trends", category: "Analytics", value: "Visual insights into your emotional journey over time."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Calm Sessions",
|
||||
subtitle: "Guided relief",
|
||||
category: "Wellbeing",
|
||||
value: "Quick guided breathing to help you reset.",
|
||||
},
|
||||
id: "f4", title: "Calm Sessions", subtitle: "Guided relief", category: "Wellbeing", value: "Quick guided breathing to help you reset."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Privacy First",
|
||||
subtitle: "Secure data",
|
||||
category: "Security",
|
||||
value: "Your emotional data stays on your device.",
|
||||
},
|
||||
id: "f5", title: "Privacy First", subtitle: "Secure data", category: "Security", value: "Your emotional data stays on your device."},
|
||||
]}
|
||||
title="Smart Features for Every Emotion"
|
||||
description="Intelligent tools designed to understand you better."
|
||||
@@ -200,20 +126,11 @@ export default function LandingPage() {
|
||||
tag="Insights"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
description: "Mood Accuracy",
|
||||
},
|
||||
id: "m1", value: "85%", description: "Mood Accuracy"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2M",
|
||||
description: "Moods Analyzed",
|
||||
},
|
||||
id: "m2", value: "1.2M", description: "Moods Analyzed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Daily Suggestions",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Daily Suggestions"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -228,30 +145,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my camera data private?",
|
||||
content: "Yes, all processing happens locally on your device. We never upload your images to our servers.",
|
||||
},
|
||||
id: "q1", title: "Is my camera data private?", content: "Yes, all processing happens locally on your device. We never upload your images to our servers."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does it suggest music?",
|
||||
content: "We analyze your detected emotion and map it to curated playlists designed to match or improve your current state.",
|
||||
},
|
||||
id: "q2", title: "How does it suggest music?", content: "We analyze your detected emotion and map it to curated playlists designed to match or improve your current state."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free to use?",
|
||||
content: "The core tracking features are free. We offer a premium subscription for advanced historical insights and unlimited content.",
|
||||
},
|
||||
id: "q3", title: "Is it free to use?", content: "The core tracking features are free. We offer a premium subscription for advanced historical insights and unlimited content."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Does it work offline?",
|
||||
content: "Yes, the AI emotion analysis works completely offline.",
|
||||
},
|
||||
id: "q4", title: "Does it work offline?", content: "Yes, the AI emotion analysis works completely offline."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I track my mood trends?",
|
||||
content: "Absolutely. Our dashboard visualizes your emotional patterns over days, weeks, and months.",
|
||||
},
|
||||
id: "q5", title: "Can I track my mood trends?", content: "Absolutely. Our dashboard visualizes your emotional patterns over days, weeks, and months."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,8 +162,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Ready to track your mood?"
|
||||
description="Sign up for our newsletter to get tips on emotional well-being and updates on the latest MoodLens features."
|
||||
@@ -274,42 +175,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Download",
|
||||
href: "#",
|
||||
},
|
||||
label: "Download", href: "#"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #f0f4f8;
|
||||
--card: #ffffff;
|
||||
--foreground: #2c3e50;
|
||||
--primary-cta: #6d98ba;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #e0eaf3;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #b8cce2;
|
||||
--background-accent: #d1e0ef;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user