Update Hero components for improved layout and responsiveness

- Changed the maximum width of the Hero component in Hero.astro from 'max-w-7xl' to 'max-w-screen-2xl' for better adaptability across larger screens.
- Adjusted the Hero2 component's layout by setting the width to 'w-full' and removing the maximum width constraint, enhancing flexibility and responsiveness.

src/components/widgets/Hero.astro

@@ -33,7 +33,7 @@ const {
       </div>
     )
   }
-  <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
+  <div class="relative max-w-screen-2xl mx-auto px-4 sm:px-6">
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
     <div class="py-12 md:py-20">
       <div class="text-center pb-10 md:pb-16 max-w-5xl mx-auto">

src/components/widgets/Hero2.astro

@@ -26,7 +26,7 @@ const {
       {bg ? <Fragment set:html={bg} /> : <Background isDark={isDark} showIcons={false} disableParallax={true} />}
     </slot>
   </div>
-  <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
+  <div class="relative w-full px-0">
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
     <div class="py-12 md:py-20 lg:py-0 lg:flex lg:items-center lg:h-screen lg:gap-8">
       <div class="basis-1/2 text-center lg:text-left pb-10 md:pb-16 mx-auto">