From 8044fcfee6b53495a43120dea1fa41f3ed52493d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 20:49:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 286 +++++++++--------------------------------------
 1 file changed, 54 insertions(+), 232 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8cebed0..7c98aa9 100644
--- a/src/app/page.tsx
+++ b/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: "#" },
           ],
         },
       ]}
-- 
2.49.1