logo

Author: sparsh44

components/Footer.tsx

@@ -75,7 +75,7 @@ const Footer: React.FC = () => {
             animate={{ rotate: 360 }}
             transition={{ duration: 10, repeat: Number.POSITIVE_INFINITY, ease: "linear" }}
           >
-            <Snowflake size={24} className="text-white/60" />
+            <Snowflake size={48} className="text-white/60" />
           </motion.div>
         </div>
       </div>

components/layout/PageLayout.tsx

@@ -28,10 +28,15 @@ function PageLayout({ title = "PWOC | PEC winter of code", children, description
             <nav className="relative z-30 px-6 py-4 bg-black/5">
                 <div className="max-w-7xl mx-auto flex items-center justify-between">
                     <Link href="/">
-                        <span className="text-[#274495] text-2xl font-bold cursor-pointer">
-                            Winter of Code
-                        </span>
+                    <Image 
+                        src="/assets/logo/pwoc_text.png" 
+                        alt="Winter of Code" 
+                        width={150} 
+                        height={40} 
+                        className="cursor-pointer"
+                    />
                     </Link>
+
                     <div className="hidden md:flex items-center space-x-8">
                         {["Home", "Leaderboard", "Projects", "Graveyard", "Faq"].map((item) => (
                             <Link key={item} href={item.toLowerCase() === "home" ? "/" : `/${item.toLowerCase()}`}>

pages/index.tsx

@@ -32,9 +32,13 @@ const Home: NextPage = () => {
       <nav className="relative z-10 px-6 py-4">
         <div className="max-w-7xl mx-auto flex items-center justify-between">
           <Link href="/">
-            <span className="text-[#274495] text-2xl font-bold cursor-pointer">
-              Winter of Code
-            </span>
+            <Image 
+              src="/assets/logo/pwoc_text.png" 
+              alt="Winter of Code" 
+              width={150} 
+              height={40} 
+              className="cursor-pointer"
+          />
           </Link>
           <div className="hidden md:flex items-center space-x-8">
             {["Home", "Leaderboard", "Projects", "Graveyard", "Faq"].map((item) => (