Zastosowanie wszystkich poprawek UI i logiki kalkulatora

components/ui/AnalyticsWrapper.tsx

@@ -0,0 +1,44 @@
+'use client';
+
+import Script from 'next/script';
+import { useConsentStore } from '@/lib/consent-store';
+
+const GA_ID = 'G-VW3GD6SS7K';
+const CLARITY_ID = 'xdo6q3i06e';
+
+export function AnalyticsWrapper() {
+  const { analyticsConsent } = useConsentStore();
+
+  if (!analyticsConsent) return null;
+
+  return (
+    <>
+      {/* GA4 */}
+      <Script
+        src={`https://www.googletagmanager.com/gtag/js?id=${GA_ID}`}
+        strategy="afterInteractive"
+      />
+      <Script id="ga4-init" strategy="afterInteractive">
+        {`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '${GA_ID}', {
+            page_path: window.location.pathname,
+          });
+        `}
+      </Script>
+
+      {/* Microsoft Clarity */}
+      <Script id="clarity-init" strategy="afterInteractive">
+        {`
+          (function(c,l,a,r,i,t,y){
+            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+          })(window, document, "clarity", "script", "${CLARITY_ID}");
+        `}
+      </Script>
+    </>
+  );
+}

components/ui/Button.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { cn } from '@/lib/utils';
+
+export type ButtonVariant = 'primary' | 'outline' | 'error' | 'outline-light';
+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',
+    'outline-light': 'btn bg-white text-primary border border-border hover:bg-slate-50 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';

components/ui/CookieSettingsFloatingIcon.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { Cookie } from 'lucide-react';
+import { useConsentStore } from '@/lib/consent-store';
+
+export function CookieSettingsFloatingIcon() {
+  const { isInitialized, isOpen, openBanner } = useConsentStore();
+
+  // Only show if initialized (user has made a decision or default exists) and the banner is closed
+  if (!isInitialized || isOpen) return null;
+
+  return (
+    <button
+      onClick={openBanner}
+      className="fixed bottom-24 sm:bottom-6 left-4 sm:left-6 z-[90] flex size-12 items-center justify-center rounded-full bg-white text-primary shadow-xl border border-border hover:bg-slate-50 transition-all duration-300 group focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2"
+      aria-label="Ustawienia ciasteczek"
+      title="Zarządzaj plikami cookies"
+    >
+      <Cookie className="size-5 text-slate-500 group-hover:text-accent transition-colors" />
+    </button>
+  );
+}

components/ui/CookieSettingsTrigger.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { useConsentStore } from "@/lib/consent-store";
+
+export function CookieSettingsTrigger() {
+  const openBanner = useConsentStore((state) => state.openBanner);
+
+  return (
+    <button
+      onClick={openBanner}
+      className="text-slate-400 hover:text-accent transition-colors text-xs text-center sm:text-left underline underline-offset-2"
+    >
+      Zarządzaj plikami cookies
+    </button>
+  );
+}

components/ui/JsonLd.tsx

@@ -0,0 +1,8 @@
+export function JsonLd({ data }: { data: Record<string, unknown> }) {
+  return (
+    <script
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{ __html: JSON.stringify(data).replace(/</g, "\\u003c") }}
+    />
+  );
+}