diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 7424cea..91b6a85 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,5 +1,3 @@ -// import type { Metadata } from "next"; -// import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import AuthButtons from "@/components/AuthButtons"; import { Providers } from "@/components/Providers"; @@ -13,37 +11,42 @@ export const metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - + -
-

Giveaway System

+ {/* Black Top Navbar */} +
+
+ {/* Logo / Title */} + + TCG Love - Giveaway Page + -
- - Home - - - Giveaways - - - Profile - - + {/* Navigation */} +
-
{children}
+ {/* Page Content */} +
{children}
); } + +// Reusable nav item component with hover effect +function NavItem({ href, children }: { href: string; children: React.ReactNode }) { + return ( + + {children} + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index ef66805..776d62f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,11 +1,16 @@ +'use client'; + import Image from "next/image"; +import { useState } from "react"; export default function GiveawaySystem() { + const [activeTab, setActiveTab] = useState("how"); + return (
{/* Header */} -
+
TCG Love Openings Logo

- 🎁 - {" "} + 🎁{" "} TCG Love Giveaway System

-

Join the fun — earn coins, win cool cards!

+

Comment. Collect Coins. Win MTG Cards!

- {/* Coin System Section */} -
-
- 🪙 -

How Coins Work

-
-
    -
  • Earn coins by: -
      -
    • - Commenting on TCG Love Openings videos
      • -
    -
    • -
  • Coins = your gateway to exclusive giveaways!
    • -
  • More coins mean more chances to win — but with balance!
    • -
+ {/* Tabs */} +
+ {["how", "lottery", "entries", "patreon"].map((tab) => ( + + ))}
- {/* Lottery Multiplier */} -
-
- 🎲 -

Weighted Lottery

-
+ {/* Tab Content */} +
+ {activeTab === "how" && ( +
+

How It Works

+
    +
  1. 💬 Comment on any TCG Love video to earn its coin value.
    2. +
  2. 🎁 Use coins to join giveaways (10% of prize value = 1 entry).
    3. +
  3. 📈 Entry costs increase after 50, 100, 150 entries.
    4. +
  4. 🔥 Some high-value giveaways require you to burn coins.
    5. +
+
+ )} -
-
- {[{ range: "1–100", mult: "1x", color: "text-yellow-600" }, - { range: "101–200", mult: "0.5x", color: "text-green-600" }, - { range: "201–300", mult: "0.25x", color: "text-blue-600" }, - { range: "301+", mult: "0.1x", color: "text-red-500" }] - .map((tier) => ( -
- {tier.range} coins - {tier.mult} + {activeTab === "lottery" && ( +
+

Weighted Lottery

+
+ {[ + { label: "First 100 coins", value: "1x", percent: 100, color: "bg-yellow-400" }, + { label: "Next 100 coins", value: "0.5x", percent: 50, color: "bg-green-400" }, + { label: "Next 100 coins", value: "0.25x", percent: 25, color: "bg-blue-400" }, + { label: "Coins beyond 300", value: "0.1x", percent: 10, color: "bg-red-400" }, + ].map((tier, i) => ( +
+
+ {tier.label} + {tier.value} +
+
+
+
))} +
-
-

🎯 Example

-

- 450 coins =
- 100×1 + 100×0.5 + 100×0.25 + 50×0.1 =
- 180 tickets!
- If you want to spend them in one giveaway. + )} + + {activeTab === "entries" && ( +

+

Entry Scaling & Burning

+

+ Each giveaway has a base coin cost for one entry. As more entries are added, the cost increases:

+
    +
  • 🔹 First 50 entries: 10% of prize value
    • +
  • 🔸 51–100 entries: 15%
    • +
  • 🔥 100+ entries: 20% + potential coin burn for top-tier cards
    • +
+
+ 💡 Some $50+ giveaways will ask you to burn coins (e.g., +50 coins per extra entry). +
-
-
+ )} - {/* Entry Requirements */} -
-
- 🎟️ -

Giveaway Entry Requirements

-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - -
Prize TierMin. CoinsBurn (Optional)
$1–5 card500None
$10–25 card1,000None
$50+ special set2,000++50 for extra entries
-
- -
-

- 📌 You keep your coins — they arent spent to enter! But optional burns can boost your odds. -

-
+ {activeTab === "patreon" && ( +
+

Support Us on Patreon

+

+ Become a patron and receive coins automatically every month — no commenting required! +

+
    +
  • 💎 Monthly coin drops based on your tier
    • +
  • 🎟️ Access to patron-only giveaways
    • +
  • 🚀 Helps keep the pack openings flowing!
    • +
+ + Join Patreon + +
+ )}
{/* Footer */}
-

⚠️ Subject to change. See full rules in description or Discord.

+

⚠️ This system is evolving — always check our Discord or YouTube for updates.

diff --git a/src/components/AuthButtons.tsx b/src/components/AuthButtons.tsx index 74e8eb9..19f11cd 100644 --- a/src/components/AuthButtons.tsx +++ b/src/components/AuthButtons.tsx @@ -11,7 +11,7 @@ export default function AuthButtons() { {/*

Hi, {session.user?.name}!

*/} @@ -22,7 +22,7 @@ export default function AuthButtons() { return (