bender/6f9f4a52-3a24-428c-b271-0a4ccdaa1164
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-15 16:39:52 +00:00
Conversation 0 Commits 1 Files Changed 1 +48 -366
1 changed files with 48 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

414
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="compact"
sizing="largeSmall"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Gameplay",
id: "features",
},
{
name: "Store",
id: "product",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Gameplay", id: "features" },
{ name: "Store", id: "product" },
{ name: "Contact", id: "contact" },
]}
brandName="Pool Pro"
/>
@@ -54,106 +42,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background="aurora"
background={{ variant: "gradient-bars" }}
title="Master the Table, Conquer the Pro Circuit"
description="Experience the most realistic 8-ball physics and competitive online multiplayer. Join thousands of players in real-time matches and climb the global leaderboards."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/pool-billiards-balls_74190-1341.jpg",
imageAlt: "8 ball pool game close up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-pool-ball_23-2148299176.jpg",
imageAlt: "professional billiards game top view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-aiming-billiard-table_1398-1217.jpg",
imageAlt: "pool break shot scattering balls",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-hostel_23-2150446746.jpg",
imageAlt: "professional pool cue stick",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/indoor-event-lights-fun-activity_1122-2024.jpg",
imageAlt: "modern billiard room setting",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/pool-billiards-balls_74190-1341.jpg", imageAlt: "8 ball pool game close up" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-pool-ball_23-2148299176.jpg", imageAlt: "professional billiards game top view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-aiming-billiard-table_1398-1217.jpg", imageAlt: "pool break shot scattering balls" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-hostel_23-2150446746.jpg", imageAlt: "professional pool cue stick" },
{ imageSrc: "http://img.b2bpic.net/free-photo/indoor-event-lights-fun-activity_1122-2024.jpg", imageAlt: "modern billiard room setting" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-plays-russian-billiards_1398-1219.jpg",
imageAlt: "pool break shot scattering balls",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/color-black-ball-activity-aiming_1203-5793.jpg",
imageAlt: "professional pool cue stick",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-billiard_329181-2810.jpg",
imageAlt: "modern billiard room setting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-suit-playing-billiard_23-2148299221.jpg",
imageAlt: "billiards ball sinking in pocket",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bowling-equipment-indoors-still-life_23-2150565693.jpg",
imageAlt: "8 ball pool game close up",
},
]}
buttons={[
{
text: "Play Now",
href: "#",
},
{
text: "Learn More",
href: "#features",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bowling-balls-arrangement-still-life_23-2150565689.jpg",
alt: "Bowling balls arrangement still life",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-yellow-billiard-ball-with-one-number-snooker-table_23-2148037617.jpg",
alt: "Close-up of yellow billiard ball with one number on snooker table",
},
{
src: "http://img.b2bpic.net/free-photo/colorful-pool-balls_1203-1736.jpg",
alt: "Colorful pool balls",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-triangle-pool-balls_23-2148299182.jpg",
alt: "High angle arrangement with triangle and pool balls",
},
{
src: "http://img.b2bpic.net/free-photo/corrner-table-snooker-hole_1232-4271.jpg",
alt: "Corrner of table snooker hole .",
},
]}
marqueeItems={[
{
type: "text",
text: "Pro Physics",
},
{
type: "text",
text: "Global Ranked",
},
{
type: "text",
text: "4K Rendering",
},
{
type: "text",
text: "Custom Gear",
},
{
type: "text",
text: "Tournaments",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-plays-russian-billiards_1398-1219.jpg", imageAlt: "pool break shot scattering balls" },
{ imageSrc: "http://img.b2bpic.net/free-photo/color-black-ball-activity-aiming_1203-5793.jpg", imageAlt: "professional pool cue stick" },
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-billiard_329181-2810.jpg", imageAlt: "modern billiard room setting" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-suit-playing-billiard_23-2148299221.jpg", imageAlt: "billiards ball sinking in pocket" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bowling-equipment-indoors-still-life_23-2150565693.jpg", imageAlt: "8 ball pool game close up" }
]}
/>
</div>
@@ -162,25 +66,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Future of Digital ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/pool-table_329181-2812.jpg",
alt: "person playing billiards focus",
},
{
type: "text",
content: " Billiards",
},
]}
buttons={[
{
text: "Join the Community",
href: "#",
},
{ type: "text", content: "The Future of Digital " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/pool-table_329181-2812.jpg", alt: "person playing billiards focus" },
{ type: "text", content: " Billiards" }
]}
/>
</div>
@@ -192,24 +80,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
features={[
{
title: "Precision Physics",
description: "Experience spin, friction, and bounce dynamics that mimic professional-grade billiards table behavior.",
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-concept_23-2148444702.jpg",
},
{
title: "Global Tournaments",
description: "Challenge players from around the world in ranked tournaments to prove your skills.",
imageSrc: "http://img.b2bpic.net/free-vector/leaderboard-with-abstract-background_23-2148766668.jpg",
},
{
title: "4K Visuals",
description: "Stunning high-definition rendering brings every pool table and ball movement to life.",
imageSrc: "http://img.b2bpic.net/free-photo/pool-billiards-balls_74190-1340.jpg",
},
{ title: "Precision Physics", description: "Experience spin, friction, and bounce dynamics.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-concept_23-2148444702.jpg" },
{ title: "Global Tournaments", description: "Challenge players from around the world.", imageSrc: "http://img.b2bpic.net/free-vector/leaderboard-with-abstract-background_23-2148766668.jpg" },
{ title: "4K Visuals", description: "Stunning high-definition rendering.", imageSrc: "http://img.b2bpic.net/free-photo/pool-billiards-balls_74190-1340.jpg" }
]}
title="Unmatched Gaming Experience"
description="Our platform combines advanced physics with immersive digital environments."
description="Our platform combines advanced physics."
/>
</div>
@@ -220,45 +96,12 @@ export default function LandingPage() {
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Carbon Elite Cue",
price: "1,200 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bingo-game-elements_23-2149181833.jpg",
},
{
id: "p2",
name: "Nebula 8-Ball",
price: "800 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/bowling-equipment-indoors-still-life_23-2150565729.jpg",
},
{
id: "p3",
name: "LED Gaming Felt",
price: "2,500 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-wallpaper_23-2150244332.jpg",
},
{
id: "p4",
name: "Golden Master Cue",
price: "5,000 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/3d-dice-studio_23-2151110460.jpg",
},
{
id: "p5",
name: "Tournament Green Felt",
price: "1,500 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue_23-2148299283.jpg",
},
{
id: "p6",
name: "Pro Grip Cue",
price: "900 Coins",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-keyboard_23-2148912732.jpg",
},
{ id: "p1", name: "Carbon Elite Cue", price: "1,200 Coins", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bingo-game-elements_23-2149181833.jpg" },
{ id: "p2", name: "Nebula 8-Ball", price: "800 Coins", imageSrc: "http://img.b2bpic.net/free-photo/bowling-equipment-indoors-still-life_23-2150565729.jpg" },
{ id: "p3", name: "LED Gaming Felt", price: "2,500 Coins", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-wallpaper_23-2150244332.jpg" }
]}
title="Customize Your Game"
description="Unlock premium cue skins, table felts, and unique ball sets."
description="Unlock premium gear."
/>
</div>
@@ -268,62 +111,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "starter",
badge: "Novice",
price: "$4.99/mo",
subtitle: "Essential access for enthusiasts",
buttons: [
{
text: "Select Plan",
href: "#",
},
],
features: [
"Daily Bonus",
"Starter Cue",
"Ranked Matches",
],
},
{
id: "pro",
badge: "Elite",
price: "$9.99/mo",
subtitle: "For serious competitors",
buttons: [
{
text: "Select Plan",
href: "#",
},
],
features: [
"Exclusive Cues",
"Pro Tournaments",
"Ad-Free Experience",
"Advanced Stat Tracking",
],
},
{
id: "legend",
badge: "Pro Circuit",
price: "$19.99/mo",
subtitle: "The ultimate gaming tier",
buttons: [
{
text: "Select Plan",
href: "#",
},
],
features: [
"All Elite Perks",
"Priority Support",
"Golden Cue Set",
"Custom Table Felts",
],
},
{ id: "starter", badge: "Novice", price: "$4.99/mo", subtitle: "Essential access", buttons: [{ text: "Select", href: "#" }], features: ["Daily Bonus", "Starter Cue"] },
{ id: "pro", badge: "Elite", price: "$9.99/mo", subtitle: "For serious competitors", buttons: [{ text: "Select", href: "#" }], features: ["Exclusive Cues", "Pro Tournaments"] }
]}
title="Become a Pool Pro"
description="Access exclusive content and unlimited daily entries with our membership plans."
description="Membership plans."
/>
</div>
@@ -331,104 +123,43 @@ export default function LandingPage() {
<MetricCardTwo
animationType="depth-3d"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1M+",
description: "Active Players",
},
{
id: "m2",
value: "5M+",
description: "Matches Played",
},
{
id: "m3",
value: "200+",
description: "Global Regions",
},
{ id: "m1", value: "1M+", description: "Active Players" },
{ id: "m2", value: "5M+", description: "Matches Played" },
{ id: "m3", value: "200+", description: "Global Regions" }
]}
title="Join the Community"
description="We lead the industry in digital billiards experiences."
title="Community"
description="Industry leaders."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarahplay",
testimonial: "The physics in this game are incredibly realistic. Best pool experience online.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-chalk_23-2148299235.jpg",
},
{
id: "t2",
name: "Mike D.",
handle: "@miked",
testimonial: "I love the tournament structure. Very addictive and fair matchmaking.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-looking-away_23-2148299246.jpg",
},
{
id: "t3",
name: "Chris B.",
handle: "@prochris",
testimonial: "The cue customization options are insane. Worth every bit of the membership.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-plaid-shirt-headphones-sitting-desk-holding-digital-camera-looking-photos_1098-17096.jpg",
},
{
id: "t4",
name: "Elena V.",
handle: "@elena_pool",
testimonial: "So many table and ball sets to unlock. Keeps me coming back every day!",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-man-wearing-white-shirt-black-vest-bow-tie-play-pool-billiard_627829-471.jpg",
},
{
id: "t5",
name: "Jason T.",
handle: "@jason_strat",
testimonial: "Best mobile pool app out there. Smooth controls and great visuals.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-indian-guy-wearing-military-shirt-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19198.jpg",
},
{ id: "t1", name: "Sarah J.", handle: "@sarahplay", testimonial: "Realistic physics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-chalk_23-2148299235.jpg" },
{ id: "t2", name: "Mike D.", handle: "@miked", testimonial: "Addictive tournament structure.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-looking-away_23-2148299246.jpg" }
]}
showRating={true}
title="Player Testimonials"
description="See why our community loves Pool Pro."
description="Community feedback."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Need Support?"
description="Have questions or need help with your account? Our support team is here 24/7."
title="Support"
description="We're here 24/7."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email" }
]}
textarea={{
name: "message",
placeholder: "How can we help?",
rows: 4,
}}
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/competitive-player-using-rgb-equipment-live-championship-playing-professional-powerful-computer-online-streaming-cyber-performing-gaming-tournament-using-technology-network-wireless_482257-4014.jpg"
/>
</div>
@@ -436,57 +167,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Game",
items: [
{
label: "Play",
href: "#",
},
{
label: "Tournaments",
href: "#",
},
{
label: "Leaderboards",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Press",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Help Center",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Game", items: [{ label: "Play", href: "#" }, { label: "Tourneys", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] }
]}
logoText="Pool Pro"
/>
@@ -494,4 +176,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}