index.html

@@ -814,6 +814,114 @@
         </div>
       </section>
 
+      <!-- Customer Satisfaction Section -->
+      <section class="relative bg-floral-white py-12 -mt-8">
+        <div class="max-w-7xl mx-auto px-5">
+          <div class="text-center">
+            <!-- Section Title -->
+            <h2
+              class="font-playfair font-bold text-3xl md:text-4xl lg:text-4xl leading-tight text-gray-800 mb-8"
+            >
+              Customer satisfaction
+            </h2>
+
+            <!-- Star Rating -->
+            <div class="flex justify-center items-center gap-2 mb-8">
+              <span
+                class="mask-star text-uc-gold w-8 h-8"
+                aria-hidden="true"
+              ></span>
+              <span
+                class="mask-star text-uc-gold w-8 h-8"
+                aria-hidden="true"
+              ></span>
+              <span
+                class="mask-star text-uc-gold w-8 h-8"
+                aria-hidden="true"
+              ></span>
+              <span
+                class="mask-star text-uc-gold w-8 h-8"
+                aria-hidden="true"
+              ></span>
+              <span
+                class="mask-star text-uc-gold w-8 h-8"
+                aria-hidden="true"
+              ></span>
+            </div>
+
+            <!-- Testimonial -->
+            <div class="max-w-4xl mx-auto">
+              <blockquote
+                class="font-playfair font-medium text-xl md:text-2xl lg:text-3xl leading-relaxed text-black mb-4"
+              >
+                "Exceptional Craftsmanship and detail. <br />
+                Our office feels alive."
+              </blockquote>
+              <cite
+                class="font-playfair font-light text-xl md:text-2xl lg:text-2xl text-black"
+              >
+                Google Ghana, Accra
+              </cite>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- Our Partners Section -->
+      <section class="relative bg-white py-20">
+        <div class="max-w-7xl mx-auto px-5">
+          <div class="text-center">
+            <!-- Section Title -->
+            <h2
+              class="font-playfair font-bold text-3xl md:text-4xl lg:text-4xl leading-tight text-black mb-0"
+            >
+              Our Partners
+            </h2>
+
+            <!-- Partner Logos -->
+            <div
+              class="flex flex-wrap justify-center items-center gap-8 md:gap-12 lg:gap-12"
+            >
+              <!-- Bene -->
+              <div class="w-48 md:w-52 lg:w-56 -mt-2">
+                <img
+                  src="assets/images/bene.png"
+                  alt="Bene"
+                  class="w-full h-auto object-contain"
+                />
+              </div>
+
+              <!-- Cecil Nurse -->
+              <div class="w-56 md:w-60 lg:w-64">
+                <img
+                  src="assets/images/cecil_nurse.png"
+                  alt="Cecil Nurse."
+                  class="w-full h-auto object-contain"
+                />
+              </div>
+
+              <!-- Andreu World -->
+              <div class="w-80 md:w-84 lg:w-88">
+                <img
+                  src="assets/images/andreu_world.png"
+                  alt="Andreu World"
+                  class="w-full h-auto object-contain"
+                />
+              </div>
+
+              <!-- Forma 5 -->
+              <div class="w-56 md:w-60 lg:w-64">
+                <img
+                  src="assets/images/forma_5.png"
+                  alt="Forma 5"
+                  class="w-full h-auto object-contain"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
       <!-- Trusted by Leading Brands Section -->
       <section id="clients" class="relative bg-floral-white py-12">
         <div class="max-w-7xl mx-auto px-5">

styles/main.css

@@ -2122,11 +2122,6 @@ video {
   color: rgb(133 77 14 / var(--tw-text-opacity, 1));
 }
 
-.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
-
 .text-opacity-90 {
   --tw-text-opacity: 0.9;
 }
@@ -2136,10 +2131,6 @@ video {
           text-decoration-line: underline;
 }
 
-.underline-offset-4 {
-  text-underline-offset: 4px;
-}
-
 .opacity-0 {
   opacity: 0;
 }
@@ -2822,10 +2813,6 @@ video {
     align-items: center;
   }
 
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
   .md\:justify-between {
     justify-content: space-between;
   }
@@ -2877,10 +2864,6 @@ video {
     padding-bottom: 0px;
   }
 
-  .md\:text-left {
-    text-align: left;
-  }
-
   .md\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;