Compare commits

..

2 commits

2 changed files with 17 additions and 108 deletions

View file

@ -814,114 +814,6 @@
</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">

View file

@ -2122,6 +2122,11 @@ 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;
}
@ -2131,6 +2136,10 @@ video {
text-decoration-line: underline;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.opacity-0 {
opacity: 0;
}
@ -2813,6 +2822,10 @@ video {
align-items: center;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-between {
justify-content: space-between;
}
@ -2864,6 +2877,10 @@ video {
padding-bottom: 0px;
}
.md\:text-left {
text-align: left;
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;