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,49 @@
+import { Metadata } from 'next';
+import { HeroSection } from '@/components/sections/HeroSection';
+import { PostsGrid } from '@/components/sections/PostsGrid';
+import { CtaBanner } from '@/components/sections/CtaBanner';
+import { getPosts, getFeaturedPost } from '@/content/posts';
+
+export const metadata: Metadata = {
+  title: 'Blog i Porady',
+  description: 'Baza wiedzy na temat klimatyzacji i pomp ciepła na Dolnym Śląsku. Poradniki, porównania urządzeń i aktualności branżowe.',
+  alternates: {
+    canonical: '/blog',
+  }
+};
+
+export const revalidate = 86400; // Regenerate every 24 hours
+
+export default function BlogPage() {
+  const allPosts = getPosts();
+  const featuredPost = getFeaturedPost();
+  
+  // Usuwamy z głównej siatki artykuł wyróżniony, żeby się nie powielał (chyba że chcemy, ale zazwyczaj się usuwa)
+  const remainingPosts = allPosts.filter(post => post.slug !== featuredPost.slug);
+
+  return (
+    <main>
+      <HeroSection
+        eyebrow="Baza Wiedzy"
+        title="Blog i poradniki"
+        subtitle="Dzielimy się naszą wiedzą i doświadczeniem. Zobacz, jak dbać o domowe instalacje, na co uważać podczas remontu i jak uzyskać dofinansowanie."
+        ctaText="Skontaktuj się z nami"
+        ctaLink="/kontakt"
+        secondaryCtaText="Nasze usługi"
+        secondaryCtaLink="/uslugi-domowe"
+        backgroundImage="/images/hero/hero-section-image.webp"
+      />
+
+      <section className="py-16 md:py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <PostsGrid posts={remainingPosts} featuredPost={featuredPost} />
+      </section>
+
+      <CtaBanner 
+        title="Potrzebujesz indywidualnej porady?"
+        subtitle="Zadaj nam pytanie, a z przyjemnością udzielimy darmowej konsultacji i doradzimy najlepsze rozwiązanie."
+        ctaText="Zadaj pytanie"
+        ctaLink="/kontakt"
+      />
+    </main>
+  );
+}