diff --git a/app/[hackathon]/InteractionClient.tsx b/app/[hackathon]/InteractionClient.tsx
index 492c4c6..cb4669c 100644
--- a/app/[hackathon]/InteractionClient.tsx
+++ b/app/[hackathon]/InteractionClient.tsx
@@ -6,7 +6,6 @@ import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Badge } from "@/components/ui/badge"
 import { Avatar, AvatarFallback } from "@/components/ui/avatar"
-import { Progress } from "@/components/ui/progress"
 import { Input } from "@/components/ui/input"
 
 import { Label } from "@/components/ui/label"
@@ -22,23 +21,15 @@ const getImagePath = (path: string) => {
 import { HackathonData, getHackathonStatus, getDaysRemaining, Judge, Project } from "@/hooks/useHackathons"
 import { getPublicClient } from "@wagmi/core"
 import { config } from "@/utils/config"
-import { getFactoryAddress } from "@/utils/contractAddress"
-import { HACKHUB_FACTORY_ABI } from "@/utils/contractABI/HackHubFactory"
 import { HACKHUB_ABI } from "@/utils/contractABI/HackHub"
 import { formatEther } from "viem"
 import { 
   Trophy, 
   Users, 
-  Clock, 
-  Award, 
   Target, 
   Calendar,
-  ExternalLink,
   Vote,
   Gavel,
-  Code,
-  FileText,
-  Coins,
   Loader2,
   AlertCircle,
   RefreshCw,
diff --git a/app/[hackathon]/judge/JudgeVotingClient.tsx b/app/[hackathon]/judge/JudgeVotingClient.tsx
index f931fdb..564a11a 100644
--- a/app/[hackathon]/judge/JudgeVotingClient.tsx
+++ b/app/[hackathon]/judge/JudgeVotingClient.tsx
@@ -4,46 +4,26 @@ import { useState, useEffect } from "react"
 import { useSearchParams, useRouter } from "next/navigation"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
-import { Avatar, AvatarFallback } from "@/components/ui/avatar"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Alert, AlertDescription } from "@/components/ui/alert"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog"
 import { HackathonData, getHackathonStatus, getDaysRemaining, Judge, Project } from "@/hooks/useHackathons"
 import { getPublicClient } from "@wagmi/core"
 import { config } from "@/utils/config"
-import { getFactoryAddress } from "@/utils/contractAddress"
-import { HACKHUB_FACTORY_ABI } from "@/utils/contractABI/HackHubFactory"
 import { HACKHUB_ABI } from "@/utils/contractABI/HackHub"
 import { formatEther } from "viem"
 import { 
-  Trophy, 
-  Users, 
-  Clock, 
-  Award, 
   Target, 
-  Calendar,
   ExternalLink,
-  Share2,
   Vote,
-  Gavel,
   Code,
+  ArrowLeft,
+  RefreshCw,
+  Gavel,
   FileText,
-  Coins,
-  CheckCircle,
-  XCircle,
   Loader2,
   AlertCircle,
-  RefreshCw,
-  Wifi,
-  WifiOff,
-  Plus,
-  Minus,
-  Eye,
-  History,
-  ArrowLeft
 } from "lucide-react"
 import { useChainId, useAccount, useWriteContract } from "wagmi"
 import { toast } from "sonner"
@@ -66,8 +46,6 @@ export default function JudgeVotingClient() {
   const [error, setError] = useState<string | null>(null)
   const [voting, setVoting] = useState(false)
 
-  const [isERC20Prize, setIsERC20Prize] = useState(false)
-  const [prizeTokenSymbol, setPrizeTokenSymbol] = useState<string>("")
   const [modalOpen, setModalOpen] = useState(false)
   const [modalLink, setModalLink] = useState({ url: '', type: '' })
   
@@ -166,8 +144,6 @@ export default function JudgeVotingClient() {
         publicClient.readContract({ address: contractAddress, abi: HACKHUB_ABI, functionName: 'prizeToken' }) as Promise<string>,
       ])
 
-      // Set prize type
-      setIsERC20Prize(isERC20)
 
       // Get token symbol if it's an ERC20 prize
       let tokenSymbol = ""
@@ -183,7 +159,6 @@ export default function JudgeVotingClient() {
           tokenSymbol = "TOKEN"
         }
       }
