fix: apply recent accessibility and layout changes

components/sections/AboutStory.tsx

@@ -22,7 +22,7 @@ export function AboutStory() {
           <div className="absolute -bottom-8 -right-8 bg-white p-6 rounded-2xl shadow-xl hidden md:block">
             <div className="flex items-center gap-4">
               <div className="flex-shrink-0 w-16 h-16 bg-accent/10 rounded-full flex items-center justify-center">
-                <span className="text-2xl font-black text-accent font-heading">
+                <span className="text-2xl font-extrabold text-accent font-heading">
                   {companyDetails.stats.find(s => s.label.includes("doświadczenia"))?.value || "15+"}
                 </span>
               </div>

components/sections/BlogPreview.tsx

@@ -92,12 +92,12 @@ export function BlogPreview() {
 
         {/* Blog Catalog Button */}
         <div className="flex justify-center mt-12">
-          <Link href="/blog">
-            <button className="btn btn-outline btn-primary bg-white font-bold flex items-center gap-2 group">
+          <Link href="/blog" className="btn btn-outline btn-primary bg-white font-bold flex items-center gap-2 group">
+
               <span>Przejdź do bloga</span>
               <ArrowRight className="size-4 group-hover:translate-x-1 transition-transform" />
-            </button>
-          </Link>
+            
+</Link>
         </div>
       </div>
     </section>

components/sections/CtaBanner.tsx

@@ -60,12 +60,12 @@ export function CtaBanner({
 
           {/* Action buttons */}
           <div className="flex flex-col sm:flex-row items-center gap-4 mt-8 w-full sm:w-auto shrink-0">
-            <Link href={ctaLink} className="w-full sm:w-auto">
-              <button className="btn btn-primary w-full sm:w-auto font-bold text-white">
+            <Link href={ctaLink} className="w-full sm:w-auto btn btn-primary font-bold text-white">
+
                 <span>{ctaText}</span>
                 <ArrowRight className="size-5" />
-              </button>
-            </Link>
+              
+</Link>
 
             <a
               href={`tel:${companyDetails.phoneRaw}`}

components/sections/FeaturedProducts.tsx

@@ -26,12 +26,12 @@ export function FeaturedProducts() {
 
         {/* Catalog Link */}
         <div className="flex justify-center mt-12">
-          <Link href="/sklep">
-            <button className="btn btn-outline btn-primary bg-white font-bold flex items-center gap-2 group">
+          <Link href="/sklep" className="btn btn-outline btn-primary bg-white font-bold flex items-center gap-2 group">
+
               <span>Zobacz cały sklep</span>
               <ArrowRight className="size-4 group-hover:translate-x-1 transition-transform" />
-            </button>
-          </Link>
+            
+</Link>
         </div>
       </div>
     </section>

components/sections/HeroSection.tsx

@@ -80,12 +80,12 @@ export function HeroSection({
           {/* CTA Buttons */}
           <div className="mt-10 flex flex-col sm:flex-row items-center gap-4 w-full sm:w-auto">
             {ctaText && ctaLink && (
-              <Link href={ctaLink} className="w-full sm:w-auto group">
-                <button className="btn btn-primary text-white font-bold w-full sm:w-auto">
+              <Link href={ctaLink} className="w-full sm:w-auto group btn btn-primary text-white font-bold">
+
                   <span>{ctaText}</span>
                   <ArrowRight className="size-5 group-hover:translate-x-1 transition-transform" />
-                </button>
-              </Link>
+                
+</Link>
             )}
 
           </div>

components/sections/HomeServices.tsx

@@ -132,11 +132,11 @@ export function HomeServices() {
                  <p className="text-sm text-text-muted leading-relaxed">Nasi certyfikowani technicy są dostępni od poniedziałku do soboty. Zarezerwuj termin już dziś, aby uniknąć kolejek w sezonie.</p>
                </div>
                <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-4 shrink-0 w-full lg:w-auto">
-                 <Link href="/kontakt" className="w-full sm:w-auto">
-                   <button className="w-full sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-accent text-white font-bold text-sm hover:bg-accent/90 transition-colors rounded-xl">
+                 <Link href="/kontakt" className="w-full sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-accent text-white font-bold text-sm hover:bg-accent/90 transition-colors rounded-xl">
+
                      Umów serwis <Calendar className="size-4" />
-                   </button>
-                 </Link>
+                   
+</Link>
                  <a href={`tel:${companyDetails.phoneRaw}`} className="w-full sm:w-auto">
                    <button className="w-full sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-white text-primary border border-border font-bold text-sm hover:bg-slate-50 transition-colors rounded-xl">
                      <Phone className="size-4" /> Zadzwoń do nas

components/sections/PillarsSection.tsx

@@ -24,12 +24,12 @@ export function PillarsSection() {
             </div>
 
             <div>
-              <Link href="/klimatyzacja">
-                <button className="btn btn-primary text-white flex items-center gap-2">
+              <Link href="/klimatyzacja" className="btn btn-primary text-white flex items-center gap-2">
+
                   <span>Przejdź do oferty HVAC</span>
                   <ChevronRight className="size-5 group-hover:translate-x-1 transition-transform" />
-                </button>
-              </Link>
+                
+</Link>
             </div>
           </div>
 
@@ -51,12 +51,12 @@ export function PillarsSection() {
             </div>
 
             <div className="mt-12 text-center">
-              <Link href="/uslugi-domowe">
-                <button className="btn btn-outline btn-primary bg-white font-bold flex items-center gap-2 mx-auto group">
+              <Link href="/uslugi-domowe" className="btn btn-outline btn-primary bg-white font-bold flex items-center gap-2 mx-auto group">
+
                   <span>Pełna oferta usług</span>
                   <ArrowRight className="size-4 group-hover:translate-x-1 transition-transform" />
-                </button>
-              </Link>
+                
+</Link>
             </div>
           </div>
         </div>

components/sections/Testimonials.tsx

@@ -43,11 +43,11 @@ export function Testimonials() {
             <p className="text-text-muted mt-1">Opinie klientów</p>
           </div>
           <div className="flex gap-2">
-            <button onClick={scrollPrev}
+            <button onClick={scrollPrev} aria-label="Poprzednia opinia"
               className="size-10 rounded-xl border border-border bg-white flex items-center justify-center text-primary hover:border-accent hover:text-accent transition-colors">
               <ChevronLeft className="size-5" />
             </button>
-            <button onClick={scrollNext}
+            <button onClick={scrollNext} aria-label="Następna opinia"
               className="size-10 rounded-xl border border-border bg-white flex items-center justify-center text-primary hover:border-accent hover:text-accent transition-colors">
               <ChevronRight className="size-5" />
             </button>