Merge version_1 into main #1
286
src/app/page.tsx
286
src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Feed",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Monetization",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Feed", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Monetization", id: "products" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="mePage"
|
||||
/>
|
||||
@@ -51,71 +43,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="The Future of Social Connection"
|
||||
description="Bidirectional, real-time social platform combining the best of short-form video, messaging, and creator monetization."
|
||||
kpis={[
|
||||
{
|
||||
value: "1.2M",
|
||||
label: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Real-time",
|
||||
},
|
||||
{ value: "1.2M", label: "Active Users" },
|
||||
{ value: "99.9%", label: "Uptime" },
|
||||
{ value: "24/7", label: "Real-time" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/social-media-icons-rendering_52683-132196.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063017.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063036.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surprised-asian-girl-black-gothic-dress-with-wreath-gasping-amused-pointing-finger-mobile_1258-115320.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-asian-female-blogger-with-gothic-makeup-halloween-costume-sending-air-kiss_1258-117572.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-close-up_169016-43187.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063017.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063036.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/surprised-asian-girl-black-gothic-dress-with-wreath-gasping-amused-pointing-finger-mobile_1258-115320.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-asian-female-blogger-with-gothic-makeup-halloween-costume-sending-air-kiss_1258-117572.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-close-up_169016-43187.jpg", alt: "User 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Low Latency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creator First",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
{ type: "text", text: "Low Latency" },
|
||||
{ type: "text", text: "Creator First" },
|
||||
{ type: "text", text: "Real-time" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Secure Payments" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,14 +77,8 @@ export default function LandingPage() {
|
||||
title="Built for Global Communities"
|
||||
description="Performance-oriented social platform designed to handle low-latency interactions across any network, providing reliable fallbacks."
|
||||
metrics={[
|
||||
{
|
||||
value: "20ms",
|
||||
title: "Latency",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Regions",
|
||||
},
|
||||
{ value: "20ms", title: "Latency" },
|
||||
{ value: "100+", title: "Regions" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/image-beautiful-young-female-model-posing-with-smartphone-kitchen-looking-mobile-screen_1258-201634.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -147,30 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant Uploads",
|
||||
descriptions: [
|
||||
"High-speed video processing with Cloudinary CDN.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-laptop-arrangement_23-2149652153.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Creator Wallet",
|
||||
descriptions: [
|
||||
"Transparent earnings, payouts via Stripe Connect.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Real-time Alerts",
|
||||
descriptions: [
|
||||
"Instant engagement notifications via Firebase.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-house-with-automation-light-system_482257-9704.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Instant Uploads", descriptions: ["High-speed video processing with Cloudinary CDN."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-laptop-arrangement_23-2149652153.jpg" },
|
||||
{ id: "f2", title: "Creator Wallet", descriptions: ["Transparent earnings, payouts via Stripe Connect."], imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg" },
|
||||
{ id: "f3", title: "Real-time Alerts", descriptions: ["Instant engagement notifications via Firebase."], imageSrc: "http://img.b2bpic.net/free-photo/person-sitting-house-with-automation-light-system_482257-9704.jpg" },
|
||||
]}
|
||||
title="Core Platform Capabilities"
|
||||
description="Powerful tools for content creators and everyday users."
|
||||
@@ -181,62 +105,15 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "mePage",
|
||||
name: "Virtual Coins",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "5k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-cryptocurrency-coin-3d-render_84443-94479.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "mePage",
|
||||
name: "Post Booster",
|
||||
price: "$3.00",
|
||||
rating: 4,
|
||||
reviewCount: "2k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-colorful-shapes_23-2148879428.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "mePage",
|
||||
name: "Pro Creator",
|
||||
price: "$19.99",
|
||||
rating: 5,
|
||||
reviewCount: "800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sharing-gifts_23-2150970251.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "mePage",
|
||||
name: "Gift Package",
|
||||
price: "$10.00",
|
||||
rating: 5,
|
||||
reviewCount: "1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-christmas-celebration-concept_23-2150979908.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "mePage",
|
||||
name: "Bulk Boost",
|
||||
price: "$20.00",
|
||||
rating: 4,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/monitor-with-startup-rocket-set-icons_24911-45492.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "mePage",
|
||||
name: "Supporter Tier",
|
||||
price: "$9.99",
|
||||
rating: 5,
|
||||
reviewCount: "3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56734.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "mePage", name: "Virtual Coins", price: "$5.00", rating: 5, reviewCount: "5k+", imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-cryptocurrency-coin-3d-render_84443-94479.jpg" },
|
||||
{ id: "p2", brand: "mePage", name: "Post Booster", price: "$3.00", rating: 4, reviewCount: "2k+", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-colorful-shapes_23-2148879428.jpg" },
|
||||
{ id: "p3", brand: "mePage", name: "Pro Creator", price: "$19.99", rating: 5, reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sharing-gifts_23-2150970251.jpg" },
|
||||
{ id: "p4", brand: "mePage", name: "Gift Package", price: "$10.00", rating: 5, reviewCount: "1k", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-christmas-celebration-concept_23-2150979908.jpg" },
|
||||
{ id: "p5", brand: "mePage", name: "Bulk Boost", price: "$20.00", rating: 4, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-vector/monitor-with-startup-rocket-set-icons_24911-45492.jpg" },
|
||||
{ id: "p6", brand: "mePage", name: "Supporter Tier", price: "$9.99", rating: 5, reviewCount: "3k", imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56734.jpg" },
|
||||
]}
|
||||
title="Monetization Suite"
|
||||
description="Empower your growth with integrated payments."
|
||||
@@ -249,24 +126,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Daily Users",
|
||||
value: "50k",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: DollarSign,
|
||||
title: "Platform Revenue",
|
||||
value: "$2M",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Growth Rate",
|
||||
value: "45%",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Daily Users", value: "50k" },
|
||||
{ id: "m2", icon: DollarSign, title: "Platform Revenue", value: "$2M" },
|
||||
{ id: "m3", icon: TrendingUp, title: "Growth Rate", value: "45%" },
|
||||
]}
|
||||
title="Platform Health"
|
||||
description="Track growth in real-time."
|
||||
@@ -277,31 +139,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-with-wavy-hairstyle-listening-music-earphones_197531-7256.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-photographer_23-2150506075.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-against-office-building-talk-video-call-have-web-conference-with-colleagues-by-laptop_627829-5343.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5283.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-with-wavy-hairstyle-listening-music-earphones_197531-7256.jpg" },
|
||||
{ id: "t2", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-photographer_23-2150506075.jpg" },
|
||||
{ id: "t3", name: "David M.", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-against-office-building-talk-video-call-have-web-conference-with-colleagues-by-laptop_627829-5343.jpg" },
|
||||
{ id: "t4", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
|
||||
{ id: "t5", name: "Mike J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5283.jpg" },
|
||||
]}
|
||||
cardTitle="Creator Success Stories"
|
||||
cardTag="Community"
|
||||
@@ -312,17 +154,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to launch?"
|
||||
title="Start your mePage journey."
|
||||
description="Join thousands of creators building communities today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Documentation",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Documentation" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -330,29 +166,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "Docs", href: "#" },
|
||||
{ label: "API", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user