Implement new page layouts for Home, Contact, Portfolio, and Trajectory; update header and footer for multilingual support

1 files changed, 2 insertions, 66 deletions

diff --git a/src/pages/index.astro b/src/pages/index.astro
index fcef172..8ac64a6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,69 +1,5 @@
 ---
-import { getCollection } from "astro:content";
-import Layout from "../layouts/Layout.astro";
-
-const blogCollection = (await getCollection("blog")).sort((a, b) => {
-	return b.data.publishedAt.getTime() - a.data.publishedAt.getTime();
-});
-
-const schema = {
-	"@context": "http://schema.org",
-	"@type": "WebSite",
-	id: "https://www.costas.dev/",
-	url: "https://www.costas.dev/",
-};
+import HomePageLayout from "../layouts/HomePageLayout.astro";
 ---
 
-<Layout title="Inicio" description="Página de inicio de mi web">
-	<script
-		is:inline
-		type="application/ld+json"
-		slot="head-jsonld"
-		set:html={JSON.stringify(schema)}
-	/>
-
-	<h1>Inicio</h1>
-	<p>
-		Te doy la bienvenida a mi web. Me llamo Ariel, y aquí encontrarás
-		información sobre mí y mis proyectos.
-	</p>
-
-	<h2>¿Quién soy?</h2>
-	<p>
-		Soy un desarrollador web que le gusta aprender cosas nuevas y compartir
-		su conocimiento. Me gusta la programación, el diseño web y la
-		creatividad. Me encanta crear cosas nuevas y aprender de los demás.
-	</p>
-	<a href="/trajectory">Más información sobre mí</a>
-
-	<h2>¿Qué hago?</h2>
-	<p>
-		Actualmente trabajo como desarrollador de software y admistrador
-		Cloud en una empresa de tecnología. Me encargo de desarrollar
-		aplicaciones web en PHP y desplegarlas en la nube de forma segura y eficiente.
-	</p>
-	<a href="/portfolio">Mi portfolio</a>
-
-	<h2>Últimas entradas del blog</h2>
-	<ul>
-		{
-			blogCollection.slice(0, 5).map((p) => {
-				const date = Intl.DateTimeFormat("es-ES", {
-					day: "2-digit",
-					month: "short",
-					year: "numeric",
-				}).format(p.data.publishedAt);
-				return (
-					<li>
-						<time datetime={p.data.publishedAt.toISOString()}>
-							{date}
-						</time>
-						<a href={`/blog/${p.id}`}>{p.data.title}</a>
-					</li>
-				);
-			})
-		}
-	</ul>
-	<a href="/blog">Ver todas las entradas</a>
-
-</Layout>
+<HomePageLayout />
\ No newline at end of file