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

components/awaria/AwariaClient.tsx

@@ -152,9 +152,9 @@ export function AwariaClient() {
           <div className="size-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
             <Check className="size-10 text-green-600" />
           </div>
-          <h1 className="text-2xl font-extrabold text-primary font-heading mb-3">
+          <h2 className="text-2xl font-extrabold text-primary font-heading mb-3">
             Zgłoszenie przyjęte!
-          </h1>
+          </h2>
           <p className="text-text-muted mb-2">
             {isUrgent
               ? 'Twoje zgłoszenie oznaczono jako PILNE — skontaktujemy się z Tobą w ciągu 2 godzin.'

components/layout/Header.tsx

@@ -9,6 +9,8 @@ import { MobileMenu } from "./MobileMenu";
 import { useCartStore } from "@/lib/cart-store";
 import { companyDetails } from "@/content/company";
 import { cn } from "@/lib/utils";
+import { buttonClasses } from '@/components/ui/Button';
+
 
 export function Header() {
   const [isScrolled, setIsScrolled] = useState(false);
@@ -240,13 +242,13 @@ export function Header() {
 
           {/* CTA Button */}
           <div className="hidden lg:flex items-center gap-3">
-            <Link href="/zgloszenie-awarii" className="flex items-center gap-1.5 px-4 py-2 bg-red-500 text-white rounded-[var(--radius-field)] font-bold text-sm hover:bg-red-600 transition-colors whitespace-nowrap">
+            <Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'error', size: 'sm' })}>
 
                 <Wrench className="size-4" />
                 Zgłoś awarię
               
 </Link>
-            <Link href="/kontakt" className="btn btn-primary font-bold">
+            <Link href="/kontakt" className={buttonClasses({ variant: 'primary', size: 'sm' })}>
 
                 Darmowa wycena
               

components/sections/ConfiguratorTeaser.tsx

@@ -50,7 +50,7 @@ export const ConfiguratorTeaser = () => {
                         <Icon className="w-5 h-5" />
                       </div>
                       <div className="w-[calc(100%-4rem)] md:w-[calc(50%-3rem)] bg-white/10 border border-white/20 p-4 rounded-xl backdrop-blur-sm group-hover:bg-white/20 transition-colors">
-                        <h4 className="font-semibold text-lg">{step.label}</h4>
+                        <h3 className="font-semibold text-lg">{step.label}</h3>
                         <p className="text-sm text-gray-300">Krok {idx + 1}</p>
                       </div>
                     </div>
@@ -62,7 +62,7 @@ export const ConfiguratorTeaser = () => {
               <div className="mt-8 bg-accent/20 border border-accent/40 rounded-xl p-4 flex items-start">
                 <Lightbulb className="w-6 h-6 text-accent shrink-0 mr-3 mt-0.5" />
                 <div>
-                  <h5 className="font-semibold text-accent-light mb-1">Porada eksperta</h5>
+                  <h4 className="font-semibold text-accent-light mb-1">Porada eksperta</h4>
                   <p className="text-sm text-gray-200">
                     Szybki przelicznik mocy: <strong>10 m² = 1 kW</strong> mocy chłodniczej. Dla pokoju 25 m² szukaj urządzenia o mocy ok. 2.5 kW.
                   </p>

components/sections/FundingSection.tsx

@@ -55,7 +55,7 @@ export const FundingSection = () => {
               <div className="flex justify-between items-start mb-8">
                 <div>
                   <p className="text-sm text-gray-500 font-semibold mb-1">Twój kosztorys z dotacją</p>
-                  <h4 className="text-xl font-bold text-primary">Przykładowa kalkulacja</h4>
+                  <h3 className="text-xl font-bold text-primary">Przykładowa kalkulacja</h3>
                 </div>
                 <div className="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center">
                   <FileText className="w-6 h-6 text-accent" />

components/sections/PricingTable.tsx

@@ -66,10 +66,10 @@ export const PricingTable = () => {
 
         <div className="flex flex-col md:flex-row gap-8 items-start justify-between bg-gray-50 p-6 rounded-xl border border-gray-100">
           <div className="flex-1">
-            <h4 className="font-semibold text-primary mb-3 flex items-center gap-2">
+            <h3 className="font-semibold text-primary mb-3 flex items-center gap-2">
               <Check className="w-5 h-5 text-accent" />
               Co obejmuje montaż podstawowy?
-            </h4>
+            </h3>
             <ul className="grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm text-gray-600">
               <li className="flex items-start gap-2"><div className="w-1.5 h-1.5 rounded-full bg-accent mt-1.5 shrink-0" /> Wykonanie przewiertu przez ścianę</li>
               <li className="flex items-start gap-2"><div className="w-1.5 h-1.5 rounded-full bg-accent mt-1.5 shrink-0" /> Instalacja chłodnicza do 3 mb</li>

components/shop/ProductPageClient.tsx

@@ -361,7 +361,7 @@ export function ProductPageClient({ product, seriesProducts, companyPhone, compa
               <div className="bg-white rounded-2xl border border-border p-4">
                 <div className="flex items-center gap-2 mb-4">
                   <Zap className="size-4 text-accent" />
-                  <h3 className="text-sm font-bold text-primary font-heading">Kalkulator kosztów energii</h3>
+                  <h2 className="text-sm font-bold text-primary font-heading">Kalkulator kosztów energii</h2>
                   <div className="group relative ml-auto">
                     <Info className="size-4 text-text-muted cursor-help" />
                     <div className="absolute right-0 bottom-6 w-56 bg-primary text-white text-xs rounded-lg p-2.5 hidden group-hover:block z-10">

components/ui/Button.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { cn } from '@/lib/utils';
+
+export type ButtonVariant = 'primary' | 'outline' | 'error';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+
+export interface ButtonClassesProps {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+  className?: string;
+}
+
+export function buttonClasses({ variant = 'primary', size = 'md', className }: ButtonClassesProps = {}) {
+  const baseClasses = 'inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors';
+  
+  const variantClasses = {
+    primary: 'btn btn-primary text-white font-bold',
+    outline: 'btn bg-white/10 text-white border border-white/20 hover:bg-white/20 font-bold',
+    error: 'btn btn-error text-white font-bold',
+  };
+  
+  const sizeClasses = {
+    sm: 'btn-sm text-sm',
+    md: '', // default DaisyUI btn size
+    lg: 'btn-lg text-lg',
+  };
+
+  return cn(
+    baseClasses,
+    variantClasses[variant],
+    sizeClasses[size],
+    className
+  );
+}
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonClassesProps {
+  children: React.ReactNode;
+}
+
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, children, ...props }, ref) => {
+    return (
+      <button
+        ref={ref}
+        className={buttonClasses({ variant, size, className })}
+        {...props}
+      >
+        {children}
+      </button>
+    );
+  }
+);
+
+Button.displayName = 'Button';