bg change and

Author: himanshu-guptaaa

public/last.jpg

@@ -6,14 +6,14 @@ import { IoLogoLinkedin } from "react-icons/io5";
 const Footer = () => {
   return (
 
-    <footer className="bg-[#bfdbfe] mt-3">
+    <footer className="bg-[#0a1625] mt-3">
   <div className="mx-auto max-w-screen-xl px-4 pb-8 pt-16 sm:px-6 lg:px-8 lg:pt-24">
     <div className="text-center">
-      <h2 className="text-3xl font-extrabold text-gray-900 sm:text-5xl">&copy; 2024 Inter College Hackathon, Organised by Innozenta Club.</h2>
+      <h2 className="text-3xl font-extrabold text-white sm:text-5xl">&copy; 2025 Inter College Hackathon, Organised by Innozenta Club.</h2>
 
       <p className="mx-auto mt-4 max-w-sm text-gray-500">
          <p>Himanshu gupta: 8000739398 </p>
-         <p> Gopal soni: 7014892187</p> 
+         <p> </p> 
       </p>
     </div>
 
@@ -34,13 +34,7 @@ const Footer = () => {
          </a>
         </li>
 
-        <li>
-          <a href="https://www.linkedin.com/in/gopal-soniepic/" target='blank' className="text-gray-500 transition hover:opacity-75 text-base"> 
-          <div className='flex items-center '>
-             <IoLogoLinkedin className='text-xl' />
-         Gopal Soni 
-          </div> </a>
-        </li>
+        
       </ul>
 
       <ul className="mt-8 flex justify-center gap-6 sm:mt-0 lg:justify-end">

src/components/footer.jsx

@@ -6,7 +6,7 @@ const Header = () => {
 
     <div className="relative h-screen overflow-hidden">
       <video
-        className="absolute inset-0 w-full h-full object-cover bg-blue-600"
+        className="absolute inset-0 w-full h-full object-cover bg-dark-blue-600"
        src="/public/new.mp4"
         autoPlay
         loop
@@ -15,8 +15,8 @@ const Header = () => {
 
       <div className="absolute inset-0 flex flex-col items-center justify-center text-center p-4">
         <div className="p-4">
-          <h2 className="text-4xl sm:text-6xl lg:text-9xl text-blue-50 font-bold mb-4 sm:mb-8">INNOVATE. CODE, COMPETE</h2>
-          <p className="text-2xl sm:text-4xl lg:text-6xl text-blue-50 font-bold mb-4">TRANSFORM</p>
+          <h2 className="text-4xl sm:text-6xl lg:text-9xl text-blue-50 font-bold mb-4 sm:mb-8">Let's Build Something</h2>
+          <p className="text-2xl sm:text-4xl lg:text-6xl text-blue-50 font-bold mb-4">Innovative</p>
         </div>
         <button className="mt-4 sm:mt-8 bg-blue-600 text-white px-4 sm:px-6 py-2 sm:py-3 text-lg rounded-full hover:bg-black">
           <a href="#registration">

src/components/header.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 const Nav = () => {
   return (
-    <nav className="bg-blue-600 p-4 flex justify-center items-center">
+    <nav className="bg-blue-900 p-4 flex justify-center items-center">
       <ul className="flex flex-col sm:flex-row gap-2 md:gap-12 justify-center items-center">
         <li><a href="#home" className="text-white text-lg hover:bg-[#00008B] p-1 rounded-lg">Home</a></li>
         <li><a href="#rules" className="text-white text-lg hover:bg-[#00008B] p-1 rounded-lg">Rules</a></li>

src/components/nav.jsx

@@ -2,6 +2,7 @@ import React from "react";
 
 const Rules = () => {
     return(
+        <div className="">
     <section className="p-8 bg-blue-200">
         <h2 className="text-2xl font-bold mb-4">Rules & Regulation</h2>
         < p
@@ -28,6 +29,7 @@ const Rules = () => {
 
 
     </section>
+    </div>
     );
 };
 export default Rules;