improving main view and side bar

src/components/Footer.astro

@@ -7,7 +7,7 @@ const today = new Date();
     © {today.getFullYear()} Manuel Ernesto
   </div>
   <div class="inline opacity-50">
-    Developed by <a href="">Manuel Ernesto ⚡️</a>
+    Developed by <a href="" class="font-bold">Manuel Ernesto ⚡️</a>
   </div>
 </footer>
 <style>

src/components/SideBar.astro

@@ -2,11 +2,13 @@
   <label for="my-drawer" class="drawer-overlay bg-base-200"></label>
   <div class="menu p-4 overflow-y-auto w-80 bg-base-200 text-base-content">
     <div class="w-fit">
-      <div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6">
+      <a href="/">
-        <div class="rounded-full">
+        <div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6">
-          <img src="/profile.jpg" />
+          <div class="rounded-full">
+            <img src="/profile.jpg" />
+          </div>
         </div>
-      </div>
+      </a>
     </div>
     <ul>
       <!-- Sidebar content here -->

src/layouts/Page.astro

@@ -19,9 +19,11 @@ const { image, title = SITE_TITLE, description = SITE_DESCRIPTION } = Astro.prop
       <input id="my-drawer" type="checkbox" class="drawer-toggle" />
       <div class="drawer-content flex flex-col bg-base-100">
         <Header title={SITE_TITLE} />
-        <main class="p-6 pt-10 px-8 md:px-20">
+        <div class="flex justify-center">
-          <slot />
+          <main class="p-6 pt-10 max-w-[900px]">
-        </main>
+            <slot />
+          </main>
+        </div>
         <Footer />
       </div>
       <SideBar />

src/pages/index.astro

@@ -7,49 +7,51 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
 
 <PageLayout>
   <div class="pb-10">
-    <div class="pb-4">
+    <div class="pb-12 mt-5">
-      <text class="text-2xl"> Hey there 👋</text>
+      <div class="text-xl py-1">Hey there 👋</div>
+      <div class="text-5xl font-bold">I'm Manuel Ernesto</div>
+      <div class="text-3xl py-3 font-bold">Software Engineer and Entrepreneur</div>
+      <div class="py-2">
+        <text class="text-lg">
+          I work creating software solutions that solve problems in a simple way and sharing what I learn along the way. I
+          like minimalism, Open-Source and good music. You can find me mostly on Twitter.</text
+        >
+      </div>
+      <div class=" mt-8">
+        <a class="btn" href="https://twitter.com/manuelernestog" target="_blank"> Let's connect!</a>
+        <a href="mailto:contact.manuelernestog@gmail.com" class="btn btn-outline ml-5"> Contact</a>
+      </div>
     </div>
+
     <div>
-      <text class="text-5xl font-bold"> I'm Manuel Ernesto</text>
+      <div class="text-3xl w-full font-bold mb-2">My last projects {"</>"}</div>
     </div>
-    <div class="py-2">
+
-      <text>
+    <HorizontalCard
-        I am a Cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a
+      title="WeekTodo"
-        simple way and sharing what I learn along the way. I like minimalism, Open-Source and good music. You can find me
+      img="https://weektodo.me/assets/images/weektodo-opengraph-1200x630.png"
-        mostly on Twitter, let's connect!</text
+      desc="Free minimalist weektly planner focused in privacy."
-      >
+      url="https://weektodo.me/"
+      badge="NEW"
+    />
+    <div class="divider my-0"></div>
+    <HorizontalCard
+      title="Productiveness"
+      img="https://softr-prod.imgix.net/applications/f988aa05-d312-4aa6-812e-832bdc75388d/assets/d2c87a17-4fc7-455f-a656-5e4cdbe7aa71.png"
+      desc="Discover the best productivity apps in the market."
+      url="https://www.productiveness.net/"
+    />
+    <div class="divider my-0"></div>
+    <HorizontalCard
+      title="Zen Twitter"
+      img="https://lh3.googleusercontent.com/NGt846Flv6wyBSlYzfJkFHAJ8mcG1pf4M-InYeZnp4VsIk6JKk8nZ2ZKskDlvHDAEYr_biSO8jtXIWI83OXD5RNXWg=w640-h400-e365-rj-sc0x00ffffff"
+      desc="Disable Twitter vanity metrics, notifications and distractions."
+      url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
+      badge="FOSS"
+    />
+
+    <div>
+      <div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
     </div>
   </div>
-
-  <div>
-    <div class="text-3xl w-full font-bold mb-5">My last projects {"</>"}</div>
-  </div>
-
-  <HorizontalCard
-    title="WeekTodo"
-    img="https://weektodo.me/assets/images/weektodo-opengraph-1200x630.png"
-    desc="Free minimalist weektly planner focused in privacy."
-    url="https://weektodo.me/"
-    badge="NEW"
-  />
-  <div class="divider my-0"></div>
-  <HorizontalCard
-    title="Productiveness"
-    img="https://softr-prod.imgix.net/applications/f988aa05-d312-4aa6-812e-832bdc75388d/assets/d2c87a17-4fc7-455f-a656-5e4cdbe7aa71.png"
-    desc="Discover the best productivity apps in the market."
-    url="https://www.productiveness.net/"
-  />
-  <div class="divider my-0"></div>
-  <HorizontalCard
-    title="Zen Twitter"
-    img="https://lh3.googleusercontent.com/NGt846Flv6wyBSlYzfJkFHAJ8mcG1pf4M-InYeZnp4VsIk6JKk8nZ2ZKskDlvHDAEYr_biSO8jtXIWI83OXD5RNXWg=w640-h400-e365-rj-sc0x00ffffff"
-    desc="Disable Twitter vanity metrics, notifications and distractions."
-    url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
-    badge="FOSS"
-  />
-
-  <div>
-    <div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
-  </div>
 </PageLayout>