-      setPrizeTokenSymbol(tokenSymbol)
 
       // Fetch judges
       const judges: Judge[] = []
diff --git a/app/createHackathon/page.tsx b/app/createHackathon/page.tsx
index 306c527..00e40c9 100644
--- a/app/createHackathon/page.tsx
+++ b/app/createHackathon/page.tsx
@@ -6,11 +6,9 @@ import { useAccount, useWriteContract, useWaitForTransactionReceipt, useChainId,
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
-import { Textarea } from '@/components/ui/textarea'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Badge } from '@/components/ui/badge'
 import { Avatar, AvatarFallback } from '@/components/ui/avatar'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { ArrowLeft, Plus, Trash2, Calendar, Clock, Users, Trophy, Sparkles, Info, Globe, Coins, CheckCircle, Eye, DollarSign } from 'lucide-react'
 import { HACKHUB_FACTORY_ABI } from '@/utils/contractABI/HackHubFactory'
 import { IERC20MinimalABI } from '@/utils/contractABI/Interfaces'
@@ -21,7 +19,6 @@ import {
   convertUTCToTimestamp, 
   timestampToContractDate, 
   isInFuture, 
-  getCurrentUTCTimestamp,
   type TimezoneMode 
 } from '@/utils/timeUtils'
 
diff --git a/app/explorer/page.tsx b/app/explorer/page.tsx
index 5d46807..4223235 100644
--- a/app/explorer/page.tsx
+++ b/app/explorer/page.tsx
@@ -17,7 +17,7 @@ import { getFactoryAddress } from "@/utils/contractAddress"
 import { HACKHUB_FACTORY_ABI } from "@/utils/contractABI/HackHubFactory"
 import { HACKHUB_ABI } from "@/utils/contractABI/HackHub"
 import { formatEther } from "viem"
-import { Search, Filter, Loader2, AlertCircle, RefreshCw, Wifi, WifiOff, Calendar, DollarSign } from "lucide-react"
+import { Search, Loader2, AlertCircle, RefreshCw, Wifi, WifiOff, Calendar, DollarSign } from "lucide-react"
 import { Alert, AlertDescription } from "@/components/ui/alert"
 import { useChainId, useAccount } from "wagmi"
 import { Badge } from "@/components/ui/badge"
