feat: complete website implementation

2026-06-21 21:53:15 +02:00
parent b147112bdc
commit dfd3888517
110 changed files with 18276 additions and 217 deletions
@@ -0,0 +1,53 @@
+import { Metadata } from 'next';
+import { HeroSection } from '@/components/sections/HeroSection';
+import { FeaturedPost } from '@/components/sections/FeaturedPost';
+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 | AirProject',
+  description: 'Baza wiedzy na temat klimatyzacji, pomp ciepła i remontów. Czytaj nasze poradniki i bądź na bieżąco z nowościami w branży.',
+  alternates: {
+    canonical: '/blog',
+  }
+};
+
+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="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1600&q=80"
+      />
+
+      <section className="py-16 md:py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="mb-16">
+          <h2 className="text-2xl font-bold text-primary font-heading mb-8">Artykuł wyróżniony</h2>
+          <FeaturedPost post={featuredPost} />
+        </div>
+
+        <PostsGrid posts={remainingPosts} />
+      </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>
+  );
+}