Fix heading structure (H1-H6) and button layouts, add noindex to cart and order pages

app/klimatyzacja-do-domu/page.tsx

@@ -3,6 +3,8 @@ import Link from 'next/link';
 import Image from 'next/image';
 import { Check, Phone, Wrench, ArrowRight, Home, Thermometer, Wind, Zap } from 'lucide-react';
 import { companyDetails } from '@/content/company';
+import { buttonClasses, Button } from '@/components/ui/Button';
+
 
 export const metadata: Metadata = {
   title: 'Klimatyzacja do domu Wrocław — montaż split i multisplit',
@@ -113,11 +115,11 @@ export default function KlimatyzacjaDoDomuPage() {
 
             <div className="flex flex-col sm:flex-row gap-4">
               <a href={`tel:${companyDetails.phoneRaw}`}>
-                <button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
+                <Button variant="primary" size="md">
                   <Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
-                </button>
+                </Button>
               </a>
-              <Link href="/kalkulator" className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
+              <Link href="/kalkulator" className={buttonClasses({ variant: 'outline', size: 'md' })}>
 
                   Dobierz urządzenie <ArrowRight className="size-5" />
                 
@@ -242,11 +244,11 @@ export default function KlimatyzacjaDoDomuPage() {
             </p>
             <div className="flex flex-col sm:flex-row gap-4 justify-center">
               <a href={`tel:${companyDetails.phoneRaw}`}>
-                <button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
+                <Button variant="primary" size="lg">
                   <Phone className="size-5" /> {companyDetails.phone}
-                </button>
+                </Button>
               </a>
-              <Link href="/kalkulator" className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
+              <Link href="/kalkulator" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
 
                   Kalkulator doboru <ArrowRight className="size-5" />