Updates

Author: codewithrajeshv

public/images/projects/account-manager.png

@@ -6,11 +6,13 @@ import Footer from "../components/Footer";
 export default function Home() {
   return (
     <div className="min-h-screen bg-gray-900 flex flex-col">
-      <Header />
-      <PersonalProjects />
-      <main className="flex-grow">
-        <Projects />
-      </main>
+      <div className="flex-grow">
+        <Header />
+        <PersonalProjects />
+        <main>
+          <Projects />
+        </main>
+      </div>
       <Footer />
     </div>
   );

public/images/projects/ando-foods.png

@@ -2,15 +2,10 @@
 import React from "react";
 import { motion } from "framer-motion";
 
-const Footer = () => {
+const Footer: React.FC = () => {
   return (
-    <motion.footer
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      transition={{ duration: 0.5 }}
-      className="w-full bg-gray-800 py-8 px-4"
-    >
-      <div className="max-w-3xl mx-auto">
+    <footer className="w-full bg-gray-800 py-8 px-4">
+      <div className="max-w-4xl mx-auto">
         <div className="flex flex-col md:flex-row justify-between items-center gap-4">
           {/* Left side */}
           <motion.div
@@ -35,15 +30,15 @@ const Footer = () => {
           >
             <motion.a
               whileHover={{ scale: 1.05 }}
-              href="mailto:your.email@example.com"
-              className="text-blue-400 hover:text-blue-300 mb-2"
+              href="mailto:i.rajeshv11@gmail.com"
+              className="text-blue-400 hover:text-blue-300"
             >
-              your.email@example.com
+              i.rajeshv11@gmail.com
             </motion.a>
           </motion.div>
         </div>
       </div>
-    </motion.footer>
+    </footer>
   );
 };
 

public/images/projects/baduli.png

@@ -81,7 +81,9 @@ const Header = () => {
             transition={{ duration: 0.5, delay: 0.5 }}
             className="text-gray-300 mb-6 max-w-xl"
           >
-            A React Native engineer with 6+ years of rich experience in web and hybrid app development, eager to make meaningful contributions in the tech space.
+            A React Native engineer with 6+ years of rich experience in web and
+            hybrid app development, eager to make meaningful contributions in
+            the tech space.
           </motion.p>
 
           {/* Social Links */}
@@ -91,7 +93,7 @@ const Header = () => {
             transition={{ duration: 0.5, delay: 0.6 }}
             className="flex gap-4 justify-center sm:justify-start"
           >
-            {socialLinks.map((link, index) => (
+            {socialLinks.map((link) => (
               <motion.a
                 key={link.name}
                 href={link.url}

public/images/projects/callingly.png

@@ -13,14 +13,14 @@ const PersonalProjects: React.FC = () => {
 
   return (
     <section className="w-full bg-gray-800/50 py-8 sm:py-12 px-4">
-      <div className="max-w-5xl mx-auto">
+      <div className="max-w-4xl mx-auto">
         <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.5 }}
-          className="mb-8"
+          className="mb-6"
         >
-          <h2 className="text-2xl sm:text-3xl font-bold text-gray-100 mb-3">
+          <h2 className="text-2xl sm:text-3xl font-bold text-gray-100 mb-0.5">
             Personal Projects
           </h2>
           <p className="text-gray-400">Actively working to improve them.</p>

public/images/projects/community-voice.png

@@ -1,5 +1,6 @@
 import React from "react";
 import { motion } from "framer-motion";
+import Image from "next/image";
 
 interface Project {
   name: string;
@@ -29,9 +30,11 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project, index }) => {
     >
       {/* Project Icon */}
       <div className="relative w-28 sm:w-32 flex-shrink-0 overflow-hidden">
-        <img
+        <Image
           src={image}
           alt={name}
+          width={100}
+          height={100}
           className="w-full h-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
         />
       </div>

public/images/projects/eqwe.webp

@@ -20,12 +20,12 @@ const Projects = () => {
 
   return (
     <section className="py-8 sm:py-16 px-3 sm:px-4 bg-gray-900">
-      <div className="max-w-5xl mx-auto">
+      <div className="max-w-4xl mx-auto">
         <motion.h2
           initial={{ opacity: 0, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.5 }}
-          className="text-2xl sm:text-3xl font-bold text-center mb-8 sm:mb-12 text-gray-100"
+          className="text-2xl sm:text-3xl font-bold text-left mb-8 sm:mb-12 text-gray-100"
         >
           Project Timeline
         </motion.h2>