Merge version_2 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Demo",
|
||||
id: "demo",
|
||||
},
|
||||
name: "Demo", id: "demo"},
|
||||
]}
|
||||
brandName="MoodifyAI"
|
||||
/>
|
||||
@@ -51,54 +45,31 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Notifications that actually convert."
|
||||
description="AI-powered messaging that understands user mood, behavior, and trends — automatically."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc",
|
||||
testimonial: "MoodifyAI increased our click-through rate by 40% in just two weeks.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@sarahc", testimonial: "MoodifyAI increased our click-through rate by 40% in just two weeks.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=1"},
|
||||
{
|
||||
name: "James Wilson",
|
||||
handle: "@jwilson",
|
||||
testimonial: "Finally, marketing that feels human and speaks to user needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=1",
|
||||
},
|
||||
name: "James Wilson", handle: "@jwilson", testimonial: "Finally, marketing that feels human and speaks to user needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=1"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The mood detection feature is absolute magic for our engagement strategy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "@elena_r", testimonial: "The mood detection feature is absolute magic for our engagement strategy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=1"},
|
||||
{
|
||||
name: "Michael Scott",
|
||||
handle: "@mscott",
|
||||
testimonial: "Our churn rate dropped significantly after implementing these AI flows.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=1",
|
||||
},
|
||||
name: "Michael Scott", handle: "@mscott", testimonial: "Our churn rate dropped significantly after implementing these AI flows.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=1"},
|
||||
{
|
||||
name: "Jessica Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "The most intuitive platform for growth hacking I've used so far.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=2",
|
||||
},
|
||||
name: "Jessica Lee", handle: "@jlee", testimonial: "The most intuitive platform for growth hacking I've used so far.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=2"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
},
|
||||
text: "Get Early Access"},
|
||||
{
|
||||
text: "See Demo",
|
||||
},
|
||||
text: "See Demo"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-sleek-professional-ui-dashboard-mockup-1774695161540-d6f168e0.png?_wi=1"
|
||||
imageAlt="AI Notification Dashboard Mockup"
|
||||
@@ -113,22 +84,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Users ignore notifications",
|
||||
description: "Generic spam leads to immediate uninstalls and churn.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-minimalist-flat-icon-representing-noti-1774695162211-2d4206cf.png",
|
||||
},
|
||||
title: "Users ignore notifications", description: "Generic spam leads to immediate uninstalls and churn.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-minimalist-flat-icon-representing-noti-1774695162211-2d4206cf.png"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Generic messaging doesn't work",
|
||||
description: "One-size-fits-all campaigns lack the context of user behavior.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/abstract-graphic-representation-of-robot-1774695162311-9848193b.png",
|
||||
},
|
||||
title: "Generic messaging doesn't work", description: "One-size-fits-all campaigns lack the context of user behavior.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/abstract-graphic-representation-of-robot-1774695162311-9848193b.png"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Manual marketing is slow",
|
||||
description: "Human teams cannot scale personalized messaging 24/7.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-stylized-clock-icon-depicting-time-del-1774695162118-3d98d150.png",
|
||||
},
|
||||
title: "Manual marketing is slow", description: "Human teams cannot scale personalized messaging 24/7.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-stylized-clock-icon-depicting-time-del-1774695162118-3d98d150.png"},
|
||||
]}
|
||||
title="Why current strategies fail"
|
||||
description="Traditional notification systems are outdated and impersonal."
|
||||
@@ -152,23 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Funny & Casual",
|
||||
price: "High Open Rate",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Funny & Casual", price: "High Open Rate", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Empathy-Driven",
|
||||
price: "High Trust Rate",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Empathy-Driven", price: "High Trust Rate", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Discount-Focused",
|
||||
price: "Conversion King",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=3",
|
||||
},
|
||||
id: "3", name: "Discount-Focused", price: "Conversion King", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=3"},
|
||||
]}
|
||||
title="Mobile Notification Experience"
|
||||
description="See the difference AI makes with tailored messaging strategies."
|
||||
@@ -182,34 +132,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "AI Personalization",
|
||||
description: "Dynamic messaging based on unique user personas.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=1",
|
||||
},
|
||||
title: "AI Personalization", description: "Dynamic messaging based on unique user personas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=1"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Trend Intelligence",
|
||||
description: "Real-time adjustments based on market-wide trends.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=1",
|
||||
},
|
||||
title: "Trend Intelligence", description: "Real-time adjustments based on market-wide trends.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=1"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Multi-channel",
|
||||
description: "Seamless delivery across push, email, and web.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/multi-channel-messaging-bubble-icon-clea-1774695159642-8b35e051.png",
|
||||
},
|
||||
title: "Multi-channel", description: "Seamless delivery across push, email, and web.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/multi-channel-messaging-bubble-icon-clea-1774695159642-8b35e051.png"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Smart Timing",
|
||||
description: "Sent only when the user is most likely to act.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=2",
|
||||
},
|
||||
title: "Smart Timing", description: "Sent only when the user is most likely to act.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=2"},
|
||||
{
|
||||
id: 5,
|
||||
title: "Conversion Analytics",
|
||||
description: "Full-funnel insights for measurable growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=2",
|
||||
},
|
||||
title: "Conversion Analytics", description: "Full-funnel insights for measurable growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=2"},
|
||||
]}
|
||||
title="Platform Capabilities"
|
||||
description="Engineered for scaling growth and engagement."
|
||||
@@ -223,44 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "01",
|
||||
title: "Data Sync",
|
||||
items: [
|
||||
"Connect your API",
|
||||
"Sync historical user data",
|
||||
"Real-time event streaming",
|
||||
],
|
||||
id: "1", value: "01", title: "Data Sync", items: [
|
||||
"Connect your API", "Sync historical user data", "Real-time event streaming"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "02",
|
||||
title: "AI Analysis",
|
||||
items: [
|
||||
"Behavioral mapping",
|
||||
"Mood profile generation",
|
||||
"Trend pattern identification",
|
||||
],
|
||||
id: "2", value: "02", title: "AI Analysis", items: [
|
||||
"Behavioral mapping", "Mood profile generation", "Trend pattern identification"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "03",
|
||||
title: "Generation",
|
||||
items: [
|
||||
"Message crafting",
|
||||
"A/B variant creation",
|
||||
"Sentiment optimization",
|
||||
],
|
||||
id: "3", value: "03", title: "Generation", items: [
|
||||
"Message crafting", "A/B variant creation", "Sentiment optimization"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "04",
|
||||
title: "Delivery",
|
||||
items: [
|
||||
"Automated scheduling",
|
||||
"Adaptive delivery",
|
||||
"Conversion feedback loop",
|
||||
],
|
||||
id: "4", value: "04", title: "Delivery", items: [
|
||||
"Automated scheduling", "Adaptive delivery", "Conversion feedback loop"],
|
||||
},
|
||||
]}
|
||||
title="How it works"
|
||||
@@ -275,59 +186,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice W.",
|
||||
role: "CEO",
|
||||
company: "GrowthOps",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Alice W.", role: "CEO", company: "GrowthOps", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=3"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark B.",
|
||||
role: "CTO",
|
||||
company: "CloudNine",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mark B.", role: "CTO", company: "CloudNine", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia L.",
|
||||
role: "Head of Growth",
|
||||
company: "AppFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Sophia L.", role: "Head of Growth", company: "AppFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David T.",
|
||||
role: "Founder",
|
||||
company: "Venture",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David T.", role: "Founder", company: "Venture", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma P.",
|
||||
role: "Founder",
|
||||
company: "ScaleUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=4",
|
||||
},
|
||||
id: "5", name: "Emma P.", role: "Founder", company: "ScaleUp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=4"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "40%",
|
||||
label: "Avg Conversion Lift",
|
||||
},
|
||||
value: "40%", label: "Avg Conversion Lift"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Active Integrations",
|
||||
},
|
||||
value: "200+", label: "Active Integrations"},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Notifications Sent",
|
||||
},
|
||||
value: "5M+", label: "Notifications Sent"},
|
||||
]}
|
||||
title="Loved by founders"
|
||||
description="Startups and enterprises alike are scaling with us."
|
||||
@@ -338,8 +218,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Early Access"
|
||||
title="Start increasing conversions today"
|
||||
description="Join the waitlist for early access to the future of AI messaging."
|
||||
@@ -356,49 +235,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Product",
|
||||
href: "#",
|
||||
},
|
||||
label: "Product", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#",
|
||||
},
|
||||
label: "Company", href: "#"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -408,4 +269,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #F8FAFC;
|
||||
--card: #ffffff;
|
||||
--foreground: #111827;
|
||||
--primary-cta: #6366F1;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #22C55E;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #0F172A;
|
||||
--background-accent: #E2E8F0;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user