add basic presentation

src/pages/index.astro

@@ -1,14 +1,50 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import Card from '../components/Card.astro';
+import { Image } from 'astro:assets';
+
+import portrait from '../assets/images/portrait.jpg';
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="aleidk">
+  <section>
+    <div class="hstack gap-5">
+      <Image
+        id="portrait"
+        src={portrait}
+        alt="portrait of Alexander Navarro"
+        loading="eager"
+        width={200}
+      />
+      <h1>Alexander Navarro</h1>
+    </div>
 
-		<h1>Welcome to <span class="text-gradient">My Page :D</span></h1>
-		<p class="instructions">
-			To get started, open the directory <code>src/pages</code> in your project.<br />
-			<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
-		</p>
+    <p class="text-justify">
+      Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
+      labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet.
+      Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum
+      Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
+      Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex
+      occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat
+      officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in
+      Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non
+      excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco
+      ut ea consectetur et est culpa et culpa duis.
+    </p>
+  </section>
 </Layout>
 
+<style>
+  #portrait {
+    border-radius: 50%;
+    border: 5px solid var(--prj-text);
+  }
+
+  h1 {
+    font-size: 3rem;
+  }
+
+  p {
+    margin-top: var(--prj-spacing-3);
+  }
+</style>