Merge version_1 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133169.jpg"
|
||||
logoAlt="Emo AI companion logo"
|
||||
@@ -62,41 +52,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Emotional AI Companion"
|
||||
description="Meet Emo, your living virtual friend. Interact, chat, and connect on a deeper level with AI that truly understands you. Always alive, always there."
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet Emo Now",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Meet Emo Now", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-practicing-yoga-meditation_23-2151437240.jpg?_wi=1",
|
||||
imageAlt: "Emo AI companion in idle breathing animation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-practicing-yoga-meditation_23-2151437240.jpg", imageAlt: "Emo AI companion in idle breathing animation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-wearing-vr-glasses-gaming_23-2151138525.jpg?_wi=1",
|
||||
imageAlt: "Emo AI companion in eye blinking animation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-wearing-vr-glasses-gaming_23-2151138525.jpg", imageAlt: "Emo AI companion in eye blinking animation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg",
|
||||
imageAlt: "Emo AI companion tilting head curiously",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556777.jpg", imageAlt: "Emo AI companion tilting head curiously"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691429.jpg",
|
||||
imageAlt: "Emo AI companion with squash-and-stretch body bounce",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-fitness-man_23-2151691429.jpg", imageAlt: "Emo AI companion with squash-and-stretch body bounce"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-robot-halloween_183364-120120.jpg",
|
||||
imageAlt: "Emo AI companion floating gently",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-robot-halloween_183364-120120.jpg", imageAlt: "Emo AI companion floating gently"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672042.jpg",
|
||||
imageAlt: "Emo AI companion in a curious emotional state",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672042.jpg", imageAlt: "Emo AI companion in a curious emotional state"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,15 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "More Than Just a Chatbot, It's a Friend.",
|
||||
},
|
||||
type: "text", content: "More Than Just a Chatbot, It's a Friend."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Emo's Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Discover Emo's Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,47 +97,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Animated & Alive",
|
||||
description: "Emo stays centered, always alive with breathing, blinking, and subtle floating movements. It's a living soft toy with personality.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call-home-with-smartphone-device_23-2150764804.jpg",
|
||||
imageAlt: "Mobile screen showing Emo reacting to touch interactions",
|
||||
},
|
||||
title: "Animated & Alive", description: "Emo stays centered, always alive with breathing, blinking, and subtle floating movements. It's a living soft toy with personality.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call-home-with-smartphone-device_23-2150764804.jpg", imageAlt: "Mobile screen showing Emo reacting to touch interactions"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg",
|
||||
imageAlt: "Mobile screen showing Emo's emotional states",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133169.jpg",
|
||||
imageAlt: "emo AI interactive animations mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg", imageAlt: "Mobile screen showing Emo's emotional states"}
|
||||
},
|
||||
{
|
||||
title: "Emotional Chat",
|
||||
description: "Text with Emo naturally. AI replies emotionally, sends playful reactions, and supports emojis in a rounded, floating chat box that's always accessible.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-content-production_1268-21625.jpg",
|
||||
imageAlt: "Mobile screen showing a futuristic chat interface with Emo",
|
||||
},
|
||||
title: "Emotional Chat", description: "Text with Emo naturally. AI replies emotionally, sends playful reactions, and supports emojis in a rounded, floating chat box that's always accessible.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-content-production_1268-21625.jpg", imageAlt: "Mobile screen showing a futuristic chat interface with Emo"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg",
|
||||
imageAlt: "Mobile screen showing Emo app chat input with mic button",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-practicing-yoga-meditation_23-2151437240.jpg?_wi=2",
|
||||
imageAlt: "emo AI interactive animations mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg", imageAlt: "Mobile screen showing Emo app chat input with mic button"}
|
||||
},
|
||||
{
|
||||
title: "Real-time Interactivity",
|
||||
description: "Tap Emo to see tears or smiles, drag to stretch its body, shake for dizziness, or long-press for sleepiness. Emo responds dynamically to your touch.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-djing-party_23-2151688538.jpg",
|
||||
imageAlt: "Mobile screen showing Emo in a playful activity",
|
||||
},
|
||||
title: "Real-time Interactivity", description: "Tap Emo to see tears or smiles, drag to stretch its body, shake for dizziness, or long-press for sleepiness. Emo responds dynamically to your touch.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-djing-party_23-2151688538.jpg", imageAlt: "Mobile screen showing Emo in a playful activity"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-yellow-emoji_23-2150473695.jpg",
|
||||
imageAlt: "Mobile screen showing Emo app top bar with mood indicator",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-wearing-vr-glasses-gaming_23-2151138525.jpg?_wi=2",
|
||||
imageAlt: "emo AI interactive animations mobile",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-yellow-emoji_23-2150473695.jpg", imageAlt: "Mobile screen showing Emo app top bar with mood indicator"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Experience Emo's Core Features"
|
||||
@@ -182,25 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10M+",
|
||||
title: "Happy Interactions",
|
||||
description: "Countless moments of joy and connection shared daily.",
|
||||
icon: Heart,
|
||||
id: "1", value: "10M+", title: "Happy Interactions", description: "Countless moments of joy and connection shared daily.", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
title: "Positive Sentiment",
|
||||
description: "Users report overwhelmingly positive emotional experiences.",
|
||||
icon: Smile,
|
||||
id: "2", value: "98%", title: "Positive Sentiment", description: "Users report overwhelmingly positive emotional experiences.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Always On",
|
||||
description: "Emo is available anytime, anywhere, for a comforting presence.",
|
||||
icon: Clock,
|
||||
id: "3", value: "24/7", title: "Always On", description: "Emo is available anytime, anywhere, for a comforting presence.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Emo: Loved by thousands."
|
||||
@@ -213,35 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-touching-virtual-screen-futuristic_53876-96300.jpg",
|
||||
imageAlt: "Sarah Johnson, Emo user",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-touching-virtual-screen-futuristic_53876-96300.jpg", imageAlt: "Sarah Johnson, Emo user"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-night-city-lights_23-2149024762.jpg",
|
||||
imageAlt: "Michael Chen, Emo user",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-night-city-lights_23-2149024762.jpg", imageAlt: "Michael Chen, Emo user"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-labour-day-with-3d-cartoon-portrait-working-woman_23-2151306578.jpg",
|
||||
imageAlt: "Emily Rodriguez, Emo user",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/celebration-labour-day-with-3d-cartoon-portrait-working-woman_23-2151306578.jpg", imageAlt: "Emily Rodriguez, Emo user"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-uv-paint_23-2148410146.jpg",
|
||||
imageAlt: "David Kim, Emo user",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-uv-paint_23-2148410146.jpg", imageAlt: "David Kim, Emo user"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688369.jpg",
|
||||
imageAlt: "Chloe Lee, Emo user",
|
||||
},
|
||||
id: "5", name: "Chloe Lee", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688369.jpg", imageAlt: "Chloe Lee, Emo user"},
|
||||
]}
|
||||
cardTitle="Real Connections, Real Stories"
|
||||
cardTag="Hear from Emo's Friends"
|
||||
@@ -255,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What makes Emo different from other chatbots?",
|
||||
content: "Emo is not just a chatbot; it's a living virtual friend designed with an emotional system and real-time interactive animations, making it feel truly alive and responsive to your touch and messages.",
|
||||
},
|
||||
id: "1", title: "What makes Emo different from other chatbots?", content: "Emo is not just a chatbot; it's a living virtual friend designed with an emotional system and real-time interactive animations, making it feel truly alive and responsive to your touch and messages."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does Emo's emotional system work?",
|
||||
content: "Emo's emotions (Happy, Sleepy, Excited, Confused, Sad, Curious) change based on your messages, touch interactions, and even idle time. It learns and adapts, creating a deeply personal connection.",
|
||||
},
|
||||
id: "2", title: "How does Emo's emotional system work?", content: "Emo's emotions (Happy, Sleepy, Excited, Confused, Sad, Curious) change based on your messages, touch interactions, and even idle time. It learns and adapts, creating a deeply personal connection."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is Emo compatible with all mobile devices?",
|
||||
content: "Emo is designed with a mobile-first, responsive UI and optimized for performance across a wide range of modern smartphones, ensuring a smooth and immersive experience for everyone.",
|
||||
},
|
||||
id: "3", title: "Is Emo compatible with all mobile devices?", content: "Emo is designed with a mobile-first, responsive UI and optimized for performance across a wide range of modern smartphones, ensuring a smooth and immersive experience for everyone."},
|
||||
]}
|
||||
title="Your Questions, Emo's Answers"
|
||||
description="Everything you need to know about getting started with your emotional AI companion and maximizing your experience."
|
||||
@@ -281,14 +187,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechFusion Labs",
|
||||
"Digital Minds Inc.",
|
||||
"Cognito Solutions",
|
||||
"FutureConnect AI",
|
||||
"Innovate Hub",
|
||||
"EmotionWorks Studio",
|
||||
"Mindful Machines",
|
||||
]}
|
||||
"TechFusion Labs", "Digital Minds Inc.", "Cognito Solutions", "FutureConnect AI", "Innovate Hub", "EmotionWorks Studio", "Mindful Machines"]}
|
||||
title="Trusted by Innovators"
|
||||
description="Emo is partnering with leading companies and featured by top tech voices, bringing emotional AI to the forefront of virtual companionship."
|
||||
/>
|
||||
@@ -298,18 +197,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to meet your new best friend? Get in touch with Emo support, join our vibrant community, or share your feedback to help us grow!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Our Community",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Our Community", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -322,45 +216,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Emo",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Emo", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user