mirror of
https://github.com/EdiFarcas/Giveaway-app.git
synced 2026-06-22 07:00:57 +03:00
Update 2.5.2025
This commit is contained in:
+2
-2
@@ -1,5 +1,5 @@
|
|||||||
import type { Metadata } from "next";
|
// import type { Metadata } from "next";
|
||||||
import { Geist, Geist_Mono } from "next/font/google";
|
// import { Geist, Geist_Mono } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import AuthButtons from "@/components/AuthButtons";
|
import AuthButtons from "@/components/AuthButtons";
|
||||||
import { Providers } from "@/components/Providers";
|
import { Providers } from "@/components/Providers";
|
||||||
|
|||||||
+8
-9
@@ -28,9 +28,7 @@ export default function GiveawaySystem() {
|
|||||||
<ul className="list-disc pl-6 space-y-3 text-gray-800">
|
<ul className="list-disc pl-6 space-y-3 text-gray-800">
|
||||||
<li>Earn coins by:
|
<li>Earn coins by:
|
||||||
<ul className="list-circle pl-4 mt-1 space-y-1 text-sm text-gray-600">
|
<ul className="list-circle pl-4 mt-1 space-y-1 text-sm text-gray-600">
|
||||||
<li>Commenting on TCG Love Openings videos</li>
|
<li> - Commenting on TCG Love Openings videos</li>
|
||||||
<li>Liking and subscribing</li>
|
|
||||||
<li>Engaging with the community</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li>Coins = your gateway to exclusive giveaways!</li>
|
<li>Coins = your gateway to exclusive giveaways!</li>
|
||||||
@@ -47,23 +45,24 @@ export default function GiveawaySystem() {
|
|||||||
|
|
||||||
<div className="grid md:grid-cols-2 gap-6">
|
<div className="grid md:grid-cols-2 gap-6">
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
{[{ range: "1–100", mult: "1x", color: "text-yellow-600" },
|
{[{ range: "1–100", mult: "1x", color: "text-yellow-600" },
|
||||||
{ range: "101–200", mult: "0.5x", color: "text-green-600" },
|
{ range: "101–200", mult: "0.5x", color: "text-green-600" },
|
||||||
{ range: "201–300", mult: "0.25x", color: "text-blue-600" },
|
{ range: "201–300", mult: "0.25x", color: "text-blue-600" },
|
||||||
{ range: "301+", mult: "0.1x", color: "text-red-500" }]
|
{ range: "301+", mult: "0.1x", color: "text-red-500" }]
|
||||||
.map((tier) => (
|
.map((tier) => (
|
||||||
<div key={tier.range} className="flex justify-between items-center p-3 bg-gradient-to-r from-gray-100 to-white rounded-lg shadow">
|
<div key={tier.range} className="flex justify-between items-center p-3 bg-gradient-to-r from-gray-100 to-white rounded-lg shadow">
|
||||||
<span>{tier.range} coins</span>
|
<span className={tier.color}>{tier.range} coins</span>
|
||||||
<span className={`font-bold ${tier.color}`}>{tier.mult}</span>
|
<span className={`font-bold ${tier.color}`}>{tier.mult}</span>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-purple-50 p-4 rounded-lg border border-purple-200 shadow-sm">
|
<div className="bg-purple-50 p-4 rounded-lg border border-purple-200 shadow-sm">
|
||||||
<h3 className="font-semibold mb-2">🎯 Example</h3>
|
<h3 className="font-semibold mb-2 text-black">🎯 Example</h3>
|
||||||
<p className="text-sm text-gray-700">
|
<p className="text-sm text-gray-700">
|
||||||
450 coins = <br />
|
450 coins = <br />
|
||||||
100×1 + 100×0.5 + 100×0.25 + 50×0.1 = <br />
|
100×1 + 100×0.5 + 100×0.25 + 50×0.1 = <br />
|
||||||
<span className="font-bold">180 tickets!</span>
|
<span className="font-bold">180 tickets!</span> <br />
|
||||||
|
<span className="font-bold">If you want to spend them in one giveaway.</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user