Update project details and re-enable Projects section in index page

src/components/Projects.astro

@@ -44,9 +44,10 @@ interface project {
                                         data-icon="mdi:open-in-new"
                                         data-inline="false"
                                     />
-                                    Live Demo
+                                    URL Live
                                 </a>
                             )}
+                            {project.repoUrl && (
                             <a
                                 href={project.repoUrl}
                                 target="_blank"
@@ -60,6 +61,7 @@ interface project {
                                 />
                                 Source Code
                             </a>
+                            )}
                         </div>
                     </div>
                 </div>

src/data/index.ts

@@ -1,9 +1,9 @@
 export const navItems = [
 	{ label: "Inicio", href: "#hero" },
+	{ label: "Proyectos", href: "#projects" },
 	{ label: "Experiencia", href: "#experience" },
 	{ label: "Habilidades", href: "#skills" },
 	{ label: "Acerca de", href: "#about-me" },
-	// { label: "Proyectos", href: "#projects" },
 ];
 
 export const personalInfo = {
@@ -61,35 +61,35 @@ export const skills = [
 
 export const projects = [
 	{
-		title: "Inventory Management API",
+		title: "Landing Page para HAM Italia",
 		description:
-			"A high-performance RESTful API built with FastAPI and PostgreSQL to manage real-time product inventory. Deployed using Docker and NGINX.",
+			"Una página de aterrizaje optimizada para la conversión, construida con Astro, React y Tailwind CSS.",
-		tags: ["FastAPI", "Python", "SQL", "Docker", "NGINX"],
+		tags: ["Astro", "React", "Tailwind CSS"],
-		liveUrl: "#",
+		liveUrl: "https://hamitalia.com",
-		repoUrl: "#",
+		repoUrl: "",
-	},
-	{
-		title: "E-Commerce Analytics Dashboard",
-		description:
-			"A full-stack web application using Next.js and TypeScript for the frontend, and a Python backend to process and display sales data. Features data visualization and user authentication.",
-		tags: ["Next.js", "TypeScript", "Python", "React", "Data Visualization"],
-		liveUrl: "#",
-		repoUrl: "#",
-	},
-	{
-		title: "Automated Server Provisioning",
-		description:
-			"Developed a suite of Ansible playbooks and shell scripts to automate the setup and configuration of Linux web servers, reducing deployment time by over 80%.",
-		tags: ["SysAdmin", "Ansible", "Bash", "Linux"],
-		liveUrl: null,
-		repoUrl: "#",
-	},
-	{
-		title: "Containerized Microservices Platform",
-		description:
-			"Designed and implemented a Docker-based microservices architecture for a suite of internal tools, improving scalability and simplifying maintenance.",
-		tags: ["Docker", "Microservices", "System Design"],
-		liveUrl: null,
-		repoUrl: "#",
 	},
+	// {
+	// 	title: "E-Commerce Analytics Dashboard",
+	// 	description:
+	// 		"A full-stack web application using Next.js and TypeScript for the frontend, and a Python backend to process and display sales data. Features data visualization and user authentication.",
+	// 	tags: ["Next.js", "TypeScript", "Python", "React", "Data Visualization"],
+	// 	liveUrl: "#",
+	// 	repoUrl: "#",
+	// },
+	// {
+	// 	title: "Automated Server Provisioning",
+	// 	description:
+	// 		"Developed a suite of Ansible playbooks and shell scripts to automate the setup and configuration of Linux web servers, reducing deployment time by over 80%.",
+	// 	tags: ["SysAdmin", "Ansible", "Bash", "Linux"],
+	// 	liveUrl: null,
+	// 	repoUrl: "#",
+	// },
+	// {
+	// 	title: "Containerized Microservices Platform",
+	// 	description:
+	// 		"Designed and implemented a Docker-based microservices architecture for a suite of internal tools, improving scalability and simplifying maintenance.",
+	// 	tags: ["Docker", "Microservices", "System Design"],
+	// 	liveUrl: null,
+	// 	repoUrl: "#",
+	// },
 ];

src/pages/index.astro

@@ -3,7 +3,7 @@ import About from "@components/About.astro";
 import Experience from "@components/Experience.astro";
 import Footer from "@components/Footer.astro";
 import Hero from "@components/Hero.astro";
-// import Projects from "@components/Projects.astro";
+import Projects from "@components/Projects.astro";
 import Skills from "@components/Skills.astro";
 import {
 	aboutMe,
@@ -21,12 +21,12 @@ const { name, title, bio, email, github, linkedin } = personalInfo;
 	<main class="container mx-auto max-w-4xl px-6 py-12 md:py-20">
 		<!-- Header / Hero Section -->
 		<Hero {name} {title} {bio} {email} {github} {linkedin} />
+		<!-- Projects Section -->
+		<Projects {projects} />
 		<!-- Experience Section -->
 		<Experience {experience} />
 		<!-- Skills Section -->
 		<Skills {skills} />
-		<!-- Projects Section -->
-		<!-- <Projects {projects} /> -->
 		 <!-- About Me Section -->
 		<About {aboutMe} />
 	</main>