From a7043ef2eaeb2f5a3b25ffeb4e312ab40e1ca0d1 Mon Sep 17 00:00:00 2001
From: Abdelrahman Awad <logaretm1@gmail.com>
Date: Sun, 10 Nov 2024 14:00:42 +0200
Subject: [PATCH] feat: styling and buttons

---
 src/pages/index.astro | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index c2e84bd..727b5d1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -56,21 +56,21 @@ import SocialLinks from '@components/Home/SocialLinks.astro';
       <p
         class="mt-3 max-w-4xl text-balance text-center text-2xl font-medium text-zinc-400"
       >
-        A collection of Vue.js composables for building forms with behaviors,
-        interactions, internationalization, and accessibility built-in, ready
-        for your markup and styles.
+        A suite of Vue.js composables designed to enhance your forms with
+        built-in behaviors, interactions, internationalization, and
+        accessibility, seamlessly integrating with your markup and styles.
       </p>
 
       <div class="mt-16 grid grid-cols-2 gap-4">
         <a
-          class="rounded-full bg-emerald-600 px-5 py-2.5 text-center text-base font-semibold text-white transition-colors duration-500 hover:bg-emerald-700"
+          class="rounded-full bg-emerald-600 px-5 py-3 text-center text-base font-semibold text-white transition-colors duration-500 hover:bg-emerald-700"
           href="/guides/getting-started"
         >
           Get started
         </a>
 
         <a
-          class="rounded-full bg-zinc-700 px-5 py-2.5 text-center text-base font-semibold text-white transition-colors duration-500 hover:bg-zinc-800"
+          class="rounded-full bg-zinc-700 px-5 py-3 text-center text-base font-semibold text-white transition-colors duration-500 hover:bg-zinc-800"
           href="/guides/composables"
         >
           Composables