refactor: remove "Our Partners" section from index.html and add new utility classes in main.css for improved styling

This commit is contained in:
George Birikorang 2025-09-15 03:32:47 -07:00
parent 71e2a8489e
commit 9eb79c1fb6
2 changed files with 17 additions and 55 deletions

View file

@ -867,61 +867,6 @@
</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;