diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 953aff4..7424cea 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,5 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+// 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";
diff --git a/src/app/page.tsx b/src/app/page.tsx
index dd6d034..80694d5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,9 +28,7 @@ export default function GiveawaySystem() {
           <ul className="list-disc pl-6 space-y-3 text-gray-800">
             <li>Earn coins by:
               <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>Liking and subscribing</li>
-                <li>Engaging with the community</li>
+                <li> - Commenting on TCG Love Openings videos</li>
               </ul>
             </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="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: "201–300", mult: "0.25x", color: "text-blue-600" },
                 { range: "301+", mult: "0.1x", color: "text-red-500" }]
                 .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">
-                    <span>{tier.range} coins</span>
-                    <span className={`font-bold ${tier.color}`}>{tier.mult}</span>
+                  <span className={tier.color}>{tier.range} coins</span>
+                  <span className={`font-bold ${tier.color}`}>{tier.mult}</span>
                   </div>
-              ))}
+                ))}
             </div>
             <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">
                 450 coins = <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>
             </div>
           </div>