From b364471b40ca981efcf290c68a2599708f7a12b2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 23:33:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 304 +++++++----------------------------------------
 1 file changed, 40 insertions(+), 264 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 905936c..707ea53 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Platform",
-          id: "product",
-        },
-        {
-          name: "Stats",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Features", id: "features" },
+        { name: "Platform", id: "product" },
+        { name: "Stats", id: "metrics" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ObbyRant AI"
     />
@@ -58,42 +43,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Automate Your Roblox Obby Rants"
       description="The ultimate AI platform for creating chaotic, funny, and viral-ready obby gameplay videos. Script, render, and stream in seconds."
-      buttons={[
-        {
-          text: "Start Creating",
-          href: "#product",
-        },
-      ]}
+      buttons={[{ text: "Start Creating", href: "#product" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-apple-illustration_23-2151800398.jpg?_wi=1",
-          imageAlt: "AI Rant Editor Interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-skateboard_23-2149267173.jpg?_wi=1",
-          imageAlt: "Chaotic Gameplay Clip",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg?_wi=1",
-          imageAlt: "AI Voice Waveform",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-with-flat-design_23-2147888543.jpg?_wi=1",
-          imageAlt: "MP4 Rendering Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-connecting-through-hugging_23-2151012442.jpg?_wi=1",
-          imageAlt: "Angry Gamer Reaction",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg",
-          imageAlt: "Cyberpunk Tech Background",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-apple-illustration_23-2151800398.jpg", imageAlt: "AI Rant Editor Interface" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-skateboard_23-2149267173.jpg", imageAlt: "Chaotic Gameplay Clip" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg", imageAlt: "AI Voice Waveform" }
       ]}
       mediaAnimation="slide-up"
     />
@@ -106,18 +63,9 @@ export default function LandingPage() {
       title="Built for Creators Who Love Chaos"
       description="We bridge the gap between amateur gameplay and professional viral content. Using advanced AI-scripting and automated rendering, you can churn out hilarious Roblox content without the tedious manual editing process."
       bulletPoints={[
-        {
-          title: "AI Scripting",
-          description: "Let AI generate the funniest rants possible.",
-        },
-        {
-          title: "Automated TTS",
-          description: "Choose from a library of meme-worthy, high-speed voices.",
-        },
-        {
-          title: "Render to MP4",
-          description: "High-quality exports, ready for your social platforms.",
-        },
+        { title: "AI Scripting", description: "Let AI generate the funniest rants possible." },
+        { title: "Automated TTS", description: "Choose from a library of meme-worthy, high-speed voices." },
+        { title: "Render to MP4", description: "High-quality exports, ready for your social platforms." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/system-administrator-using-ai-tech-isolated-screen-pc-data-center_482257-124728.jpg"
       mediaAnimation="blur-reveal"
@@ -131,40 +79,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "API Integration",
-          description: "Connect with your own backend for seamless customization.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-apple-illustration_23-2151800398.jpg?_wi=2",
-          imageAlt: "mobile app editor gaming",
+          title: "API Integration",          description: "Connect with your own backend for seamless customization.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg" }
         },
         {
-          title: "Meme Effects",
-          description: "Apply trending overlays and sound effects automatically.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/facial-recognition-technology-smartphone_23-2151977842.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/producer-songwriter-mixing-mastering-tracks-with-stereo-gear_482257-121217.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-skateboard_23-2149267173.jpg?_wi=2",
-          imageAlt: "mobile app editor gaming",
+          title: "Meme Effects",          description: "Apply trending overlays and sound effects automatically.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/facial-recognition-technology-smartphone_23-2151977842.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/producer-songwriter-mixing-mastering-tracks-with-stereo-gear_482257-121217.jpg" }
         },
         {
-          title: "Instant Subtitles",
-          description: "Auto-sync subtitles with perfectly timed AI voiceovers.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/embarrassed-flight-passenger-awakes-after-sleeping-plane-holding-phone_273609-36770.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-hands-hold-touch-tablet-pc-with-login-box-travel-concept_169016-39086.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg?_wi=2",
-          imageAlt: "mobile app editor gaming",
+          title: "Instant Subtitles",          description: "Auto-sync subtitles with perfectly timed AI voiceovers.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/embarrassed-flight-passenger-awakes-after-sleeping-plane-holding-phone_273609-36770.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-hands-hold-touch-tablet-pc-with-login-box-travel-concept_169016-39086.jpg" }
         },
       ]}
       showStepNumbers={true}
@@ -180,42 +104,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Standard Render",
-          price: "$19",
-          imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-performing-regular-human-job-future_23-2151043458.jpg",
-        },
-        {
-          id: "p2",
-          name: "Creator Pro",
-          price: "$49",
-          imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-headphones-listen-favorite-songs-while-using-retouching-software_482257-82252.jpg",
-        },
-        {
-          id: "p3",
-          name: "Agency Tier",
-          price: "$99",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877735.jpg",
-        },
-        {
-          id: "p4",
-          name: "API Full Access",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-machine-learning-tech-build-text-image-ai-generative-models_482257-123049.jpg",
-        },
-        {
-          id: "p5",
-          name: "Custom AI Model",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-working-relation-innovation_53876-16535.jpg",
-        },
-        {
-          id: "p6",
-          name: "Priority Render",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-gaming-industry-talking-detail-with-his-colleague-analyzing-3d-design-level-explaining-production-creative-ideas-game-creators-working-videogame-illustration-company-office_482257-28160.jpg",
-        },
+        { id: "p1", name: "Standard Render", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-performing-regular-human-job-future_23-2151043458.jpg" },
+        { id: "p2", name: "Creator Pro", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-headphones-listen-favorite-songs-while-using-retouching-software_482257-82252.jpg" },
+        { id: "p3", name: "Agency Tier", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877735.jpg" },
+        { id: "p4", name: "API Full Access", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/man-using-machine-learning-tech-build-text-image-ai-generative-models_482257-123049.jpg" },
+        { id: "p5", name: "Custom AI Model", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/person-working-relation-innovation_53876-16535.jpg" },
+        { id: "p6", name: "Priority Render", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-gaming-industry-talking-detail-with-his-colleague-analyzing-3d-design-level-explaining-production-creative-ideas-game-creators-working-videogame-illustration-company-office_482257-28160.jpg" },
       ]}
       title="Render Packs & Integrations"
       description="Unlock advanced tools and custom API access for enterprise creators."
@@ -228,27 +122,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "1.2M",
-          title: "Videos Rendered",
-          description: "Total platform output.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-cat-home_23-2150557986.jpg",
-        },
-        {
-          id: "m2",
-          value: "500k",
-          title: "Monthly Users",
-          description: "Active creator base.",
-          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-satisfied-man-looks-directly-camera-awakes-after-napping-transport_273609-36781.jpg",
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Reliable rendering infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg",
-        },
+        { id: "m1", value: "1.2M", title: "Videos Rendered", description: "Total platform output.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-cat-home_23-2150557986.jpg" },
+        { id: "m2", value: "500k", title: "Monthly Users", description: "Active creator base.", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-satisfied-man-looks-directly-camera-awakes-after-napping-transport_273609-36781.jpg" },
+        { id: "m3", value: "99.9%", title: "Uptime", description: "Reliable rendering infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg" },
       ]}
       title="Results You Can Count On"
       description="Our AI tools are helping creators smash their performance goals."
@@ -260,61 +136,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          date: "Oct 2023",
-          title: "Full-time Creator",
-          quote: "I've doubled my output since using this AI tool.",
-          tag: "Pro",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-media-star-entertaining-followers-doing-content-creation-using-phone-tripod_482257-91546.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-apple-illustration_23-2151800398.jpg?_wi=3",
-          imageAlt: "gamer content creator portrait",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          date: "Nov 2023",
-          title: "Roblox Streamer",
-          quote: "The meme effects feature is an absolute game changer.",
-          tag: "Streamer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-skateboard_23-2149267173.jpg?_wi=3",
-          imageAlt: "gamer content creator portrait",
-        },
-        {
-          id: "t3",
-          name: "Alex R.",
-          date: "Dec 2023",
-          title: "Studio Lead",
-          quote: "Seamless API integration made it perfect for our backend.",
-          tag: "Agency",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29670.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg?_wi=3",
-          imageAlt: "gamer content creator portrait",
-        },
-        {
-          id: "t4",
-          name: "Lisa M.",
-          date: "Jan 2024",
-          title: "Content Editor",
-          quote: "Finally, a way to make rants funny in record time.",
-          tag: "Editor",
-          avatarSrc: "http://img.b2bpic.net/free-photo/modern-creative-office-photo-editor-with-ai-retouching-software_482257-125518.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-with-flat-design_23-2147888543.jpg?_wi=2",
-          imageAlt: "gamer content creator portrait",
-        },
-        {
-          id: "t5",
-          name: "Tom B.",
-          date: "Feb 2024",
-          title: "Independent Dev",
-          quote: "The voiceover quality is truly top-tier.",
-          tag: "Dev",
-          avatarSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-connecting-through-hugging_23-2151012442.jpg?_wi=2",
-          imageAlt: "gamer content creator portrait",
-        },
+        { id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Full-time Creator", quote: "I've doubled my output since using this AI tool.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/young-media-star-entertaining-followers-doing-content-creation-using-phone-tripod_482257-91546.jpg" },
+        { id: "t2", name: "Mark D.", date: "Nov 2023", title: "Roblox Streamer", quote: "The meme effects feature is an absolute game changer.", tag: "Streamer", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
+        { id: "t3", name: "Alex R.", date: "Dec 2023", title: "Studio Lead", quote: "Seamless API integration made it perfect for our backend.", tag: "Agency", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29670.jpg" },
+        { id: "t4", name: "Lisa M.", date: "Jan 2024", title: "Content Editor", quote: "Finally, a way to make rants funny in record time.", tag: "Editor", avatarSrc: "http://img.b2bpic.net/free-photo/modern-creative-office-photo-editor-with-ai-retouching-software_482257-125518.jpg" },
+        { id: "t5", name: "Tom B.", date: "Feb 2024", title: "Independent Dev", quote: "The voiceover quality is truly top-tier.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg" },
       ]}
       title="Creator Testimonials"
       description="Don't just take our word for it—listen to the pros."
@@ -326,21 +152,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Can I use my own API key?",
-          content: "Absolutely, our pro plan allows custom API configuration.",
-        },
-        {
-          id: "f2",
-          title: "Are there watermark exports?",
-          content: "Standard plans have minimal branding; Pro is watermark-free.",
-        },
-        {
-          id: "f3",
-          title: "Is it easy to set up?",
-          content: "Yes, you can be rendering your first video in 5 minutes.",
-        },
+        { id: "f1", title: "Can I use my own API key?", content: "Absolutely, our pro plan allows custom API configuration." },
+        { id: "f2", title: "Are there watermark exports?", content: "Standard plans have minimal branding; Pro is watermark-free." },
+        { id: "f3", title: "Is it easy to set up?", content: "Yes, you can be rendering your first video in 5 minutes." },
       ]}
       title="Common Questions"
       description="Need more info on our AI platform? We've got answers."
@@ -351,9 +165,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Get Started"
       title="Ready to go viral?"
       description="Sign up today and start creating the most hilarious obby rants in the metaverse."
@@ -363,45 +175,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "API Access",
-              href: "#product",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "API Access", href: "#product" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       bottomLeftText="© 2024 ObbyRant AI. All rights reserved."
       bottomRightText="Built for Creators"
-- 
2.49.1