Remove Testimonials and Browser Support sections from homepage

This commit is contained in:
Younes ENNAJI
2026-01-25 05:11:25 +01:00
parent aeca5b5ee7
commit 0e04125627
-129
View File
@@ -544,133 +544,4 @@ document.getElementById('contact-form').addEventListener('submit', async functio
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="container mx-auto px-4 mb-20">
<div class="text-center mb-12">
<div class="inline-block px-3 py-1 bg-indigo-50 text-indigo-700 rounded-full text-sm font-medium mb-2">Testimonials</div>
<h2 class="text-3xl sm:text-4xl font-bold text-slate-800 mb-3">Loved by Developers</h2>
<p class="text-slate-600 max-w-2xl mx-auto">See what others are saying about PHPFlasher</p>
</div>
<div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Testimonial 1 -->
<div class="bg-white rounded-xl shadow-md p-6 border border-slate-100">
<div class="flex items-center mb-4">
<div class="text-amber-400 flex">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<blockquote class="text-slate-700 mb-6">
"Honestly wasn't expecting much, but wow! Saved me hours of headaches with our notification system. Just dropped it in and it worked first try. No more fighting with JS libraries!"
</blockquote>
<div class="flex items-center">
<img src="https://github.com/salmayno.png" alt="Salma Mourad" class="w-10 h-10 rounded-full mr-3 object-cover">
<div>
<div class="font-medium text-slate-800">Salma Mourad</div>
<div class="text-slate-500 text-sm">@salmayno · Freelancer</div>
</div>
</div>
</div>
<!-- Testimonial 2 -->
<div class="bg-white rounded-xl shadow-md p-6 border border-slate-100">
<div class="flex items-center mb-4">
<div class="text-amber-400 flex">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
</div>
<blockquote class="text-slate-700 mb-6">
"We were using Toastr directly but it was a mess maintaining it. Switched to PHPFlasher last sprint and it just works. The Livewire integration is a huge time saver too. Only nitpick is I wish the docs had more examples."
</blockquote>
<div class="flex items-center">
<img src="https://github.com/yae96.png" alt="Youness AIT EL HADJ" class="w-10 h-10 rounded-full mr-3 object-cover">
<div>
<div class="font-medium text-slate-800">Youness AIT EL HADJ</div>
<div class="text-slate-500 text-sm">@yae96 · Lead Dev</div>
</div>
</div>
</div>
<!-- Testimonial 3 -->
<div class="bg-white rounded-xl shadow-md p-6 border border-slate-100">
<div class="flex items-center mb-4">
<div class="text-amber-400 flex">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<blockquote class="text-slate-700 mb-6">
"Been using PHPFlasher in our Symfony app for 6+ months. Had an issue with modal stacking, reached out on GitHub and got a fix in like 2 days! That kind of support is rare for open source. Huge thanks to @younes!"
</blockquote>
<div class="flex items-center">
<img src="https://github.com/youssefsaoubou.png" alt="Youssef Saoubou" class="w-10 h-10 rounded-full mr-3 object-cover">
<div>
<div class="font-medium text-slate-800">Youssef Saoubou</div>
<div class="text-slate-500 text-sm">@youssefsaoubou · Backend Dev</div>
</div>
</div>
</div>
</div>
</section>
<!-- Browser Support Section -->
<section class="container mx-auto px-4 mb-16">
<div class="text-center mb-8">
<div class="inline-block px-3 py-1 bg-slate-100 text-slate-700 rounded-full text-sm font-medium mb-2">Support</div>
<h2 class="text-xl font-bold text-slate-800">Compatible Everywhere</h2>
</div>
<div class="bg-white rounded-xl shadow-sm border border-slate-100 py-8">
<div class="flex flex-wrap justify-center gap-10 px-4">
<div class="flex flex-col items-center">
<div class="w-12 h-12 rounded-full bg-slate-50 flex items-center justify-center mb-2">
<i class="fa-brands fa-chrome text-green-500 text-2xl"></i>
</div>
<span class="text-sm text-slate-600">Chrome</span>
</div>
<div class="flex flex-col items-center">
<div class="w-12 h-12 rounded-full bg-slate-50 flex items-center justify-center mb-2">
<i class="fa-brands fa-firefox text-orange-500 text-2xl"></i>
</div>
<span class="text-sm text-slate-600">Firefox</span>
</div>
<div class="flex flex-col items-center">
<div class="w-12 h-12 rounded-full bg-slate-50 flex items-center justify-center mb-2">
<i class="fa-brands fa-safari text-blue-500 text-2xl"></i>
</div>
<span class="text-sm text-slate-600">Safari</span>
</div>
<div class="flex flex-col items-center">
<div class="w-12 h-12 rounded-full bg-slate-50 flex items-center justify-center mb-2">
<i class="fa-brands fa-edge text-blue-600 text-2xl"></i>
</div>
<span class="text-sm text-slate-600">Edge</span>
</div>
<div class="flex flex-col items-center">
<div class="w-12 h-12 rounded-full bg-slate-50 flex items-center justify-center mb-2">
<i class="fa-solid fa-mobile-screen text-slate-600 text-2xl"></i>
</div>
<span class="text-sm text-slate-600">Mobile</span>
</div>
<div class="flex flex-col items-center">
<div class="w-12 h-12 rounded-full bg-slate-50 flex items-center justify-center mb-2">
<i class="fa-solid fa-moon text-indigo-500 text-2xl"></i>
</div>
<span class="text-sm text-slate-600">Dark Mode</span>
</div>
</div>
</div>
</section>
</div>