fix: remove background opacity from sections for improved visibility

Author: IrvanFza

src/pages/index.astro

@@ -140,7 +140,7 @@ const structuredData = {
     </section>
 
     <!-- How It Works -->
-    <section class="py-16 bg-base-200/30">
+    <section class="py-16 bg-base-200">
       <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
         <h2 class="text-2xl font-bold text-center mb-10">How It Works</h2>
         <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@@ -184,7 +184,7 @@ const structuredData = {
 
     <!-- Free-Tier Maximizer -->
     {freeStacks.length > 0 && (
-      <section class="py-16 bg-base-200/30">
+      <section class="py-16 bg-base-200">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div class="text-center mb-10">
             <h2 class="text-2xl font-bold mb-2">💸 Free-Tier Maximizer</h2>
@@ -254,7 +254,7 @@ const structuredData = {
     )}
 
     <!-- All Plans Directory -->
-    <section id="plans" class="py-16 bg-base-200/30">
+    <section id="plans" class="py-16 bg-base-200">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-8">
           <div>