Fix detail with margin

src/components/astro/hero/HeroWithImage.astro

@@ -5,7 +5,7 @@ const {} = Astro.props;
 
 <section>
   <div class="max-w-6xl mx-auto px-4 sm:px-6">
-    <div class="pt-32 pb-12 md:pt-40 md:pb-20">
+    <div class="py-12 md:py-20">
       <div class="text-center pb-12 md:pb-16">
         <h1
           class="text-5xl md:text-6xl font-bold leading-tighter tracking-tighter mb-4"

src/pages/index.astro

@@ -11,7 +11,7 @@ import HeroWithImage from "~/components/astro/hero/HeroWithImage.astro";
   title="AstroWind — Your website with Astro + Tailwind CSS"
   description="Performance and accessible template to make your website using Astro + Tailwind CSS."
 >
-  <main>
+  <main class="mt-20">
     <HeroWithImage />
     <BasicFeatures />
     <StepsFeatures />