feat: styling and buttons

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