Update src/app/page.tsx
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "How it Works", id: "how-it-works"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="RecallLoop"
|
||||
/>
|
||||
@@ -57,15 +49,11 @@ export default function LandingPage() {
|
||||
description="The relationship intelligence system for your real life. Remember conversations, manage follow-ups, and foster deeper connections effortlessly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Early Access", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
text: "Learn More", href: "#how-it-works"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg"
|
||||
imageAlt="RecallLoop Dashboard"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,14 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Human-First Intelligence",
|
||||
},
|
||||
type: "text", content: "Human-First Intelligence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/neural-network-gradient_78370-3687.jpg",
|
||||
alt: "Brain connection",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/neural-network-gradient_78370-3687.jpg", alt: "Brain connection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,34 +77,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Contextual Recall",
|
||||
title: "Never lose a detail",
|
||||
items: [
|
||||
"Deep semantic search",
|
||||
"Voice transcription support",
|
||||
"Conversation timelines",
|
||||
],
|
||||
id: "f1", label: "Contextual Recall", title: "Never lose a detail", items: [
|
||||
"Deep semantic search", "Voice transcription support", "Conversation timelines"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Memory Resurfacing",
|
||||
title: "Nurture relationships",
|
||||
items: [
|
||||
"Proactive follow-up reminders",
|
||||
"Relationship health insights",
|
||||
"AI-generated check-ins",
|
||||
],
|
||||
id: "f2", label: "Memory Resurfacing", title: "Nurture relationships", items: [
|
||||
"Proactive follow-up reminders", "Relationship health insights", "AI-generated check-ins"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Actionable Insights",
|
||||
title: "Promises tracked",
|
||||
items: [
|
||||
"Automated promise lists",
|
||||
"Follow-up draft generation",
|
||||
"Shared memory spaces",
|
||||
],
|
||||
id: "f3", label: "Actionable Insights", title: "Promises tracked", items: [
|
||||
"Automated promise lists", "Follow-up draft generation", "Shared memory spaces"],
|
||||
},
|
||||
]}
|
||||
title="Features built for genuine connection"
|
||||
@@ -131,38 +96,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "step1",
|
||||
label: "Capture",
|
||||
title: "Capture input",
|
||||
items: [
|
||||
"Talk to our voice app",
|
||||
"Sync your existing email",
|
||||
"Quick note entry",
|
||||
],
|
||||
id: "step1", label: "Capture", title: "Capture input", items: [
|
||||
"Talk to our voice app", "Sync your existing email", "Quick note entry"],
|
||||
},
|
||||
{
|
||||
id: "step2",
|
||||
label: "Summarize",
|
||||
title: "AI Summarization",
|
||||
items: [
|
||||
"Semantic parsing",
|
||||
"Key detail extraction",
|
||||
"Emotional context analysis",
|
||||
],
|
||||
id: "step2", label: "Summarize", title: "AI Summarization", items: [
|
||||
"Semantic parsing", "Key detail extraction", "Emotional context analysis"],
|
||||
},
|
||||
{
|
||||
id: "step3",
|
||||
label: "Retrieve",
|
||||
title: "Smart Recall",
|
||||
items: [
|
||||
"Conversational search queries",
|
||||
"Relationship health alerts",
|
||||
"Suggested next messages",
|
||||
],
|
||||
id: "step3", label: "Retrieve", title: "Smart Recall", items: [
|
||||
"Conversational search queries", "Relationship health alerts", "Suggested next messages"],
|
||||
},
|
||||
]}
|
||||
title="Simple interaction flow"
|
||||
@@ -175,14 +123,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechStars",
|
||||
"NextFounder",
|
||||
"StartupHub",
|
||||
"GrowthLeague",
|
||||
"InnovateLabs",
|
||||
"CommunityPro",
|
||||
"NetworkingDaily",
|
||||
]}
|
||||
"TechStars", "NextFounder", "StartupHub", "GrowthLeague", "InnovateLabs", "CommunityPro", "NetworkingDaily"]}
|
||||
title="Trusted by early adopters"
|
||||
description="Join the growing community of networkers, professionals, and families."
|
||||
/>
|
||||
@@ -195,55 +136,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Free",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic contact profiles",
|
||||
"5 notes/month",
|
||||
"Manual recall",
|
||||
],
|
||||
id: "basic", title: "Free", price: "$0", period: "/mo", features: [
|
||||
"Basic contact profiles", "5 notes/month", "Manual recall"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mother-call-screen_169016-43416.jpg",
|
||||
imageAlt: "mobile notification interface",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mother-call-screen_169016-43416.jpg", imageAlt: "mobile notification interface"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro",
|
||||
price: "$12",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited conversation notes",
|
||||
"Proactive reminders",
|
||||
"Voice transcription",
|
||||
"Email import",
|
||||
],
|
||||
id: "pro", title: "Pro", price: "$12", period: "/mo", features: [
|
||||
"Unlimited conversation notes", "Proactive reminders", "Voice transcription", "Email import"],
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=2",
|
||||
imageAlt: "mobile notification interface",
|
||||
},
|
||||
text: "Go Pro"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "mobile notification interface"},
|
||||
{
|
||||
id: "team",
|
||||
title: "Team",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Shared workspaces",
|
||||
"Collaborative memory",
|
||||
"Advanced health score",
|
||||
"Priority support",
|
||||
],
|
||||
id: "team", title: "Team", price: "$29", period: "/mo", features: [
|
||||
"Shared workspaces", "Collaborative memory", "Advanced health score", "Priority support"],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neural-network-gradient_78370-3687.jpg",
|
||||
imageAlt: "mobile notification interface",
|
||||
},
|
||||
text: "Contact Sales"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neural-network-gradient_78370-3687.jpg", imageAlt: "mobile notification interface"},
|
||||
]}
|
||||
title="Plans for everyone"
|
||||
description="Choose the level of connection that suits your needs."
|
||||
@@ -256,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data private?",
|
||||
content: "Yes, your privacy is our core. All semantic data is encrypted and used only for your relationship intelligence.",
|
||||
},
|
||||
id: "q1", title: "Is my data private?", content: "Yes, your privacy is our core. All semantic data is encrypted and used only for your relationship intelligence."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does AI recall work?",
|
||||
content: "We use vector databases for semantic memory, enabling you to query your conversations by topic or feeling.",
|
||||
},
|
||||
id: "q2", title: "How does AI recall work?", content: "We use vector databases for semantic memory, enabling you to query your conversations by topic or feeling."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I import my emails?",
|
||||
content: "Absolutely. You can securely connect your email accounts to keep your relationship history synced.",
|
||||
},
|
||||
id: "q3", title: "Can I import my emails?", content: "Absolutely. You can securely connect your email accounts to keep your relationship history synced."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
@@ -284,14 +184,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to build better relationships? Start your memory journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up for Waitlist",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up for Waitlist", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -300,42 +197,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user