Refactor code structure for improved readability and maintainability

This commit is contained in:
2025-07-26 13:48:36 +09:00
parent 3c93956ae6
commit 72d04e034d
18 changed files with 268 additions and 233 deletions
+11 -9
View File
@@ -4,7 +4,7 @@ import { fluxgore } from "@/utils/fonts";
function Partners() {
return (
<div
className="bg-[#161616] relative py-52"
className="bg-[#161616] relative py-16 sm:py-32 lg:py-52"
style={{
backgroundImage: `url('/images/noise.svg')`,
backgroundSize: "cover",
@@ -12,35 +12,37 @@ function Partners() {
backgroundBlendMode: "overlay",
}}
>
<div className="container mx-auto">
<h1 className={`${fluxgore.className} text-7xl text-white relative`}>
<div className="container mx-auto px-4">
<h1
className={`${fluxgore.className} text-4xl sm:text-5xl md:text-6xl lg:text-7xl text-white relative`}
>
партнеры
</h1>
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-24 mt-16">
<div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-8 sm:gap-12 md:gap-16 lg:gap-24 mt-8 sm:mt-12 lg:mt-16">
<img
src="/logos/dep.svg"
className="w-auto h-24 object-contain"
className="w-auto h-16 sm:h-20 lg:h-24 object-contain"
alt="Dep Logo"
/>
<img
src="/logos/mos.svg"
className="w-auto h-24 object-contain"
className="w-auto h-16 sm:h-20 lg:h-24 object-contain"
alt="Mos Logo"
/>
<img
src="/logos/raf.png"
className="w-auto h-24 object-contain"
className="w-auto h-16 sm:h-20 lg:h-24 object-contain"
alt="Raf Logo"
/>
<img
src="/logos/ctvs.png"
className="w-auto h-24 object-contain"
className="w-auto h-16 sm:h-20 lg:h-24 object-contain"
alt="Ctvs Logo"
/>
<img
src="/logos/smp.png"
className="w-auto h-24 object-contain"
className="w-auto h-16 sm:h-20 lg:h-24 object-contain"
alt="SMP Logo"
/>
</div>