Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -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: "Home",
+        { name: "Games", id: "games" },
-          id: "hero",
+        { name: "Support", id: "faq" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          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={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       logoText="Royal Casino"
       description="Experience the thrill of premium online gaming. Join our massive community for exclusive games and massive wins."
-      buttons={[
+      buttons={[{ text: "Play Now", href: "#games" }, { text: "Learn More", href: "#features" }]}
-        {
-          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",
+          id: "p3",          name: "Royal Jackpot (Play Now)",          price: `Balance: $${gameState.balance}`,
-          name: "Blackjack Pro",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d740fc",          onProductClick: handlePlayGame
-          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: "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={{
+      negativeCard={{ items: ["Complex registration", "Slow withdrawals", "Limited mobile", "Hidden fees", "Poor support"] }}
-        items: [
+      positiveCard={{ items: ["Instant Sign-up", "Lightning Payouts", "Full Mobile Support", "24/7 Concierge", "Secure Encryption"] }}
-          "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: "m1",
+        { id: "m2", value: "$10M+", title: "Paid Out", description: "Total player wins", icon: Trophy },
-          value: "500k+",
+        { id: "m3", value: "200+", title: "Live Games", description: "Diverse catalog", icon: Star },
-          title: "Active Players",
+        { id: "m4", value: "99.9%", title: "Uptime", description: "Stable performance", icon: ShieldCheck },
-          description: "Global user base",
+        { id: "m5", value: "24/7", title: "Support", description: "Always ready", icon: Headphones },
-          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: "t1",
+        { id: "t2", name: "Michael C.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4bq9c" },
-          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",
-        },
       ]}
       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: "f1",
+        { id: "f2", title: "Is it legal?", content: "We are fully licensed and operate in accordance with global laws." },
-          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.",
-        },
       ]}
       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={[
+      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 }}
-          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={[
+      columns={[{ title: "Platform", items: [{ label: "Games", href: "#games" }, { label: "Support", href: "#faq" }] }, { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }]}
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Games",
-              href: "#games",
-            },
-            {
-              label: "Support",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}