fix: Adjust grid layout and prize amount display in HeroSection and Prizes components

Author: codevoid048

src/components/HeroSection.tsx

@@ -87,7 +87,7 @@ const HeroSection = () => {
         </div>
 
         <div className="animate-slide-up mt-8 sm:mt-10 lg:mt-12" style={{ animationDelay: "0.4s" }}>
-          <div className="grid grid-cols-1 sm:grid-cols-3 gap-3 sm:gap-4 md:gap-6 max-w-lg sm:max-w-none mx-auto lg:mx-0">
+          <div className="grid grid-cols-3 sm:grid-cols-3 gap-3 sm:gap-4 md:gap-6 max-w-lg sm:max-w-none mx-auto lg:mx-0">
             {[
               { icon: Calendar, label: "Duration", value: "24H" },
               { icon: Users, label: "Hackers", value: "500+" },
@@ -151,7 +151,7 @@ const HeroSection = () => {
         </div>
 
         {/* Enhanced button section with improved interactions */}
-        <div className="animate-slide-up flex flex-col sm:flex-row gap-3 sm:gap-4 mt-8 sm:mt-10 lg:mt-12 justify-center lg:justify-start" style={{ animationDelay: "0.8s" }}>
+        <div className="animate-slide-up flex flex-row gap-3 sm:gap-4 mt-8 sm:mt-10 lg:mt-12 justify-center lg:justify-start" style={{ animationDelay: "0.8s" }}>
           <button
             onMouseEnter={() => setIsHovering("register")}
             onMouseLeave={() => setIsHovering(null)}

src/components/Prizes.tsx

@@ -35,7 +35,7 @@ const Prizes: React.FC = () => {
     },
     {
       position: "4th & 5th Place",
-      amount: "Consolidated Prizes (TBA)",
+      amount: "(TBA)",
       icon: Star,
       color: "from-blue-400 to-blue-600",
       bgColor: "from-blue-50 to-blue-100 dark:from-blue-900/20 dark:to-blue-800/20",
@@ -82,7 +82,7 @@ const Prizes: React.FC = () => {
       </div>
 
       {/* Main Prize Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
+      <div className="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
         {prizes.map((prize, index) => {
           const IconComponent = prize.icon
           return (