diff --git a/app/tournaments/[id]/page.js b/app/tournaments/[id]/page.js
index c3c40aa..89e15d2 100644
--- a/app/tournaments/[id]/page.js
+++ b/app/tournaments/[id]/page.js
@@ -1,145 +1,188 @@
-import Image from 'next/image';
-import Link from 'next/link';
-import { CalendarIcon, ClockIcon } from '@radix-ui/react-icons';
-import { Trophy, DollarSign, Users, Shield } from 'lucide-react';
-import dbConnect from '../../../lib/dbConnect';
-import Tournament from '../../../model/Tournament';
+import Image from "next/image";
+import Link from "next/link";
+import { CalendarIcon, ClockIcon } from "@radix-ui/react-icons";
+import { Trophy, DollarSign, Users, Shield } from "lucide-react";
+import dbConnect from "../../../lib/dbConnect";
+import Tournament from "../../../model/Tournament";
 
 async function getTournament(id) {
-    await dbConnect();
-    if (!id) {
-        console.error('Tournament ID is undefined');
-        return null;
-    }
-    try {
-        const tournament = await Tournament.findById(id)
-            .populate('gameId')
-            .populate('organizerId')
-            .lean();
-        return tournament ? JSON.parse(JSON.stringify(tournament)) : null;
-    } catch (error) {
-        console.error('Error fetching tournament:', error);
-        return null;
-    }
+  await dbConnect();
+  if (!id) {
+    console.error("Tournament ID is undefined");
+    return null;
+  }
+  try {
+    const tournament = await Tournament.findById(id)
+      .populate("gameId")
+      .populate("organizerId")
+      .lean();
+    return tournament ? JSON.parse(JSON.stringify(tournament)) : null;
+  } catch (error) {
+    console.error("Error fetching tournament:", error);
+    return null;
+  }
 }
 
 export default async function TournamentPage({ params }) {
-    if (!params || !params.id) {
-        return <div>Invalid tournament ID</div>;
-    }
+  if (!params || !params.id) {
+    return <div>Invalid tournament ID</div>;
+  }
 
-    const tournament = await getTournament(params.id);
+  const tournament = await getTournament(params.id);
 
-    if (!tournament) {
-        return <div>Tournament not found</div>;
-    }
+  if (!tournament) {
+    return <div>Tournament not found</div>;
+  }
 
-    return (
-        <div className="container mx-auto px-4 py-8">
-            <div className="bg-gray-800 rounded-lg overflow-hidden shadow-xl">
-                <div className="relative h-64 sm:h-80 lg:h-96">
-                    <Image
-                        src={tournament.gameId?.gameBannerPhoto || "/placeholder-tournament.jpg"}
-                        alt={tournament.tournamentName}
-                        layout="fill"
-                        objectFit="cover"
-                    />
-                    <div className="absolute inset-0 bg-black bg-opacity-50 flex items-end">
-                        <div className="p-6">
-                            <h1 className="text-3xl font-bold text-white mb-2">{tournament.tournamentName}</h1>
-                            <div className="flex items-center text-gray-300 space-x-4">
-                                <span className="flex items-center">
-                                    <CalendarIcon className="h-5 w-5 mr-1" />
-                                    {new Date(tournament.tournamentDates.started).toLocaleDateString()}
-                                </span>
-                                <span className="flex items-center">
-                                    <ClockIcon className="h-5 w-5 mr-1" />
-                                    {new Date(tournament.tournamentDates.started).toLocaleTimeString()}
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <div className="overflow-hidden">
+        <div className="relative h-64 sm:h-80 lg:h-96">
+          <Image
+            src={
+              tournament.gameId?.gameBannerPhoto ||
+              "/placeholder-tournament.jpg"
+            }
+            alt={tournament.tournamentName}
+            layout="fill"
+            objectFit="cover"
+            className="rounded-xl"
+          />
 
-                <div className="p-6">
-                    <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                        <div>
-                            <h2 className="text-xl font-semibold mb-4">Tournament Details</h2>
-                            <div className="space-y-2">
-                                <p className="flex items-center">
-                                    <Trophy className="h-5 w-5 mr-2" />
-                                    Prize Pool: ${tournament.prize.reduce((sum, prize) => sum + prize.amount, 0)}
-                                </p>
-                                <p className="flex items-center">
-                                    <Users className="h-5 w-5 mr-2" />
-                                    Participants: {tournament.registeredNumber}/{tournament.slots}
-                                </p>
-                                <p className="flex items-center">
-                                    <Shield className="h-5 w-5 mr-2" />
-                                    Mode: {tournament.gameType}
-                                </p>
-                                <p className="flex items-center">
-                                    <DollarSign className="h-5 w-5 mr-2" />
-                                    Entry Fee: {tournament.prize[0].amount === 0 ? 'Free' : `₹${tournament.prize[0].amount}`}
-                                </p>
-                                <p>Status: <span className={`px-2 py-1 rounded ${new Date() < new Date(tournament.tournamentDates.started) ? 'bg-green-600' :
-                                    new Date() > new Date(tournament.tournamentDates.ended) ? 'bg-red-600' :
-                                        'bg-yellow-600'
-                                    }`}>
-                                    {new Date() < new Date(tournament.tournamentDates.started) ? 'Open' :
-                                        new Date() > new Date(tournament.tournamentDates.ended) ? 'Completed' :
-                                            'Live'}
-                                </span></p>
-                            </div>
-                        </div>
-                        <div>
-                            <h2 className="text-xl font-semibold mb-4">Host</h2>
-                            <div className="flex items-center">
-                                <Image
-                                    src={tournament.organizerId?.bannerPhoto || "/placeholder-organizer.jpg"}
-                                    alt={tournament.organizerId?.orgName || "Organizer"}
-                                    width={50}
-                                    height={50}
-                                    className="rounded-full"
-                                />
-                                <span className="ml-4 text-lg">{tournament.organizerId?.orgName || "Unknown Organizer"}</span>
-                            </div>
-                        </div>
-                    </div>
+          <div className="absolute inset-0 bg-black bg-opacity-50 flex items-end rounded-xl">
+            <div className="p-6">
+              <h1 className="text-3xl font-bold text-white mb-2">
+                {tournament.tournamentName}
+              </h1>
+              <div className="flex items-center text-gray-300 space-x-4">
+                <span className="flex items-center">
+                  <CalendarIcon className="h-5 w-5 mr-1" />
+                  {new Date(
+                    tournament.tournamentDates.started
+                  ).toLocaleDateString()}
+                </span>
+                <span className="flex items-center">
+                  <ClockIcon className="h-5 w-5 mr-1" />
+                  {new Date(
+                    tournament.tournamentDates.started
+                  ).toLocaleTimeString()}
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
 
-                    <div className="mt-8">
-                        <h2 className="text-xl font-semibold mb-4">Description</h2>
-                        <p>{tournament.gameId?.profile || "No description available"}</p>
-                    </div>
+        <div className="p-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <h2 className="text-xl font-semibold mb-4">Tournament Details</h2>
+              <div className="space-y-2">
+                <p className="flex items-center">
+                  <Trophy className="h-5 w-5 mr-2" />
+                  Prize Pool: $
+                  {tournament.prize.reduce(
+                    (sum, prize) => sum + prize.amount,
+                    0
+                  )}
+                </p>
+                <p className="flex items-center">
+                  <Users className="h-5 w-5 mr-2" />
+                  Participants: {tournament.registeredNumber}/{tournament.slots}
+                </p>
+                <p className="flex items-center">
+                  <Shield className="h-5 w-5 mr-2" />
+                  Mode: {tournament.gameType}
+                </p>
+                <p className="flex items-center">
+                  <DollarSign className="h-5 w-5 mr-2" />
+                  Entry Fee:{" "}
+                  {tournament.prize[0].amount === 0
+                    ? "Free"
+                    : `₹${tournament.prize[0].amount}`}
+                </p>
+                <p>
+                  Status:{" "}
+                  <span
+                    className={`px-2 py-1 rounded ${
+                      new Date() < new Date(tournament.tournamentDates.started)
+                        ? "bg-green-600"
+                        : new Date() >
+                            new Date(tournament.tournamentDates.ended)
+                          ? "bg-red-600"
+                          : "bg-yellow-600"
+                    }`}
+                  >
+                    {new Date() < new Date(tournament.tournamentDates.started)
+                      ? "Open"
+                      : new Date() > new Date(tournament.tournamentDates.ended)
+                        ? "Completed"
+                        : "Live"}
+                  </span>
+                </p>
+              </div>
+            </div>
+            <div>
+              <h2 className="text-xl font-semibold mb-4">Host</h2>
+              <div className="flex items-center">
+                <Image
+                  src={
+                    tournament.organizerId?.bannerPhoto ||
+                    "/placeholder-organizer.jpg"
+                  }
+                  alt={tournament.organizerId?.orgName || "Organizer"}
+                  width={50}
+                  height={50}
+                  className="rounded-full"
+                />
+                <span className="ml-4 text-lg">
+                  {tournament.organizerId?.orgName || "Unknown Organizer"}
+                </span>
+              </div>
+            </div>
+          </div>
 
-                    <div className="mt-8">
-                        <h2 className="text-xl font-semibold mb-4">Rules</h2>
-                        <p>{tournament.rules}</p>
-                    </div>
+          <div className="mt-8">
+            <h2 className="text-xl font-semibold mb-4">Description</h2>
+            <p>{tournament.gameId?.profile || "No description available"}</p>
+          </div>
 
-                    <div className="mt-8">
-                        <h2 className="text-xl font-semibold mb-4">Schedule</h2>
-                        <div className="space-y-4">
-                            <div className="flex items-center justify-between bg-gray-700 p-4 rounded">
-                                <span>Tournament Start</span>
-                                <span>{new Date(tournament.tournamentDates.started).toLocaleString()}</span>
-                            </div>
-                            <div className="flex items-center justify-between bg-gray-700 p-4 rounded">
-                                <span>Tournament End</span>
-                                <span>{new Date(tournament.tournamentDates.ended).toLocaleString()}</span>
-                            </div>
-                        </div>
-                    </div>
+          <div className="mt-8">
+            <h2 className="text-xl font-semibold mb-4">Rules</h2>
+            <p>{tournament.rules}</p>
+          </div>
 
-                    <div className="mt-8 flex justify-center">
-                        <Link href={`/register/${tournament._id}`} className="bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors">
-                            Register for Tournament
-                        </Link>
-                    </div>
-                </div>
+          <div className="mt-8">
+            <h2 className="text-xl font-semibold mb-4">Schedule</h2>
+            <div className="space-y-4">
+              <div className="flex items-center justify-between p-4 border rounded">
+                <span>Tournament Start</span>
+                <span>
+                  {new Date(
+                    tournament.tournamentDates.started
+                  ).toLocaleString()}
+                </span>
+              </div>
+              <div className="flex items-center justify-between p-4 border rounded">
+                <span>Tournament End</span>
+                <span>
+                  {new Date(tournament.tournamentDates.ended).toLocaleString()}
+                </span>
+              </div>
             </div>
+          </div>
+
+          <div className="mt-8 flex justify-center">
+            <Link
+              href={`/register/${tournament._id}`}
+              className="bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors"
+            >
+              Register for Tournament
+            </Link>
+          </div>
         </div>
-    );
+      </div>
+    </div>
+  );
 }
 
 // Add caching and revalidation
@@ -176,4 +219,4 @@ export const revalidate = 60; // Revalidate this page every 60 seconds
 //         { stage: "Semi Finals", date: "JUL 3, 2024", time: "7:00 PM" },
 //         { stage: "Finals", date: "JUL 4, 2024", time: "8:00 PM" }
 //     ]
-// };
\ No newline at end of file
+// };