More minor style fixes

src/components/Section.astro

@@ -21,9 +21,6 @@ const {
 ---
 
 <section class:list={["py-20 lg:py-28", background, className]} {...props}>
-    {
-        /* Header for Full Width Layouts: We render the header in its own container before the full-width slot */
-    }
     {
         fullWidth && title && (
             <div class="max-w-7xl mx-auto px-6 mb-16 text-center">
@@ -45,7 +42,6 @@ const {
             <slot />
         ) : (
             <div class:list={["max-w-7xl mx-auto px-6", containerClass]}>
-                {/* Header for Contained Layouts: The header is part of the main container */}
                 {title && (
                     <div class="text-center mb-16">
                         <h2 class="text-3xl lg:text-4xl font-bold text-base-content mb-4">

src/components/sections/HeroSection.astro

@@ -16,7 +16,7 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
     class="relative overflow-hidden"
 >
     <div
-        class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff20_1px,transparent_1px),linear-gradient(to_bottom,#ffffff20_1px,transparent_1px)] bg-size-[2rem_2rem] mask-[radial-gradient(ellipse_at_center,black_10%,transparent_80%)]"
+        class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff20_1px,transparent_1px),linear-gradient(to_bottom,#ffffff20_1px,transparent_1px)] bg-size-[2rem_2rem] mask-[radial-gradient(ellipse_at_center,black_20%,transparent_70%)]"
     >
     </div>
 
@@ -42,7 +42,7 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
             </h1>
 
             <p
-                class="text-lg sm:text-xl text-white/70 max-w-2xl mx-auto mb-10 leading-relaxed"
+                class="text-lg sm:text-xl text-white max-w-2xl mx-auto mb-10 leading-relaxed"
             >
                 {siteConfig.hero.description}.
             </p>