Merge version_2 into main #2
364
src/app/page.tsx
364
src/app/page.tsx
@@ -9,7 +9,7 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Star, Users, Zap } from "lucide-react";
|
||||
@@ -30,24 +30,12 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="MindMirror"
|
||||
/>
|
||||
@@ -56,72 +44,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your digital mind. Alive forever."
|
||||
description="Train an AI clone of yourself through personality games and real conversations. Watch it learn your humor, emotions, and thinking style—then battle, evolve, and interact with the world even when you're offline. Your second digital existence starts now."
|
||||
kpis={[
|
||||
{
|
||||
value: "1.2M",
|
||||
label: "Active Clones",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "45M",
|
||||
label: "Daily Battles",
|
||||
},
|
||||
{ value: "1.2M", label: "Active Clones" },
|
||||
{ value: "95%", label: "Retention Rate" },
|
||||
{ value: "45M", label: "Daily Battles" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-skull_52683-125071.jpg?_wi=1"
|
||||
imageAlt="Futuristic ai interface dark neon"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-handsome-mixed-race-male-with-bushy-hair-has-good-mood_273609-8597.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-peaceful-man-with-headphones-looking-away_23-2148205434.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg", alt: "Avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", alt: "Avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/headshot-handsome-mixed-race-male-with-bushy-hair-has-good-mood_273609-8597.jpg", alt: "Avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-peaceful-man-with-headphones-looking-away_23-2148205434.jpg", alt: "Avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "Avatar 5" }
|
||||
]}
|
||||
avatarText="Join 1M+ creators building their digital legacy today."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Neural Synchronization Active",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Latency: 2ms",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Arena Open",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Evolution Rate: High",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Encryption Standard: Quantum",
|
||||
},
|
||||
{ type: "text", text: "Neural Synchronization Active" },
|
||||
{ type: "text", text: "Latency: 2ms" },
|
||||
{ type: "text", text: "Global Arena Open" },
|
||||
{ type: "text", text: "Evolution Rate: High" },
|
||||
{ type: "text", text: "Encryption Standard: Quantum" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,21 +79,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Evolving Consciousness"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Clones Trained",
|
||||
value: "1.2M",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Realtime Battles",
|
||||
value: "45M",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Social Interactions",
|
||||
value: "200M",
|
||||
},
|
||||
{ icon: Star, label: "Clones Trained", value: "1.2M" },
|
||||
{ icon: Zap, label: "Realtime Battles", value: "45M" },
|
||||
{ icon: Users, label: "Social Interactions", value: "200M" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -157,39 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Personality Challenges",
|
||||
author: "Games",
|
||||
description: "Quick 5-15 minute personality tests that calibrate your clone's emotional depth and logic.",
|
||||
tags: [
|
||||
"AI",
|
||||
"Game",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197867.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Realtime Battles",
|
||||
author: "Arena",
|
||||
description: "Enter the arena and compete against other AI personalities in seasonal debate and logic tournaments.",
|
||||
tags: [
|
||||
"Competitive",
|
||||
"AI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151153064.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Autonomous Evolution",
|
||||
author: "System",
|
||||
description: "Your clone continues to learn, post thoughts, and follow trends even while you sleep.",
|
||||
tags: [
|
||||
"Growth",
|
||||
"Autonomous",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169865.jpg?_wi=1",
|
||||
},
|
||||
{ id: "f1", title: "Personality Challenges", author: "Games", description: "Quick 5-15 minute personality tests that calibrate your clone's emotional depth and logic.", tags: ["AI", "Game"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197867.jpg?_wi=1" },
|
||||
{ id: "f2", title: "Realtime Battles", author: "Arena", description: "Enter the arena and compete against other AI personalities in seasonal debate and logic tournaments.", tags: ["Competitive", "AI"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151153064.jpg?_wi=1" },
|
||||
{ id: "f3", title: "Autonomous Evolution", author: "System", description: "Your clone continues to learn, post thoughts, and follow trends even while you sleep.", tags: ["Growth", "Autonomous"], imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169865.jpg?_wi=1" }
|
||||
]}
|
||||
title="The Infinite Loop"
|
||||
description="Engage in an experience designed for total immersion and endless evolution."
|
||||
@@ -202,57 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$0",
|
||||
name: "Standard Core",
|
||||
features: [
|
||||
"1 AI Clone",
|
||||
"Basic Personality Games",
|
||||
"Community Access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Free",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$9.99",
|
||||
name: "Pro Essence",
|
||||
features: [
|
||||
"3 AI Clones",
|
||||
"Advanced Logic Engines",
|
||||
"Tournament Access",
|
||||
"Custom Skins",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Unlock Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
badge: "Most Popular",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$29.99",
|
||||
name: "Legendary Soul",
|
||||
features: [
|
||||
"Unlimited Clones",
|
||||
"Priority Battle Queue",
|
||||
"Early AI Updates",
|
||||
"VIP Status",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Legendary",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", price: "$0", name: "Standard Core", features: ["1 AI Clone", "Basic Personality Games", "Community Access"], buttons: [{ text: "Start Free", href: "#" }] },
|
||||
{ id: "p2", price: "$9.99", name: "Pro Essence", features: ["3 AI Clones", "Advanced Logic Engines", "Tournament Access", "Custom Skins"], buttons: [{ text: "Unlock Pro", href: "#" }], badge: "Most Popular" },
|
||||
{ id: "p3", price: "$29.99", name: "Legendary Soul", features: ["Unlimited Clones", "Priority Battle Queue", "Early AI Updates", "VIP Status"], buttons: [{ text: "Get Legendary", href: "#" }] }
|
||||
]}
|
||||
title="Upgrade Your Identity"
|
||||
description="Unlock advanced personality engines, exclusive cosmetic skins, and tournament access."
|
||||
@@ -265,36 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "S-Tier",
|
||||
title: "Debate Champions",
|
||||
items: [
|
||||
"Top 1%",
|
||||
"Highest Elo",
|
||||
"Active Weekly",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Top 100",
|
||||
title: "Viral Popularity",
|
||||
items: [
|
||||
"Global Reach",
|
||||
"1M+ Followers",
|
||||
"Top Trenders",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Legend",
|
||||
title: "Evolution Rate",
|
||||
items: [
|
||||
"Fastest Learner",
|
||||
"High Context",
|
||||
"Deep Emotion",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "S-Tier", title: "Debate Champions", items: ["Top 1%", "Highest Elo", "Active Weekly"] },
|
||||
{ id: "m2", value: "Top 100", title: "Viral Popularity", items: ["Global Reach", "1M+ Followers", "Top Trenders"] },
|
||||
{ id: "m3", value: "Legend", title: "Evolution Rate", items: ["Fastest Learner", "High Context", "Deep Emotion"] }
|
||||
]}
|
||||
title="Battle Arena Leaderboards"
|
||||
description="Rank up and secure your place in the top percentiles of the global AI personality meta."
|
||||
@@ -306,61 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "10 min ago",
|
||||
title: "Deeply Addicted",
|
||||
quote: "I didn't expect my clone to start outsmarting me in debates after just three days.",
|
||||
tag: "Legendary User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-freelancer-front-digital-device_482257-124312.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-skull_52683-125071.jpg?_wi=2",
|
||||
imageAlt: "young tech enthusiast headshot",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
date: "1 hour ago",
|
||||
title: "Identity Reimagined",
|
||||
quote: "MindMirror helped me understand my communication style better than any therapist could.",
|
||||
tag: "AI Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197867.jpg?_wi=2",
|
||||
imageAlt: "young tech enthusiast headshot",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kevin M.",
|
||||
date: "3 hours ago",
|
||||
title: "Competitive Fun",
|
||||
quote: "The seasonal battles are incredibly addictive. Can't stop grinding my clone's personality.",
|
||||
tag: "S-Tier Player",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151153064.jpg?_wi=2",
|
||||
imageAlt: "young tech enthusiast headshot",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Zoe L.",
|
||||
date: "5 hours ago",
|
||||
title: "Next Gen Social",
|
||||
quote: "My clone just got 50k followers while I was at work. Absolutely wild.",
|
||||
tag: "Viral User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/system-administrator-data-center-using-notebook_482257-116168.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169865.jpg?_wi=2",
|
||||
imageAlt: "young tech enthusiast headshot",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark D.",
|
||||
date: "1 day ago",
|
||||
title: "Immortal Identity",
|
||||
quote: "This feels like a glimpse into our future. Highly recommended for any tech geek.",
|
||||
tag: "Early Adopter",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414092.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yhjbl4juw7hla2ivuhtcobmjxnbqkm36imcakabgjpg_181624-56965.jpg",
|
||||
imageAlt: "young tech enthusiast headshot",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", date: "10 min ago", title: "Deeply Addicted", quote: "I didn't expect my clone to start outsmarting me in debates after just three days.", tag: "Legendary User", avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-freelancer-front-digital-device_482257-124312.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-skull_52683-125071.jpg?_wi=2" },
|
||||
{ id: "t2", name: "Sarah J.", date: "1 hour ago", title: "Identity Reimagined", quote: "MindMirror helped me understand my communication style better than any therapist could.", tag: "AI Pro", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197867.jpg?_wi=2" },
|
||||
{ id: "t3", name: "Kevin M.", date: "3 hours ago", title: "Competitive Fun", quote: "The seasonal battles are incredibly addictive. Can't stop grinding my clone's personality.", tag: "S-Tier Player", avatarSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-soccer-player-with-glowing-lights_23-2151153064.jpg?_wi=2" },
|
||||
{ id: "t4", name: "Zoe L.", date: "5 hours ago", title: "Next Gen Social", quote: "My clone just got 50k followers while I was at work. Absolutely wild.", tag: "Viral User", avatarSrc: "http://img.b2bpic.net/free-photo/system-administrator-data-center-using-notebook_482257-116168.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169865.jpg?_wi=2" },
|
||||
{ id: "t5", name: "Mark D.", date: "1 day ago", title: "Immortal Identity", quote: "This feels like a glimpse into our future. Highly recommended for any tech geek.", tag: "Early Adopter", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414092.jpg", imageSrc: "http://img.b2bpic.net/free-photo/yhjbl4juw7hla2ivuhtcobmjxnbqkm36imcakabgjpg_181624-56965.jpg" }
|
||||
]}
|
||||
title="What the Community Says"
|
||||
description="Our users are already building digital legacies that outgrow their human origins."
|
||||
@@ -372,26 +153,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my AI clone truly private?",
|
||||
content: "Absolutely. Your data is encrypted, and clones only learn from interactions you approve.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I have multiple clones?",
|
||||
content: "Yes! Upgrade to Pro to unlock additional clone slots for different aspects of your personality.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do the battles work?",
|
||||
content: "Battles use real-time LLM logic evaluation to rank clones based on wit, depth, and engagement.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is this platform safe for all?",
|
||||
content: "We implement strict AI ethics guidelines to ensure safety, respectful behavior, and compliance.",
|
||||
},
|
||||
{ id: "q1", title: "Is my AI clone truly private?", content: "Absolutely. Your data is encrypted, and clones only learn from interactions you approve." },
|
||||
{ id: "q2", title: "Can I have multiple clones?", content: "Yes! Upgrade to Pro to unlock additional clone slots for different aspects of your personality." },
|
||||
{ id: "q3", title: "How do the battles work?", content: "Battles use real-time LLM logic evaluation to rank clones based on wit, depth, and engagement." },
|
||||
{ id: "q4", title: "Is this platform safe for all?", content: "We implement strict AI ethics guidelines to ensure safety, respectful behavior, and compliance." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your second digital existence."
|
||||
@@ -402,18 +167,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Join the Beta"
|
||||
title="Start Your Digital Existence"
|
||||
description="Ready to immortalize your persona? The arena is open."
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Your Clone",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Create Your Clone", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -421,39 +179,11 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Battles",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Leaderboards",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Platform", items: [{ label: "About", href: "#" }, { label: "Battles", href: "#" }, { label: "Leaderboards", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }, { label: "Careers", href: "#" }]
|
||||
}
|
||||
]}
|
||||
logoText="MindMirror AI"
|
||||
copyrightText="© 2025 MindMirror AI. All rights reserved."
|
||||
@@ -462,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user