@@ -38,7 +38,6 @@ const ERC20_ABI = [
 
 export default function ExplorerPage() {
   const [searchTerm, setSearchTerm] = useState("")
-  const [selectedCategory, setSelectedCategory] = useState("All Categories")
   const [statusFilter, setStatusFilter] = useState("All Status")
   
   const [hackathons, setHackathons] = useState<HackathonData[]>([])
@@ -567,7 +566,6 @@ export default function ExplorerPage() {
           <Button 
             onClick={() => {
               setSearchTerm("")
-              setSelectedCategory("All Categories")
               setStatusFilter("All Status")
             }}
             className="bg-gradient-to-r from-amber-600 to-orange-500 hover:from-amber-700 hover:to-orange-600 text-white"
diff --git a/app/manage/ManageClient.tsx b/app/manage/ManageClient.tsx
index 3ad142f..129a6ee 100644
--- a/app/manage/ManageClient.tsx
+++ b/app/manage/ManageClient.tsx
@@ -402,7 +402,7 @@ export default function ManageHackathonPage() {
         <Card className="bg-white">
           <CardContent className="p-4">
             <div className="flex items-center gap-2">
-              <Users className="w-5 h-5 text-blue-500" />
+              <Users className="w-5 h-5 text-amber-500" />
               <div>
                 <p className="text-sm text-gray-800">Projects</p>
                 <p className="font-semibold text-black">{hackathonInfo.projectCount}</p>
@@ -414,7 +414,7 @@ export default function ManageHackathonPage() {
         <Card className="bg-white">
           <CardContent className="p-4">
             <div className="flex items-center gap-2">
-              <Coins className="w-5 h-5 text-green-600" />
+              <Coins className="w-5 h-5 text-yellow-600" />
               <div>
                 <p className="text-sm text-gray-800">Total Tokens</p>
                 <p className="font-semibold text-black">{hackathonInfo.totalTokens}</p>
diff --git a/app/manage/page.tsx b/app/manage/page.tsx
index 8928e83..8b08e79 100644
--- a/app/manage/page.tsx
+++ b/app/manage/page.tsx
@@ -1,4 +1,4 @@
-import { use, Suspense } from 'react'
+import { Suspense } from 'react'
 import ManageHackathonPage from './ManageClient'
 
 interface OrganizerPageProps {
@@ -8,7 +8,6 @@ interface OrganizerPageProps {
 }
 
 export default function OrganizerPage({ params }: OrganizerPageProps) {
-  const { address } = use(params)
   
   return (
     <Suspense fallback={<div className="flex items-center justify-center py-12">Loading...</div>}>
diff --git a/app/myHackathons/page.tsx b/app/myHackathons/page.tsx
index accb702..670e53f 100644
--- a/app/myHackathons/page.tsx
+++ b/app/myHackathons/page.tsx
@@ -16,7 +16,6 @@ import { formatEther } from "viem"
 import { Trophy, Target, Calendar, Users, Vote, Gavel, Code, Coins, CheckCircle, XCircle, Loader2, AlertCircle, RefreshCw, Wifi, WifiOff } from "lucide-react"
 import { useChainId, useAccount, useWriteContract } from "wagmi"
 import Link from "next/link"
-import { formatUTCTimestamp } from '@/utils/timeUtils'
 import { toast } from "sonner"
 
 // ERC20 ABI for token symbol
diff --git a/app/organizer/[address]/OrganizerClient.tsx b/app/organizer/[address]/OrganizerClient.tsx
index a5615cf..d08fc43 100644
--- a/app/organizer/[address]/OrganizerClient.tsx
+++ b/app/organizer/[address]/OrganizerClient.tsx
@@ -146,6 +146,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
             factory,
             judgeCount,
             projectCount,
+            imageURL,
           ] = await Promise.all([
             publicClient.readContract({ address: addr, abi: HACKHUB_ABI, functionName: 'owner' }) as Promise<string>,
             publicClient.readContract({ address: addr, abi: HACKHUB_ABI, functionName: 'name' }) as Promise<string>,
@@ -159,6 +160,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
             publicClient.readContract({ address: addr, abi: HACKHUB_ABI, functionName: 'factory' }) as Promise<string>,
             publicClient.readContract({ address: addr, abi: HACKHUB_ABI, functionName: 'judgeCount' }) as Promise<bigint>,
             publicClient.readContract({ address: addr, abi: HACKHUB_ABI, functionName: 'projectCount' }) as Promise<bigint>,
+            publicClient.readContract({ address: addr, abi: HACKHUB_ABI, functionName: 'imageURL' }) as Promise<string>,
           ])
           
           if (owner.toLowerCase() === organizerAddress.toLowerCase()) {
@@ -179,7 +181,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
               projectCount: Number(projectCount),
               judges: [],
               projects: [],
-              image: "/placeholder.svg?height=200&width=400",
+              image: imageURL || getImagePath("/block.png"),
             }
             organizerHackathons.push(hackathon)
           }
@@ -235,7 +237,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
           <Button 
             variant="outline" 
             onClick={() => router.back()}
-            className="flex items-center gap-2"
+            className="flex items-center gap-2 border-amber-300 bg-white text-[#8B6914] hover:bg-[#FAE5C3] hover:text-gray-800 hover:border-none"
           >
             <ArrowLeft className="w-4 h-4" />
             Back
@@ -259,7 +261,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
           <Button 
             variant="outline" 
             onClick={() => router.back()}
-            className="flex items-center gap-2"
+            className="flex items-center gap-2 border-amber-300 bg-white text-[#8B6914] hover:bg-[#FAE5C3] hover:text-gray-800 hover:border-none"
           >
             <ArrowLeft className="w-4 h-4" />
             Back
@@ -298,7 +300,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
           <Button 
             variant="outline" 
             onClick={() => router.back()}
-            className="flex items-center gap-2"
+            className="flex items-center gap-2 border-amber-300 bg-white text-[#8B6914] hover:bg-[#FAE5C3] hover:text-gray-800 hover:border-none"
           >
             <ArrowLeft className="w-4 h-4" />
             Back
@@ -361,22 +363,25 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
 
   return (
     <div className="space-y-8">
-      {/* Header with back button */}
-      <div className="flex items-center gap-4 mb-6">
+      {/* Header with back button and title in line */}
+      <div className="flex items-center justify-between mb-6">
         <Button 
           variant="outline" 
           onClick={() => router.back()}
-          className="flex items-center gap-2"
+          className="flex items-center gap-2 border-amber-300 bg-white text-[#8B6914] hover:bg-[#FAE5C3] hover:text-gray-800 hover:border-none"
         >
           <ArrowLeft className="w-4 h-4" />
           Back
         </Button>
-      </div>
-      
-      <div className="text-center space-y-4">
+        
         <h1 className="text-4xl font-bold bg-gradient-to-r from-amber-700 to-orange-600 bg-clip-text text-transparent">
           Organizer's Events
         </h1>
+        
+        <div className="w-20"></div> {/* Spacer to center the title */}
+      </div>
+      
+      <div className="text-center space-y-4">
         <div className="flex items-center justify-center gap-2 text-muted-foreground">
           <User className="w-5 h-5" />
           <span className="font-mono text-sm">
@@ -428,7 +433,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
                 <h2 className="text-2xl font-bold text-amber-800 border-b border-amber-200 pb-2">
                   🔥 Ongoing Hackathons
                 </h2>
-                <div className="space-y-4">
+                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                   {sortedHackathons
                     .filter(h => getHackathonStatus(h.startTime, h.endTime, h.concluded) === 'accepting-submissions')
                     .map((hackathon) => {
@@ -439,56 +444,70 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
                           href={`/h?hackAddr=${hackathon.contractAddress}&chainId=${chainId}`}
                           className="block"
                         >
-                          <div className="w-full bg-white border border-amber-100 rounded-lg overflow-hidden hover:shadow-lg transition-all duration-300 cursor-pointer group relative">
+                          <div className="bg-white border border-amber-100 rounded-lg overflow-hidden hover:shadow-lg transition-all duration-300 cursor-pointer group relative h-full">
                             {/* Gradient background overlay based on status */}
                             <div className={`absolute inset-0 transition-all duration-300 ${
                               status === 'accepting-submissions' 
-                                ? 'bg-gradient-to-r from-amber-50/60 via-orange-50/30 to-amber-50/60 group-hover:from-amber-100/60 group-hover:via-orange-100/30 group-hover:to-amber-100/60'
+                                ? 'bg-gradient-to-b from-amber-50/60 via-orange-50/30 to-amber-50/60 group-hover:from-amber-100/60 group-hover:via-orange-100/30 group-hover:to-amber-100/60'
                                 : status === 'upcoming' 
-                                ? 'bg-gradient-to-r from-blue-50/60 via-indigo-50/30 to-blue-50/60 group-hover:from-blue-100/60 group-hover:via-indigo-100/30 group-hover:to-blue-100/60'
+                                ? 'bg-gradient-to-b from-blue-50/60 via-indigo-50/30 to-blue-50/60 group-hover:from-blue-100/60 group-hover:via-indigo-100/30 group-hover:to-blue-100/60'
                                 : status === 'judging-submissions'
-                                ? 'bg-gradient-to-r from-orange-50/60 via-amber-50/30 to-orange-50/60 group-hover:from-orange-100/60 group-hover:via-amber-100/30 group-hover:to-orange-100/60'
-                                : 'bg-gradient-to-r from-gray-50/60 via-slate-50/30 to-gray-50/60 group-hover:from-gray-100/60 group-hover:via-slate-100/30 group-hover:to-gray-100/60'
+                                ? 'bg-gradient-to-b from-orange-50/60 via-amber-50/30 to-orange-50/60 group-hover:from-orange-100/60 group-hover:via-amber-100/30 group-hover:to-orange-100/60'
+                                : 'bg-gradient-to-b from-gray-50/60 via-slate-50/30 to-gray-50/60 group-hover:from-gray-100/60 group-hover:via-slate-100/30 group-hover:to-gray-100/60'
                             }`}></div>
                             
-                            <div className="relative z-10 flex items-center justify-between p-6 min-h-[140px]">
-                              {/* Left section - Name and Status */}
-                              <div className="flex items-center gap-4 flex-1">
-                                <div className="space-y-2">
-                                  <h3 className="text-lg font-semibold text-gray-900 group-hover:text-amber-700 transition-colors">
-                                    {hackathon.hackathonName}
-                                  </h3>
-                                  <Badge className={`text-xs font-medium px-3 py-1 ${getStatusColor(status)} shadow-sm`}>
-                                    🔥 {status.toUpperCase()}
-                                  </Badge>
-                                </div>
-                              </div>
-
-                              {/* Center section - Block Image */}
-                              <div className="flex-shrink-0 mx-8 relative h-full flex items-center">
-                                <div className="h-32 w-32 relative group-hover:scale-105 transition-transform duration-300">
+                            <div className="relative z-10 p-6 flex flex-col h-full">
+                              {/* Top section - Image */}
+                              <div className="flex justify-center mb-4">
+                                <div className="h-20 w-20 relative group-hover:scale-105 transition-transform duration-300">
                                   <Image
-                                    src={getImagePath("/block.png")}
-                                    alt="Blockchain Block"
-                                    width={128}
-                                    height={128}
-                                    className="h-full w-full object-contain"
+                                    src={hackathon.image || getImagePath("/block.png")}
+                                    alt="Hackathon Image"
+                                    width={80}
+                                    height={80}
+                                    className="h-full w-full object-contain rounded-lg"
                                     priority
+                                    onError={(e) => {
+                                      // Fallback to block.png if custom image fails to load
+                                      const target = e.target as HTMLImageElement;
+                                      target.src = getImagePath("/block.png");
+                                    }}
                                   />
                                 </div>
                               </div>
 
-                              {/* Right section - Date and Prize */}
-                              <div className="flex flex-col items-end gap-2 flex-1">
-                                <div className="flex items-center gap-2 text-gray-600">
-                                  <Calendar className="w-4 h-4" />
-                                  <span className="text-sm font-medium">
-                                    {formatDate(hackathon.startTime)} - {formatDate(hackathon.endTime)}
-                                  </span>
-                                </div>
-                                <div className="flex items-center gap-2 text-amber-700 font-bold bg-amber-50 px-3 py-1 rounded-full border border-amber-200">
+                              {/* Title */}
+                              <h3 className="text-lg font-semibold text-gray-900 group-hover:text-amber-700 transition-colors text-center mb-3 line-clamp-2">
+                                {hackathon.hackathonName}
+                              </h3>
+
+                              {/* Status Badge */}
+                              <div className="flex justify-center mb-4">
+                                <Badge className={`text-xs font-medium px-3 py-1 bg-orange-100 text-orange-800 border-orange-200 shadow-sm`}>
+                                  🔥 {status === 'accepting-submissions' ? 'ACCEPTING SUBMISSIONS' : 
+                                       status === 'judging-submissions' ? 'JUDGING SUBMISSIONS' :
+                                       status === 'upcoming' ? 'UPCOMING' : 'CONCLUDED'}
+                                </Badge>
+                              </div>
+
+                              {/* Date */}
+                              <div className="flex items-center justify-center gap-2 text-gray-600 mb-3">
+                                <Calendar className="w-4 h-4" />
+                                <span className="text-xs font-medium text-center">
+                                  {formatDate(hackathon.startTime)}
+                                </span>
+                              </div>
+                              <div className="flex items-center justify-center gap-2 text-gray-600 mb-4">
+                                <span className="text-xs font-medium text-center">
+                                  to {formatDate(hackathon.endTime)}
+                                </span>
+                              </div>
+
+                              {/* Prize - Push to bottom */}
+                              <div className="mt-auto">
+                                <div className="flex items-center justify-center gap-2 text-amber-700 font-bold bg-amber-50 px-3 py-2 rounded-full border border-amber-200">
                                   <DollarSign className="w-4 h-4" />
-                                  <span>{parseFloat(hackathon.prizePool).toFixed(2)} ETH</span>
+                                  <span className="text-sm">{parseFloat(hackathon.prizePool).toFixed(2)} ETH</span>
                                 </div>
                               </div>
                             </div>
@@ -506,7 +525,7 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
                 <h2 className="text-2xl font-bold text-gray-700 border-b border-gray-200 pb-2">
                   Upcoming & Past Hackathons
                 </h2>
-                <div className="space-y-4">
+                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                   {sortedHackathons
                     .filter(h => getHackathonStatus(h.startTime, h.endTime, h.concluded) !== 'accepting-submissions')
                     .map((hackathon) => {
@@ -517,57 +536,67 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
                           href={`/h?hackAddr=${hackathon.contractAddress}&chainId=${chainId}`}
                           className="block"
                         >
-                          <div className="w-full bg-white border border-amber-100 rounded-lg overflow-hidden hover:shadow-lg transition-all duration-300 cursor-pointer group relative">
+                          <div className="bg-white border border-amber-100 rounded-lg overflow-hidden hover:shadow-lg transition-all duration-300 cursor-pointer group relative h-full">
                             {/* Gradient background overlay based on status */}
                             <div className={`absolute inset-0 transition-all duration-300 ${
                               status === 'upcoming' 
-                                ? 'bg-gradient-to-r from-blue-50/60 via-indigo-50/30 to-blue-50/60 group-hover:from-blue-100/60 group-hover:via-indigo-100/30 group-hover:to-blue-100/60'
+                                ? 'bg-gradient-to-b from-blue-50/60 via-indigo-50/30 to-blue-50/60 group-hover:from-blue-100/60 group-hover:via-indigo-100/30 group-hover:to-blue-100/60'
                                 : status === 'judging-submissions'
-                                ? 'bg-gradient-to-r from-orange-50/60 via-amber-50/30 to-orange-50/60 group-hover:from-orange-100/60 group-hover:via-amber-100/30 group-hover:to-orange-100/60'
-                                : 'bg-gradient-to-r from-gray-50/60 via-slate-50/30 to-gray-50/60 group-hover:from-gray-100/60 group-hover:via-slate-100/30 group-hover:to-gray-100/60'
+                                ? 'bg-gradient-to-b from-orange-50/60 via-amber-50/30 to-orange-50/60 group-hover:from-orange-100/60 group-hover:via-amber-100/30 group-hover:to-orange-100/60'
+                                : 'bg-gradient-to-b from-gray-50/60 via-slate-50/30 to-gray-50/60 group-hover:from-gray-100/60 group-hover:via-slate-100/30 group-hover:to-gray-100/60'
                             }`}></div>
                             
-                            <div className="relative z-10 flex items-center justify-between p-6 min-h-[140px]">
-                              {/* Left section - Name and Status */}
-                              <div className="flex items-center gap-4 flex-1">
-                                <div className="space-y-2">
-                                  <h3 className="text-lg font-semibold text-gray-900 group-hover:text-amber-700 transition-colors">
-                                    {hackathon.hackathonName}
-                                  </h3>
-                                  <Badge className={`text-xs font-medium px-3 py-1 ${getStatusColor(status)} shadow-sm`}>
-                                    {status === 'upcoming' && '⏰'} 
-                                    {status === 'judging-submissions' && '⏹️'} 
-                                    {status === 'concluded' && '✅'} 
-                                    {status.toUpperCase()}
-                                  </Badge>
-                                </div>
-                              </div>
-
-                              {/* Center section - Block Image */}
-                              <div className="flex-shrink-0 mx-8 relative h-full flex items-center">
-                                <div className="h-32 w-32 relative group-hover:scale-105 transition-transform duration-300">
+                            <div className="relative z-10 p-6 flex flex-col h-full">
+                              {/* Top section - Image */}
+                              <div className="flex justify-center mb-4">
+                                <div className="h-20 w-20 relative group-hover:scale-105 transition-transform duration-300">
                                   <Image
-                                    src={getImagePath("/block.png")}
-                                    alt="Blockchain Block"
-                                    width={128}
-                                    height={128}
-                                    className="h-full w-full object-contain"
+                                    src={hackathon.image || getImagePath("/block.png")}
+                                    alt="Hackathon Image"
+                                    width={80}
+                                    height={80}
+                                    className="h-full w-full object-contain rounded-lg"
                                     priority
+                                    onError={(e) => {
+                                      // Fallback to block.png if custom image fails to load
+                                      const target = e.target as HTMLImageElement;
+                                      target.src = getImagePath("/block.png");
+                                    }}
                                   />
                                 </div>
                               </div>
 
-                              {/* Right section - Date and Prize */}
-                              <div className="flex flex-col items-end gap-2 flex-1">
-                                <div className="flex items-center gap-2 text-gray-600">
-                                  <Calendar className="w-4 h-4" />
-                                  <span className="text-sm font-medium">
-                                    {formatDate(hackathon.startTime)} - {formatDate(hackathon.endTime)}
-                                  </span>
-                                </div>
-                                <div className="flex items-center gap-2 text-amber-700 font-bold bg-amber-50 px-3 py-1 rounded-full border border-amber-200">
+                              {/* Title */}
+                              <h3 className="text-lg font-semibold text-gray-900 group-hover:text-amber-700 transition-colors text-center mb-3 line-clamp-2">
+                                {hackathon.hackathonName}
+                              </h3>
+
+                              {/* Status Badge */}
+                              <div className="flex justify-center mb-4">
+                                <Badge className={`text-xs font-medium px-3 py-1 ${getStatusColor(status)} shadow-sm`}>
+                                  {status === 'upcoming' ? 'UPCOMING' : 
+                                   status === 'judging-submissions' ? 'JUDGING SUBMISSIONS' : 'CONCLUDED'}
+                                </Badge>
+                              </div>
+
+                              {/* Date */}
+                              <div className="flex items-center justify-center gap-2 text-gray-600 mb-3">
+                                <Calendar className="w-4 h-4" />
+                                <span className="text-xs font-medium text-center">
+                                  {formatDate(hackathon.startTime)}
+                                </span>
+                              </div>
+                              <div className="flex items-center justify-center gap-2 text-gray-600 mb-4">
+                                <span className="text-xs font-medium text-center">
+                                  to {formatDate(hackathon.endTime)}
+                                </span>
+                              </div>
+
+                              {/* Prize - Push to bottom */}
+                              <div className="mt-auto">
+                                <div className="flex items-center justify-center gap-2 text-amber-700 font-bold bg-amber-50 px-3 py-2 rounded-full border border-amber-200">
                                   <DollarSign className="w-4 h-4" />
-                                  <span>{parseFloat(hackathon.prizePool).toFixed(2)} ETH</span>
+                                  <span className="text-sm">{parseFloat(hackathon.prizePool).toFixed(2)} ETH</span>
                                 </div>
                               </div>
                             </div>
@@ -579,28 +608,6 @@ export default function OrganizerClient({ address }: OrganizerClientProps) {
               </div>
             )}
           </div>
-
-          {/* No Results */}
-          {sortedHackathons.length === 0 && hackathons.length > 0 && (
-            <div className="text-center py-12">
-              <div className="w-16 h-16 rounded-full bg-gray-100 flex items-center justify-center mx-auto mb-4">
-                <Search className="w-8 h-8 text-gray-400" />
-              </div>
-              <h3 className="text-lg font-semibold mb-2">No hackathons found</h3>
-              <p className="text-muted-foreground mb-4">
-                Try adjusting your search terms or status filter
-              </p>
-              <Button 
-                onClick={() => {
-                  setSearchTerm("")
-                  setStatusFilter("All Status")
-                }}
-                className="bg-gradient-to-r from-amber-600 to-orange-500 hover:from-amber-700 hover:to-orange-600 text-white"
-              >
-                Show All Events
-              </Button>
-            </div>
-          )}
         </>
       )}
 
diff --git a/app/page.tsx b/app/page.tsx
index dfc495e..6311a17 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -15,21 +15,12 @@ import { HACKHUB_ABI } from "@/utils/contractABI/HackHub"
 import { formatEther } from "viem"
 import { useChainId } from "wagmi"
 import {
-  Rocket,
-  Users,
   Code,
-  Search,
   Plus,
-  Target,
   Zap,
-  ArrowRight,
-  Globe,
-  Coins,
-  Calendar,
   DollarSign,
   ChevronDown
 } from "lucide-react"
-import { formatUTCTimestamp } from '@/utils/timeUtils'
 
 // Helper function to get the correct image path for GitHub Pages
 const getImagePath = (path: string) => {
@@ -41,8 +32,6 @@ export default function HomePage() {
   const [recentHackathons, setRecentHackathons] = useState<HackathonData[]>([])
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
-  const [currentSlide, setCurrentSlide] = useState(0)
-  const scrollContainerRef = useRef<HTMLDivElement>(null)
   const chainId = useChainId()
 
   // Fetch recent hackathons from blockchain
@@ -167,29 +156,6 @@ export default function HomePage() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [chainId])
 
-  // Handle scroll to update current slide indicator
-  const handleScroll = () => {
-    if (scrollContainerRef.current) {
-      const container = scrollContainerRef.current
-      const cardWidth = 400 // Approximate card width including gap
-      const scrollLeft = container.scrollLeft
-      const newSlide = Math.round(scrollLeft / cardWidth)
-      setCurrentSlide(newSlide)
-    }
-  }
-
-  // Scroll to specific slide
-  const scrollToSlide = (slideIndex: number) => {
-    if (scrollContainerRef.current) {
-      const container = scrollContainerRef.current
-      const cardWidth = 400 // Approximate card width including gap
-      container.scrollTo({
-        left: slideIndex * cardWidth,
-        behavior: 'smooth'
-      })
-      setCurrentSlide(slideIndex)
-    }
-  }
 
 
   // Get status badge color and style
@@ -220,7 +186,7 @@ export default function HomePage() {
             <div className="space-y-6">
               <div className="relative">            
                 {/* Main heading with enhanced styling */}
-                <div className="relative z-10">
+                <div className="relative z-10 -mt-24 pb-8">
                   <h1 className="text-6xl lg:text-7xl font-black leading-tight">
                     <span className="block text-transparent bg-clip-text bg-gradient-to-r from-amber-600 via-orange-500 to-amber-700 drop-shadow-sm">
                     Welcome to the Hub for
@@ -244,7 +210,7 @@ export default function HomePage() {
             
             {/* Right side - HackHub image */}
             <div className="flex justify-center lg:justify-end pt-0">
-              <div className="relative -mt-8">
+              <div className="relative -mt-8 pb-8">
                 <img 
                   src={getImagePath("/handRevolution.png")} 
                   alt="HackHub - Think, Build, Innovate"