diff --git a/assets/css/style.css b/assets/css/style.css
index 85927fa..e472f5f 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -29,7 +29,7 @@ body {
 
 /* Header */
 .main-header {
-    background: #FFFFFF;
+    background: #047857;
     box-shadow: 0 2px 4px rgba(0,0,0,0.05);
     padding: 1rem 0;
 }
@@ -89,6 +89,13 @@ body {
     text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
 }
 
+.hero-text-box {
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 2rem;
+    border-radius: 10px;
+    margin-bottom: 2rem;
+}
+
 .cta-button {
     background-color: var(--primary-color);
     color: white;
@@ -142,7 +149,7 @@ body {
 }
 
 .product-card {
-    background: #FFFFFF;
+    background: #D1FAE5;
     border-radius: 10px;
     box-shadow: 0 4px 20px rgba(0,0,0,0.07);
     overflow: hidden;
diff --git a/index.php b/index.php
index 3c069fa..d4a75fb 100644
--- a/index.php
+++ b/index.php
@@ -60,8 +60,10 @@
 
   <main>
     <section class="hero" id="home">
-      <h1>Taste of Autumn</h1>
-      <p>Fresh from the farm, our pumpkins and persimmons are the perfect touch for your seasonal celebrations.</p>
+      <div class="hero-text-box">
+        <h1>Taste of Autumn</h1>
+        <p>Fresh from the farm, our pumpkins and persimmons are the perfect touch for your seasonal celebrations.</p>
+      </div>
       <a href="#products" class="cta-button">Shop Now</a>
     </section>