1.7 Final version

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;

index.php

@@ -60,8 +60,10 @@
 
   <main>
     <section class="hero" id="home">
+      <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>