update

components/Projects.jsx

@@ -49,7 +49,6 @@ const Projects = () => {
         Projects
       </h3>
 
-      {/* Main projects container (Top Projects) */}
       <div className="w-full max-w-6xl">
         {topProjects.map((project, index) => (
           <div
@@ -60,10 +59,8 @@ const Projects = () => {
               md:grid md:grid-cols-2 md:gap-8 p-6
             `}
           >
-            {/* Conditional rendering for alternating layout */}
             {index % 2 === 0 ? (
               <>
-                {/* Left/Image Column */}
                 <div className="flex justify-center items-center p-4">
                   <Image
                     src={project.img}
@@ -73,16 +70,13 @@ const Projects = () => {
                     className="w-full h-auto rounded-lg transition-transform duration-300 hover:scale-95 shadow-md"
                   />
                 </div>
-                {/* Right/Content Column */}
                 <div className="flex flex-col items-center text-center p-4 md:items-start md:text-left">
                   <h3 className="text-2xl font-semibold text-gray-800 mb-3 font-poppins">
                     {project.name}
                   </h3>
-                  {/* Applied font-poppins here */}
                   <p className="text-gray-600 text-lg mb-5 font-poppins">
                     {project.desc}
                   </p>
-                  {/* Language Icons */}
                   <div className="flex flex-wrap justify-center md:justify-start gap-4 mb-6">
                     {project.language.map((langIcon, iconIndex) => (
                       <Image
@@ -95,7 +89,6 @@ const Projects = () => {
                       />
                     ))}
                   </div>
-                  {/* Code/Demo Links */}
                   <div className="flex flex-wrap justify-center md:justify-start gap-6 w-full mt-auto">
                     {project.link && (
                       <a
@@ -124,16 +117,13 @@ const Projects = () => {
               </>
             ) : (
               <>
-                {/* Right/Content Column (now on left visually) */}
                 <div className="flex flex-col items-center text-center p-4 md:items-start md:text-left">
                   <h3 className="text-2xl font-semibold text-gray-800 mb-3 font-poppins">
                     {project.name}
                   </h3>
-                  {/* Applied font-poppins here */}
                   <p className="text-gray-600 text-lg mb-5 font-poppins">
                     {project.desc}
                   </p>
-                  {/* Language Icons */}
                   <div className="flex flex-wrap justify-center md:justify-start gap-4 mb-6">
                     {project.language.map((langIcon, iconIndex) => (
                       <Image
@@ -146,7 +136,6 @@ const Projects = () => {
                       />
                     ))}
                   </div>
-                  {/* Code/Demo Links */}
                   <div className="flex flex-wrap justify-center md:justify-start gap-6 w-full mt-auto">
                     {project.link && (
                       <a
@@ -172,7 +161,6 @@ const Projects = () => {
                     )}
                   </div>
                 </div>
-                {/* Left/Image Column (now on right visually) */}
                 <div className="flex justify-center items-center p-4">
                   <Image
                     src={project.img}
@@ -188,7 +176,6 @@ const Projects = () => {
         ))}
       </div>
 
-      {/* Toggle Button for All Projects */}
       <button
         id="btn-all"
         onClick={displayAll}
@@ -212,7 +199,6 @@ const Projects = () => {
         ></i>
       </button>
 
-      {/* All Projects Section (conditionally displayed) */}
       <div
         className={`
           w-full max-w-6xl px-4 md:px-8
@@ -231,7 +217,7 @@ const Projects = () => {
             {bottomProjects.map((project) => (
               <a
                 key={project.name}
-                href={project.demo || link}
+                href={project.demo || project.link}
                 target="_blank"
                 rel="noopener noreferrer"
                 className="block w-full max-w-xs overflow-hidden rounded-lg shadow-md transition-transform duration-300 hover:scale-105 hover:shadow-lg"