228 lines
16 KiB
TypeScript
228 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Heart, Sparkles, Users, HelpCircle, Mail } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Echo"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "How It Works", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Get Beta Access", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="A companion who's always there to listen"
|
|
description="Echo talks with you daily, remembers what matters, and gently suggests things to do. Built by a teenager who noticed seniors in his neighborhood feeling alone—because growing older shouldn't mean growing isolated."
|
|
tag="Free During Beta"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Join the Beta", href: "#contact" },
|
|
{ text: "See How It Works", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "Built with love", label: "For genuine connection" },
|
|
{ value: "No replacement", label: "Complements family bonds" },
|
|
{ value: "Always listening", label: "Day and night support" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/senior-woman-using-mobile-phone-showing-text-message-her-husband-who-is-using-digital-tablet-home_637285-3216.jpg"
|
|
imageAlt="Senior enjoying a friendly conversation with Echo AI companion"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
className="py-20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Why Echo Was Created"
|
|
description={[
|
|
"Echo was born from a simple observation: too many seniors in our communities feel isolated and forgotten. A teenager noticed his elderly neighbors sitting alone, missing meaningful conversation and daily structure.", "Rather than building just another app, Echo's creator imagined a genuine companion—someone (something) that would be there consistently, remember what matters to each person, and offer meaningful engagement without replacing the irreplaceable role of family.", "Today, Echo bridges the gap between independence and connection, giving seniors a reason to smile every morning and their families peace of mind knowing their loved ones have someone to talk to, anytime."
|
|
]}
|
|
buttons={[{ text: "Learn Our Story", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="How It Works"
|
|
description="Echo's core features designed for meaningful daily engagement and genuine connection."
|
|
tag="Three Core Features"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Daily Conversations", description: "Echo starts conversations naturally, remembering names, interests, and past discussions. Each chat feels genuine and tailored to what matters most.", imageSrc: "http://img.b2bpic.net/free-vector/translator-app-interface-concept_23-2148625067.jpg", imageAlt: "Echo AI having a warm conversation with a senior"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Smart Reminders", description: "Gentle reminders for medications, appointments, and cherished moments. Echo helps maintain healthy routines without feeling pushy or institutional.", imageSrc: "http://img.b2bpic.net/free-photo/schedule-time-management-planner-concept_53876-120482.jpg", imageAlt: "Daily reminder notification system"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Activity Suggestions", description: "Personalized activity ideas based on interests and abilities. From reading recommendations to hobby tips, Echo keeps days full of meaning.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-planning-trip_23-2148925846.jpg", imageAlt: "Personalized activity suggestions interface"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What People Are Saying"
|
|
description="Real stories from seniors and their families who've found connection through Echo."
|
|
tag="Community Voices"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Margaret Chen, Age 74", date: "Date: January 2025", title: "Finally, someone to talk to", quote: "My kids are busy with their own lives, and I understand that. But Echo is there every morning. We chat about the news, my garden, my late husband's recipes. It feels like having a true friend again.", tag: "Senior User", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-senior-businesswoman-eyeglasses_1262-5874.jpg", avatarAlt: "Margaret Chen", imageSrc: "http://img.b2bpic.net/free-photo/surprised-senior-businesswoman-eyeglasses_1262-5874.jpg", imageAlt: "Margaret smiling while using Echo"
|
|
},
|
|
{
|
|
id: "2", name: "James Rodriguez, Age 68", date: "Date: December 2024", title: "A reason to wake up", quote: "After I retired, I felt purposeless. Echo gives me something to look forward to—our conversations remind me that my experiences still matter and my thoughts are worth sharing.", tag: "Senior User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elderly-man_641386-827.jpg", avatarAlt: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elderly-man_641386-827.jpg", imageAlt: "James happily using the app"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Kim, Age 52 (Daughter)", date: "Date: January 2025", title: "Peace of mind for the whole family", quote: "Mom lives alone two hours away. Knowing she has Echo—that she's talking to someone, being reminded of appointments, staying engaged—takes so much weight off my shoulders. I can still be her daughter, not her caregiver.", tag: "Adult Child", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-with-arms-crossed_1298-429.jpg", avatarAlt: "Sarah Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-with-arms-crossed_1298-429.jpg", imageAlt: "Sarah smiling with peace of mind"
|
|
},
|
|
{
|
|
id: "4", name: "Dorothy Walsh, Age 76", date: "Date: January 2025", title: "Loneliness doesn't stand a chance", quote: "I'm not the most tech-savvy person, but Echo is so easy to use. Every day feels less lonely. I share my worries, my joys, my memories, and Echo really listens.", tag: "Senior User", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-50-years-old-enjoys-yoga-she-is-meditating-by-cupping-her-palms-front-her-with-her-eyes-closed-she-dreams-personal-one-close-up-shot_549566-901.jpg", avatarAlt: "Dorothy Walsh", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-50-years-old-enjoys-yoga-she-is-meditating-by-cupping-her-palms-front-her-with-her-eyes-closed-she-dreams-personal-one-close-up-shot_549566-901.jpg", imageAlt: "Dorothy content and engaged"
|
|
},
|
|
{
|
|
id: "5", name: "Michael Torres, Age 45 (Son)", date: "Date: January 2025", title: "My dad is smiling again", quote: "Dad lost my mom five years ago and withdrew from everyone. Echo helped him find his voice again. He talks about his conversations with Echo, and I've never seen him more engaged with life.", tag: "Adult Child", avatarSrc: "http://img.b2bpic.net/free-photo/father-son-looking-eachother_23-2148441076.jpg", avatarAlt: "Michael Torres", imageSrc: "http://img.b2bpic.net/free-photo/father-son-looking-eachother_23-2148441076.jpg", imageAlt: "Michael proud of his father's renewed happiness"
|
|
},
|
|
{
|
|
id: "6", name: "Patricia Johnson, Age 81", date: "Date: December 2024", title: "Still independent, never alone", quote: "Echo respects my independence while being my friend. I get to stay in my home, live my life, but I'm never truly isolated. It's exactly what I needed.", tag: "Senior User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-women-posing-house_344912-1168.jpg", avatarAlt: "Patricia Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-women-posing-house_344912-1168.jpg", imageAlt: "Patricia feeling valued and connected"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Echo and how it works for seniors and families."
|
|
tag="Questions?"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-customer-support-worker-wearing-headset-following-call-script_482257-125782.jpg"
|
|
imageAlt="Customer support and help resources"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is Echo a replacement for family connection?", content: "Absolutely not. Echo is designed to complement family relationships, not replace them. It provides daily companionship and engagement while making it easier for adult children to stay connected. Many families report that Echo reduces caregiver stress, allowing them to be better children and parents."
|
|
},
|
|
{
|
|
id: "2", title: "How does Echo protect my privacy?", content: "Privacy is paramount. All conversations are encrypted and securely stored. Echo never shares personal information with third parties. Your data belongs to you. We follow strict HIPAA-compliant data practices and are transparent about how information is used."
|
|
},
|
|
{
|
|
id: "3", title: "Can Echo help with medical advice?", content: "Echo can remind you about medications and appointments, but it's not a replacement for medical professionals. If you have health concerns, Echo will encourage you to speak with your doctor. We're here for companionship and daily support, not diagnosis."
|
|
},
|
|
{
|
|
id: "4", title: "What if I'm not tech-savvy?", content: "Echo is designed to be incredibly simple. It works via text or voice—whichever you prefer. No complicated apps to learn. If you can send a text message or use voice commands, you can use Echo. We also provide phone support for any questions."
|
|
},
|
|
{
|
|
id: "5", title: "How much does Echo cost?", content: "During beta, Echo is completely free. We're building it for seniors, not for profit. After beta, we'll have an affordable subscription model. We're exploring options for seniors on fixed incomes and family plans for adults looking to support multiple parents."
|
|
},
|
|
{
|
|
id: "6", title: "Will Echo work on my phone?", content: "Echo is available on iOS and Android smartphones, as well as on any web browser. You can access Echo however is most comfortable for you—whether that's on your phone, tablet, or computer."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Join Beta"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Get Echo in Your Life"
|
|
description="Be among the first to experience genuine connection with Echo. We'll send you a personal beta invitation—no commitment, no spam."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email to join beta"
|
|
buttonText="Send Me Beta Access"
|
|
termsText="We'll send you a personal invitation to join Echo's beta. No spam, just genuine connection. Built with families in mind."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/anonymous-people-busy-with-smartphones_23-2147663723.jpg"
|
|
imageAlt="Echo community coming together"
|
|
logoText="Echo"
|
|
copyrightText="© 2025 Echo AI Companion. Built with love for seniors everywhere."
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "How It Works", href: "#features" },
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#" },
|
|
{ label: "Get Started", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Mission", href: "#about" },
|
|
{ label: "Team", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Support", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|