bender/b00c0663-fb37-45c7-86a2-77b10c16aaf9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 17:11:11 +00:00
parent 8b8fbd1f4e
commit ecd193c926
1 changed files with 41 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
src/app/page.tsx
View File

@@ -12,8 +12,22 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Headphones, ShieldCheck, Star, Trophy, Users } from "lucide-react";
import { useState } from "react";
export default function LandingPage() {
const [gameState, setGameState] = useState({ balance: 1000, bet: 10, status: 'idle', result: null });
const handlePlayGame = () => {
const win = Math.random() > 0.5;
const payout = win ? gameState.bet * 2 : -gameState.bet;
setGameState(prev => ({
...prev,
balance: prev.balance + payout,
status: win ? 'win' : 'loss',
result: win ? 'You won!' : 'Try again!'
}));
};
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -31,22 +45,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Games",
id: "games",
},
{
name: "Support",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Games", id: "games" },
{ name: "Support", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="RoyalCasino"
/>
@@ -54,21 +56,10 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
logoText="Royal Casino"
description="Experience the thrill of premium online gaming. Join our massive community for exclusive games and massive wins."
buttons={[
{
text: "Play Now",
href: "#games",
},
{
text: "Learn More",
href: "#features",
},
]}
buttons={[{ text: "Play Now", href: "#games" }, { text: "Learn More", href: "#features" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9s40f3"
mediaAnimation="blur-reveal"
imageAlt="luxury casino floor red carpet"
@@ -82,45 +73,16 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Blackjack Pro", price: "RTP 99.5%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdm9n0" },
{ id: "p2", name: "Neon Slots", price: "RTP 96.2%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7vqrfo" },
{
id: "p1",
name: "Blackjack Pro",
price: "RTP 99.5%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdm9n0",
},
{
id: "p2",
name: "Neon Slots",
price: "RTP 96.2%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7vqrfo",
},
{
id: "p3",
name: "Grand Roulette",
price: "RTP 97.3%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d740fc",
},
{
id: "p4",
name: "High Stakes Poker",
price: "RTP 98.1%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixe3x8",
},
{
id: "p5",
name: "Classic Baccarat",
price: "RTP 98.9%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esvd3u",
},
{
id: "p6",
name: "Lightning Craps",
price: "RTP 99.1%",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qzuz49",
id: "p3", name: "Royal Jackpot (Play Now)", price: `Balance: $${gameState.balance}`,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d740fc", onProductClick: handlePlayGame
},
{ id: "p4", name: "High Stakes Poker", price: "RTP 98.1%", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixe3x8" },
]}
title="Popular Games"
description="Explore our curated collection of high-payout games designed for endless entertainment."
description={gameState.status !== 'idle' ? `Result: ${gameState.result}` : "Select Royal Jackpot to try your luck."}
/>
</div>
@@ -129,24 +91,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Complex registration",
"Slow withdrawals",
"Limited mobile",
"Hidden fees",
"Poor support",
],
}}
positiveCard={{
items: [
"Instant Sign-up",
"Lightning Payouts",
"Full Mobile Support",
"24/7 Concierge",
"Secure Encryption",
],
}}
negativeCard={{ items: ["Complex registration", "Slow withdrawals", "Limited mobile", "Hidden fees", "Poor support"] }}
positiveCard={{ items: ["Instant Sign-up", "Lightning Payouts", "Full Mobile Support", "24/7 Concierge", "Secure Encryption"] }}
title="Why Choose Royal Casino?"
description="We offer the most secure and exciting online casino platform with fast payouts."
/>
@@ -159,41 +105,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500k+",
title: "Active Players",
description: "Global user base",
icon: Users,
},
{
id: "m2",
value: "$10M+",
title: "Paid Out",
description: "Total player wins",
icon: Trophy,
},
{
id: "m3",
value: "200+",
title: "Live Games",
description: "Diverse catalog",
icon: Star,
},
{
id: "m4",
value: "99.9%",
title: "Uptime",
description: "Stable performance",
icon: ShieldCheck,
},
{
id: "m5",
value: "24/7",
title: "Support",
description: "Always ready",
icon: Headphones,
},
{ id: "m1", value: "500k+", title: "Active Players", description: "Global user base", icon: Users },
{ id: "m2", value: "$10M+", title: "Paid Out", description: "Total player wins", icon: Trophy },
{ id: "m3", value: "200+", title: "Live Games", description: "Diverse catalog", icon: Star },
{ id: "m4", value: "99.9%", title: "Uptime", description: "Stable performance", icon: ShieldCheck },
{ id: "m5", value: "24/7", title: "Support", description: "Always ready", icon: Headphones },
]}
title="Our Track Record"
description="Trusted by thousands of players worldwide every day."
@@ -204,31 +120,8 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qvjh5t",
},
{
id: "t2",
name: "Michael C.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4bq9c",
},
{
id: "t3",
name: "Emily R.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x1xk84",
},
{
id: "t4",
name: "David K.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9mtd2m",
},
{
id: "t5",
name: "Robert B.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wdrqd2",
},
{ id: "t1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qvjh5t" },
{ id: "t2", name: "Michael C.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4bq9c" },
]}
cardTitle="Player Stories"
cardTag="Winner's Circle"
@@ -240,31 +133,8 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I withdraw?",
content: "Withdrawals are instant via your selected payment method.",
},
{
id: "f2",
title: "Is it legal?",
content: "We are fully licensed and operate in accordance with global laws.",
},
{
id: "f3",
title: "Are games fair?",
content: "All our games use certified Random Number Generators.",
},
{
id: "f4",
title: "Is my money safe?",
content: "We use bank-grade security protocols for all transactions.",
},
{
id: "f5",
title: "What bonuses exist?",
content: "We offer daily deposit bonuses and loyalty rewards.",
},
{ id: "f1", title: "How do I withdraw?", content: "Withdrawals are instant via your selected payment method." },
{ id: "f2", title: "Is it legal?", content: "We are fully licensed and operate in accordance with global laws." },
]}
sideTitle="Frequently Asked"
sideDescription="Need help? Check out our most common questions from players."
@@ -277,25 +147,8 @@ export default function LandingPage() {
useInvertedBackground={false}
title="24/7 Player Support"
description="Our concierge team is always here for you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "How can we help?",
required: true,
}}
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]}
textarea={{ name: "message", placeholder: "How can we help?", required: true }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=stll6s"
/>
</div>
@@ -304,37 +157,10 @@ export default function LandingPage() {
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e35ug3"
logoText="RoyalCasino"
columns={[
{
title: "Platform",
items: [
{
label: "Games",
href: "#games",
},
{
label: "Support",
href: "#faq",
},
],
},
{
title: "Legal",
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
columns={[{ title: "Platform", items: [{ label: "Games", href: "#games" }, { label: "Support", href: "#faq" }] }, { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}