michal.cukrowski/thermcool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: rozwiązanie konfliktów, aktualizacja zależności i usunięcie wpisu na blogu

Browse Source
This commit is contained in:
MichalC
2026-07-19 14:01:52 +02:00
parent 2060990ab9
commit d545e7fdcc
19 changed files with 48 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sections/BrandsGrid.tsx
+13 -8
View File
@@ -1,5 +1,6 @@
import React from 'react';
import Image from 'next/image';
import Link from 'next/link';
const brands = [
{ name: 'Daikin', logo: '/brands/daikin.webp' },
@@ -16,18 +17,22 @@ const brands = [
export const BrandsGrid = () => {
return (
<section className="py-16 bg-white border-t border-gray-100">
<div className="container mx-auto px-4 md:px-8 max-w-7xl text-center">
<h3 className="text-xl font-semibold text-gray-500 mb-8 uppercase tracking-wider text-sm">
<section className="py-16 bg-white border-t border-border">
<div className="container mx-auto px-4 md:px-8 max-w-5xl text-center">
<h3 className="text-xl font-semibold text-text-muted mb-8 uppercase tracking-wider text-sm">
Autoryzowany partner czołowych producentów
</h3>
<div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-8 gap-6 items-center opacity-60 grayscale hover:grayscale-0 transition-all duration-500">
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-4 lg:gap-6 items-center">
{brands.map((brand, idx) => (
<div key={idx} className="flex justify-center items-center h-16 bg-gray-50 rounded-lg p-3 hover:bg-gray-100 transition-colors">
{/* Fallback to text for placeholder since we don't have images */}
<span className="font-bold text-gray-600 text-lg tracking-tight">{brand.name}</span>
</div>
<Link
key={idx}
href={`/sklep?brand=${encodeURIComponent(brand.name)}`}
className="group flex justify-center items-center h-16 bg-slate-50 rounded-xl p-3 border border-border hover:border-accent hover:bg-accent/5 hover:shadow-sm transition-all duration-300"
>
{/* Tutaj docelowo można dać tag Image */}
<span className="font-bold text-primary text-sm md:text-base tracking-tight opacity-70 group-hover:opacity-100 group-hover:text-accent transition-all">{brand.name}</span>
</Link>
))}
</div>
</div>