Merge version_1 into main #1
100
src/app/page.tsx
100
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Battle Arena",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Battle Arena", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="RoastBattle.ai"
|
||||
/>
|
||||
@@ -51,9 +45,7 @@ export default function LandingPage() {
|
||||
description="Drag your friends into an AI Roast Battle. Who gets burned the hardest? 🔥"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Battle",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start a Battle", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laser-show-glowing-lines-neon-lights-with-black-background_181624-19695.jpg"
|
||||
imageAlt="AI Roast Battle Hero"
|
||||
@@ -67,20 +59,11 @@ export default function LandingPage() {
|
||||
description="The ultimate savage AI engine built for laughs."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Savage AI Engine",
|
||||
content: "Our custom AI model analyzes your photos to deliver laser-focused, hilarious roasts tailored to your appearance.",
|
||||
},
|
||||
id: "1", title: "Savage AI Engine", content: "Our custom AI model analyzes your photos to deliver laser-focused, hilarious roasts tailored to your appearance."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Group Arena",
|
||||
content: "Invite up to 10 friends for a real-time battle arena. Real-time voting, live results, and instant crowning.",
|
||||
},
|
||||
id: "2", title: "Group Arena", content: "Invite up to 10 friends for a real-time battle arena. Real-time voting, live results, and instant crowning."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Viral Sharing",
|
||||
content: "Auto-generate meme cards, video highlights, and shareable GIFs optimized for TikTok, Instagram, and X.",
|
||||
},
|
||||
id: "3", title: "Viral Sharing", content: "Auto-generate meme cards, video highlights, and shareable GIFs optimized for TikTok, Instagram, and X."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/destruction-smartphone-scene_23-2151500071.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -95,25 +78,15 @@ export default function LandingPage() {
|
||||
author="Jordan P."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-purple-wall-with-copy-space_141793-87002.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -126,22 +99,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it actually mean-spirited?",
|
||||
content: "Not at all! We use a light-hearted, fun-first roasting style designed to make you laugh, not cry.",
|
||||
},
|
||||
id: "q1", title: "Is it actually mean-spirited?", content: "Not at all! We use a light-hearted, fun-first roasting style designed to make you laugh, not cry."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are my photos safe?",
|
||||
content: "Absolutely. Photos are temporarily processed for the roast and deleted immediately after the battle.",
|
||||
},
|
||||
id: "q2", title: "Are my photos safe?", content: "Absolutely. Photos are temporarily processed for the roast and deleted immediately after the battle."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I remove the watermark?",
|
||||
content: "Pro Battle Pack users get full high-res exports with zero watermarks.",
|
||||
},
|
||||
id: "q3", title: "Can I remove the watermark?", content: "Pro Battle Pack users get full high-res exports with zero watermarks."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know about our savage AI."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,16 +115,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join the Arena"
|
||||
title="Ready to get burned?"
|
||||
description="Start your first battle in seconds. Invite your friends and prove who has the best sense of humor."
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Battle Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Create Battle Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,33 +131,21 @@ export default function LandingPage() {
|
||||
logoText="RoastBattle.ai"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Arena",
|
||||
href: "#",
|
||||
},
|
||||
label: "Arena", href: "#"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user