Merge version_1 into main #2
304
src/app/page.tsx
304
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"
|
||||
|
||||
Reference in New Issue
Block a user