Zastosowanie wszystkich poprawek UI i logiki kalkulatora

2026-08-10 23:26:52 +02:00
commit 7324a6f800
218 changed files with 33628 additions and 0 deletions
@@ -0,0 +1,47 @@
+import { SectionHeading } from "../common/SectionHeading";
+import { IconCard } from "../common/IconCard";
+import { services as defaultServices } from "@/content/services";
+
+interface ServicesGridProps {
+  services?: {
+    title: string;
+    description: string;
+    icon: string;
+    href?: string;
+  }[];
+  title?: string;
+  subtitle?: string;
+  eyebrow?: string;
+}
+
+export function ServicesGrid({
+  services = defaultServices,
+  title = "Kompleksowe usługi dla Twojego domu",
+  subtitle = "Zapewniamy profesjonalne wsparcie w zakresie instalacji sanitarnych, grzewczych, chłodniczych oraz prac wykończeniowych.",
+  eyebrow = "Pełna Oferta"
+}: ServicesGridProps) {
+  return (
+    <section className="py-16 md:py-24 bg-slate-50 border-t border-b border-border">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <SectionHeading
+          eyebrow={eyebrow}
+          title={title}
+          subtitle={subtitle}
+          align="center"
+        />
+
+        <div className={`grid grid-cols-1 sm:grid-cols-2 gap-6 md:gap-8 mt-10 ${services.length === 2 ? 'max-w-4xl mx-auto' : 'lg:grid-cols-3'}`}>
+          {services.map((service, idx) => (
+            <IconCard
+              key={idx}
+              title={service.title}
+              description={service.description}
+              iconName={service.icon}
+              href={service.href}
+            />
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}