Merge version_1 into main #2
332
src/app/page.tsx
332
src/app/page.tsx
@@ -29,27 +29,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "All Beefs",
|
||||
id: "#beefs",
|
||||
},
|
||||
{
|
||||
name: "Live",
|
||||
id: "#live",
|
||||
},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "#trending",
|
||||
},
|
||||
{
|
||||
name: "Resolved",
|
||||
id: "#resolved",
|
||||
},
|
||||
{ name: "All Beefs", id: "#beefs" },
|
||||
{ name: "Live", id: "#live" },
|
||||
{ name: "Trending", id: "#trending" },
|
||||
{ name: "Resolved", id: "#resolved" },
|
||||
]}
|
||||
brandName="BEEF.gg"
|
||||
button={{
|
||||
text: "Join Beta →",
|
||||
}}
|
||||
button={{ text: "Join Beta →" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,80 +44,24 @@ export default function LandingPage() {
|
||||
title="Debate it. Stake it. Win it."
|
||||
description="Two people argue. The crowd bets on who's right. Winner takes the pot."
|
||||
testimonials={[
|
||||
{
|
||||
name: "drip_king",
|
||||
handle: "@drip_king",
|
||||
testimonial: "won $240 · AI replaces engineers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg?_wi=1",
|
||||
imageAlt: "Gradient dark mode app template",
|
||||
},
|
||||
{
|
||||
name: "dotwave",
|
||||
handle: "@dotwave",
|
||||
testimonial: "won $120 · Remote work trends",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg?_wi=1",
|
||||
imageAlt: "Gradient dark mode app template",
|
||||
},
|
||||
{
|
||||
name: "xomocha",
|
||||
handle: "@xomocha",
|
||||
testimonial: "won $450 · Sports rivalry",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawing-illustration-power-strength-concept_53876-15566.jpg?_wi=1",
|
||||
imageAlt: "Gradient dark mode app template",
|
||||
},
|
||||
{
|
||||
name: "sarahvibe",
|
||||
handle: "@sarahvibe",
|
||||
testimonial: "won $80 · Music debate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg?_wi=1",
|
||||
imageAlt: "Gradient dark mode app template",
|
||||
},
|
||||
{
|
||||
name: "techbabe",
|
||||
handle: "@techbabe",
|
||||
testimonial: "won $300 · Crypto market",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-digital-law-sound-studio-flat-color-icon-pack-like-open-free-business-content-records_1142-16626.jpg?_wi=1",
|
||||
imageAlt: "Gradient dark mode app template",
|
||||
},
|
||||
{ name: "drip_king", handle: "@drip_king", testimonial: "won $240 · AI replaces engineers", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg", imageAlt: "Gradient dark mode app template" },
|
||||
{ name: "dotwave", handle: "@dotwave", testimonial: "won $120 · Remote work trends", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg", imageAlt: "Gradient dark mode app template" },
|
||||
{ name: "xomocha", handle: "@xomocha", testimonial: "won $450 · Sports rivalry", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/hand-drawing-illustration-power-strength-concept_53876-15566.jpg", imageAlt: "Gradient dark mode app template" },
|
||||
{ name: "sarahvibe", handle: "@sarahvibe", testimonial: "won $80 · Music debate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg", imageAlt: "Gradient dark mode app template" },
|
||||
{ name: "techbabe", handle: "@techbabe", testimonial: "won $300 · Crypto market", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/20-digital-law-sound-studio-flat-color-icon-pack-like-open-free-business-content-records_1142-16626.jpg", imageAlt: "Gradient dark mode app template" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Beefing →",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Browse Beefs",
|
||||
href: "#beefs",
|
||||
},
|
||||
{ text: "Start Beefing →", href: "#" },
|
||||
{ text: "Browse Beefs", href: "#beefs" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg"
|
||||
imageAlt="Futuristic dark interface background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/cute-flat-devices_1212-41.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-money-infographics_23-2147599759.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/investment-long-shadows-icon-set_98292-1172.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-expertise_53876-119979.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/media-icon-flat_1284-5096.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-vector/cute-flat-devices_1212-41.jpg", alt: "User avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/hand-drawn-money-infographics_23-2147599759.jpg", alt: "User avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/investment-long-shadows-icon-set_98292-1172.jpg", alt: "User avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-expertise_53876-119979.jpg", alt: "User avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/media-icon-flat_1284-5096.jpg", alt: "User avatar 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ active beefers"
|
||||
/>
|
||||
@@ -144,49 +74,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI in Engineering",
|
||||
description: "AI will make 50% of software engineers unemployed by 2027.",
|
||||
icon: Activity,
|
||||
title: "AI in Engineering", description: "AI will make 50% of software engineers unemployed by 2027.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/earth-display-futuristic-infographic-collection_23-2148203353.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawing-illustration-power-strength-concept_53876-15566.jpg?_wi=2",
|
||||
imageAlt: "digital background dark tech",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/earth-display-futuristic-infographic-collection_23-2148203353.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "LeBron vs Jordan",
|
||||
description: "The ultimate GOAT debate of the basketball world.",
|
||||
icon: Trophy,
|
||||
title: "LeBron vs Jordan", description: "The ultimate GOAT debate of the basketball world.", icon: Trophy,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-particles-background-with-flowing-dots_1048-12410.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-93052.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg?_wi=2",
|
||||
imageAlt: "digital background dark tech",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-particles-background-with-flowing-dots_1048-12410.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-93052.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Bitcoin $200K",
|
||||
description: "Will Bitcoin hit the $200k milestone by year end?",
|
||||
icon: DollarSign,
|
||||
title: "Bitcoin $200K", description: "Will Bitcoin hit the $200k milestone by year end?", icon: DollarSign,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-digital-law-sound-studio-flat-color-icon-pack-like-open-free-business-content-records_1142-16626.jpg?_wi=2",
|
||||
imageAlt: "digital background dark tech",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Top Live Beefs"
|
||||
@@ -201,64 +107,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Issue a Beef",
|
||||
description: "Challenge someone and set your stake from $1 to $500.",
|
||||
icon: Award,
|
||||
title: "Issue a Beef", description: "Challenge someone and set your stake from $1 to $500.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawing-illustration-power-strength-concept_53876-15566.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/microphone-white-background-news-interviews_187299-46899.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-bokeh-effect-black-background_1017-2740.jpg?_wi=3",
|
||||
imageAlt: "boxing glove icon flat",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/hand-drawing-illustration-power-strength-concept_53876-15566.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/microphone-white-background-news-interviews_187299-46899.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Argue Your Case",
|
||||
description: "3 minutes each, text or video, live crowd betting.",
|
||||
icon: Mic,
|
||||
title: "Argue Your Case", description: "3 minutes each, text or video, live crowd betting.", icon: Mic,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/icons-flat-set-musical-instruments_23-2147492904.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-digital-law-sound-studio-flat-color-icon-pack-like-open-free-business-content-records_1142-16626.jpg?_wi=3",
|
||||
imageAlt: "boxing glove icon flat",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-table_23-2148023848.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/icons-flat-set-musical-instruments_23-2147492904.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resolution",
|
||||
description: "60% community vote + 40% expert judge panel.",
|
||||
icon: Scale,
|
||||
title: "Resolution", description: "60% community vote + 40% expert judge panel.", icon: Scale,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760992.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-de-elementos-de-derecho-y-justicia_23-2147802093.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/earth-display-futuristic-infographic-collection_23-2148203353.jpg?_wi=2",
|
||||
imageAlt: "boxing glove icon flat",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760992.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/set-de-elementos-de-derecho-y-justicia_23-2147802093.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Get Paid",
|
||||
description: "Winner takes 95%, bettors share the pool, 5% fee.",
|
||||
icon: Wallet,
|
||||
title: "Get Paid", description: "Winner takes 95%, bettors share the pool, 5% fee.", icon: Wallet,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-particles-background-with-flowing-dots_1048-12410.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-investment-solid-glyph-icon-pack-vector-icons-illustration_1142-18528.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-93052.jpg?_wi=2",
|
||||
imageAlt: "boxing glove icon flat",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-particles-background-with-flowing-dots_1048-12410.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/25-investment-solid-glyph-icon-pack-vector-icons-illustration_1142-18528.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="How It Works"
|
||||
@@ -273,26 +147,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "KYC",
|
||||
description: "Stripe Identity verified for $10+ bets.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Limits",
|
||||
description: "New account limits for safety.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Anomaly Detection",
|
||||
description: "AI monitors suspicious patterns.",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Escrow",
|
||||
description: "FDIC-insured partner protection.",
|
||||
},
|
||||
{ id: "m1", value: "KYC", description: "Stripe Identity verified for $10+ bets." },
|
||||
{ id: "m2", value: "Limits", description: "New account limits for safety." },
|
||||
{ id: "m3", value: "Anomaly Detection", description: "AI monitors suspicious patterns." },
|
||||
{ id: "m4", value: "Escrow", description: "FDIC-insured partner protection." },
|
||||
]}
|
||||
title="Trust & Safety"
|
||||
description="Secure, transparent, and fair betting."
|
||||
@@ -304,26 +162,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is voting biased?",
|
||||
content: "Community votes are wallet-verified, weighted by account age.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ambiguous results?",
|
||||
content: "Senior moderator review panel handles disputes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Legality?",
|
||||
content: "Skill-based gaming platform, check local laws.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Min bet?",
|
||||
content: "Minimum entry starts at just $1.",
|
||||
},
|
||||
{ id: "f1", title: "Is voting biased?", content: "Community votes are wallet-verified, weighted by account age." },
|
||||
{ id: "f2", title: "Ambiguous results?", content: "Senior moderator review panel handles disputes." },
|
||||
{ id: "f3", title: "Legality?", content: "Skill-based gaming platform, check local laws." },
|
||||
{ id: "f4", title: "Min bet?", content: "Minimum entry starts at just $1." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -337,41 +179,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "drip_king",
|
||||
handle: "82% WR",
|
||||
testimonial: "Earned +$4,820",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148474382.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "techbabe",
|
||||
handle: "75% WR",
|
||||
testimonial: "Earned +$3,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-blue-touch-user-interface-system-display-screen-technology-digital-electronic-dashboard-with-infographic_1284-41669.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "dotwave",
|
||||
handle: "79% WR",
|
||||
testimonial: "Earned +$2,780",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/velocity-technology-interface-template-design-elements_53876-118759.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "xomocha",
|
||||
handle: "61% WR",
|
||||
testimonial: "Earned +$1,990",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-bokeh-particles_1017-3297.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "sarahvibe",
|
||||
handle: "68% WR",
|
||||
testimonial: "Earned +$1,450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-teal-blue-background-with-sparkling-dust-particles_84443-83940.jpg",
|
||||
},
|
||||
{ id: "1", name: "drip_king", handle: "82% WR", testimonial: "Earned +$4,820", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148474382.jpg" },
|
||||
{ id: "2", name: "techbabe", handle: "75% WR", testimonial: "Earned +$3,200", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-blue-touch-user-interface-system-display-screen-technology-digital-electronic-dashboard-with-infographic_1284-41669.jpg" },
|
||||
{ id: "3", name: "dotwave", handle: "79% WR", testimonial: "Earned +$2,780", imageSrc: "http://img.b2bpic.net/free-vector/velocity-technology-interface-template-design-elements_53876-118759.jpg" },
|
||||
{ id: "4", name: "xomocha", handle: "61% WR", testimonial: "Earned +$1,990", imageSrc: "http://img.b2bpic.net/free-photo/black-white-bokeh-particles_1017-3297.jpg" },
|
||||
{ id: "5", name: "sarahvibe", handle: "68% WR", testimonial: "Earned +$1,450", imageSrc: "http://img.b2bpic.net/free-photo/abstract-teal-blue-background-with-sparkling-dust-particles_84443-83940.jpg" },
|
||||
]}
|
||||
title="Leaderboard"
|
||||
description="Top performers on the platform."
|
||||
@@ -382,29 +194,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "All Beefs",
|
||||
href: "#beefs",
|
||||
},
|
||||
{
|
||||
label: "Trending",
|
||||
href: "#trending",
|
||||
},
|
||||
title: "Platform", items: [
|
||||
{ label: "All Beefs", href: "#beefs" },
|
||||
{ label: "Trending", href: "#trending" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user