[V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import "./globals.css" import type { Metadata } from "next" import { Inter } from "next/font/google" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Fundusze europejskie na odnawialne źródła energii", description: "Strona poświęcona odnawialnym źródłom energii, ze szczególnym uwzględnieniem energii słonecznej i wiatrowej.", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 142.1 76.2% 36.3%; --primary-foreground: 355.7 100% 97.3%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 142.1 70.6% 45.3%; --primary-foreground: 144.9 80.4% 10%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 215 27.9% 16.9%; --muted-foreground: 217.9 10.6% 64.9%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 212.7 26.8% 83.9%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } html, body { background-color: rgb(240, 253, 244); /* odpowiednik bg-green-50 */ } } [V0_FILE]typescriptreact:file="components/ui/eu-logo.tsx" isEdit="true" isMerged="true" export function EULogo({ className = "", size = "24" }: { className?: string; size?: string }) { return ( ) } [V0_FILE]typescriptreact:file="app/energia-z-wiatru/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { ArrowLeft, Check, Clock, Brain, Settings, Factory, ThermometerSnowflake, Volume2, Cloud, Power, } from "lucide-react" import { EULogo } from "@/components/ui/eu-logo" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export default function TurbinaNeuronowa() { return (

Fundusze europejskie na odnawialne źródła energii

PRZEWAGA I ZALETY TURBINY NEURONOWEJ

Idealne niezależne źródło prądu, również jako uzupełnienie fotowoltaiki

Wydajność 24/7

Aktywna prądotwórczo 24h/dobę
Autostart już przy 1,5 m/s
Pracuje w "BRUDNYM" wietrze!

Inteligentna Technologia

Hiper inteligentne oprogramowanie - oblicza efektywność programu pracy do warunków danej lokalizacji
II miejsce w prestiżowym konkursie Efektywności Rozwiązań Wiatrowych NCBiR

Polski Produkt

100% POLSKI produkt – polski patent, polska gwarancja serwis
Polskie i najlepsze materiały – zapewniające trwałość na długie lata

Instalacja i Montaż

Szeroka gama montażu oraz szeroka gama odbiorców
Montaż bez pozwolenia budowlanego
Małe gabaryty – Mała waga – Budowa Modułowa

Warunki Pracy

Zakres pracy od -40°C do 70°C – niezależnie od warunków
Turbina o pionowej osi obrotu, ze specjalnie zaprojektowanymi łopatami z 3 stopniowym generatorem

Komfort Użytkowania

Cicha praca turbiny
Nie wywarza infradźwięków, jest całkowicie bezpieczna

Sztuczna Inteligencja

Inwerter hybrydowy z wbudowaną siecią neuronową
Samodoskonalące Oprogramowanie Zarządzające AI

Zaawansowana Technologia

Model sieci neuronowej uczony na stanowisku testowym oraz optymalizowany w czasie rzeczywistym
Zabezpieczone know-how poprzez pliki wykonawcze w mikroprocesorze inwertera

System i Monitoring

System pracy ON GRID I OFF GRID
Optymalizacja w chmurze z auto-udoskonalaniem i pełnym monitoringiem

TN3 TWOJA ENERGIA PRZYSZŁOŚCI – NIE ODKŁADAJ JEJ NA PÓŹNIEJ

CZAS NA WIATR – CZAS NA ZYSK!

Montaż turbiny neuronowej

Zapoznaj się z działaniem naszej innowacyjnej turbiny wiatrowej

) } [V0_FILE]typescriptreact:file="app/polityka-prywatnosci/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { ArrowLeft } from "lucide-react" import { EULogo } from "@/components/ui/eu-logo" import { Button } from "@/components/ui/button" export default function PolitykaPrywatnosci() { return (

Fundusze europejskie na odnawialne źródła energii

Polityka Prywatności

Niniejsza Polityka Prywatności określa zasady przetwarzania i ochrony danych osobowych przekazanych przez Użytkowników w związku z korzystaniem przez nich z usług oferowanych przez serwis internetowy Fundusze europejskie na odnawialne źródła energii (dalej: Serwis).

1. Informacje ogólne

Administratorem danych osobowych zbieranych za pośrednictwem Serwisu jest firma Optima Pro reprezentowana przez Grzegorz Piwowarczyk z siedzibą w Polsce pod adresem 42-470 Siewierz Sosnowa 14/4, adres e-mail: info@dotacjenaoze.com.pl, (dalej: Administrator).
Dane osobowe zbierane przez Administratora za pośrednictwem Serwisu są przetwarzane zgodnie z Rozporządzeniem Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy 95/46/WE (ogólne rozporządzenie o ochronie danych), zwane również RODO.
Administrator dokłada szczególnej staranności w celu ochrony interesów osób, których dane dotyczą, a w szczególności zapewnia, że zbierane przez niego dane są przetwarzane zgodnie z prawem, zbierane dla oznaczonych, zgodnych z prawem celów i niepoddawane dalszemu przetwarzaniu niezgodnemu z tymi celami.

2. Rodzaj przetwarzanych danych

Administrator przetwarza następujące dane osobowe, których podanie jest niezbędne do:
- Skontaktowania się z Administratorem: imię i nazwisko, adres e-mail, numer telefonu;
- Złożenia wniosku o dofinansowanie: imię i nazwisko, adres zamieszkania, numer PESEL, numer telefonu, adres e-mail, informacje o nieruchomości;
Administrator może również przetwarzać dane eksploatacyjne (tzw. logi systemowe), które zawierają informacje o aktywności Użytkownika w Serwisie, w tym adres IP.

3. Cele i podstawy prawne przetwarzania danych

Dane osobowe Użytkowników Serwisu będą przetwarzane na podstawie:
- art. 6 ust. 1 lit. a) RODO – zgody Użytkownika;
- art. 6 ust. 1 lit. b) RODO – niezbędności do wykonania umowy, której stroną jest Użytkownik;
- art. 6 ust. 1 lit. c) RODO – niezbędności do wypełnienia obowiązku prawnego ciążącego na Administratorze;
- art. 6 ust. 1 lit. f) RODO – prawnie uzasadnionego interesu Administratora.
Dane osobowe będą przetwarzane w celu:
- Udzielania odpowiedzi na zapytania Użytkowników;
- Realizacji procesu składania i rozpatrywania wniosków o dofinansowanie;
- Realizacji obowiązków prawnych ciążących na Administratorze;
- Marketingu bezpośredniego produktów i usług Administratora;
- Analitycznym i statystycznym;
- Dochodzenia roszczeń i obrony przed roszczeniami.

4. Okres przechowywania danych

Dane osobowe będą przechowywane przez okres niezbędny do realizacji celów, dla których zostały zebrane, a po tym czasie przez okres wymagany przez przepisy prawa lub do czasu przedawnienia roszczeń.
Dane osobowe przetwarzane na podstawie zgody będą przechowywane do momentu jej wycofania.
Dane osobowe przetwarzane w celu realizacji umowy będą przechowywane przez okres jej trwania, a po jej zakończeniu przez okres niezbędny do zabezpieczenia lub dochodzenia ewentualnych roszczeń, wypełnienia obowiązku prawnego Administratora (np. wynikającego z przepisów podatkowych lub rachunkowych).

5. Odbiorcy danych

Odbiorcami danych osobowych Użytkowników Serwisu mogą być:
- Podmioty przetwarzające dane osobowe na zlecenie Administratora, m.in. dostawcy usług IT, agencje marketingowe, firmy księgowe, firmy doradcze;
- Podmioty uprawnione do uzyskania danych na podstawie obowiązującego prawa, np. sądy lub organy ścigania – w przypadku zgłoszenia przez organ żądania na odpowiedniej podstawie prawnej;
- Instytucje udzielające dofinansowania w ramach programów wsparcia OZE.
Administrator nie przekazuje danych osobowych Użytkowników poza Europejski Obszar Gospodarczy.

6. Prawa Użytkowników

Użytkownikowi przysługują następujące prawa związane z przetwarzaniem danych osobowych:
- Prawo dostępu do swoich danych osobowych;
- Prawo do sprostowania swoich danych osobowych;
- Prawo do usunięcia swoich danych osobowych;
- Prawo do ograniczenia przetwarzania swoich danych osobowych;
- Prawo do przenoszenia swoich danych osobowych;
- Prawo do wniesienia sprzeciwu wobec przetwarzania swoich danych osobowych;
- Prawo do cofnięcia zgody na przetwarzanie danych osobowych, jeżeli przetwarzanie odbywa się na podstawie zgody;
- Prawo do wniesienia skargi do organu nadzorczego (Prezesa Urzędu Ochrony Danych Osobowych).
W celu realizacji powyższych praw należy skontaktować się z Administratorem za pośrednictwem adresu e-mail: info@dotacjenaoze.com.pl.

7. Pliki cookies

Serwis korzysta z plików cookies (tzw. ciasteczka), które stanowią dane informatyczne, w szczególności pliki tekstowe, które przechowywane są w urządzeniu końcowym Użytkownika Serwisu.
Pliki cookies wykorzystywane są w celu:
- Dostosowania zawartości stron internetowych Serwisu do preferencji Użytkownika oraz optymalizacji korzystania ze stron internetowych;
- Tworzenia statystyk, które pomagają zrozumieć, w jaki sposób Użytkownicy Serwisu korzystają ze stron internetowych, co umożliwia ulepszanie ich struktury i zawartości;
- Utrzymania sesji Użytkownika Serwisu (po zalogowaniu), dzięki której Użytkownik nie musi na każdej podstronie Serwisu ponownie wpisywać loginu i hasła.
Użytkownik może w każdej chwili dokonać zmiany ustawień swojej przeglądarki, aby zablokować obsługę plików cookies lub każdorazowo uzyskiwać informacje o ich umieszczeniu w swoim urządzeniu. Inne dostępne opcje można sprawdzić w ustawieniach swojej przeglądarki internetowej.
Należy pamiętać, że ograniczenie stosowania plików cookies może wpłynąć na niektóre funkcjonalności dostępne na stronach internetowych Serwisu.

8. Bezpieczeństwo danych

Administrator stosuje odpowiednie środki techniczne i organizacyjne zapewniające bezpieczeństwo danych osobowych, w tym ochronę przed niedozwolonym lub niezgodnym z prawem przetwarzaniem oraz przypadkową utratą, zniszczeniem lub uszkodzeniem.
Administrator regularnie testuje, mierzy i ocenia skuteczność środków technicznych i organizacyjnych mających zapewnić bezpieczeństwo przetwarzania.

9. Zmiany Polityki Prywatności

Administrator zastrzega sobie prawo do zmiany niniejszej Polityki Prywatności w każdym czasie.
Zmiany Polityki Prywatności obowiązują od momentu opublikowania ich na stronie Serwisu.

10. Kontakt

W sprawach związanych z ochroną danych osobowych można kontaktować się z Administratorem pod adresem e-mail: info@dotacjenaoze.com.pl lub telefonicznie: +48 798 688 524.

Data ostatniej aktualizacji: 4 marca 2025 r.

) } [V0_FILE]typescriptreact:file="app/zalety/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { ArrowLeft, Sun, Wind, Leaf, BarChart, Battery, Home } from "lucide-react" import { EULogo } from "@/components/ui/eu-logo" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export default function BenefitsPage() { return (

Fundusze europejskie na odnawialne źródła energii

Zalety Energii Odnawialnej

Poznaj kluczowe korzyści płynące z wykorzystania odnawialnych źródeł energii dla środowiska, gospodarki i społeczeństwa.

Korzyści Środowiskowe

Redukcja emisji gazów cieplarnianych i przeciwdziałanie zmianom klimatu
Poprawa jakości powietrza i zmniejszenie zanieczyszczeń atmosferycznych
Ochrona zasobów naturalnych i bioróżnorodności

Korzyści Ekonomiczne

Niższe koszty energii w długim okresie
Tworzenie nowych miejsc pracy w sektorze energii odnawialnej
Zwiększenie konkurencyjności gospodarki

Niezależność Energetyczna

Uniezależnienie od importu paliw kopalnych
Stabilność dostaw energii
Zwiększenie bezpieczeństwa energetycznego kraju

Korzyści dla Gospodarstw Domowych

Obniżenie rachunków za energię
Możliwość sprzedaży nadwyżek energii do sieci
Wzrost wartości nieruchomości

Innowacje Technologiczne

Rozwój nowych technologii energetycznych
Postęp w dziedzinie magazynowania energii
Zwiększenie efektywności energetycznej

Przyszłość Energetyki

Zgodność z globalnymi celami klimatycznymi
Zrównoważony rozwój energetyczny
Transformacja w kierunku gospodarki niskoemisyjnej

) } [V0_FILE]typescriptreact:file="app/kontakt/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { ArrowLeft, Phone, Mail, MapPin } from "lucide-react" import { EULogo } from "@/components/ui/eu-logo" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { ContactForm } from "@/components/contact-form" export default function KontaktPage() { return (

Fundusze europejskie na odnawialne źródła energii

Kontakt

Skontaktuj się z nami, aby uzyskać więcej informacji o odnawialnych źródłach energii i dostępnych dotacjach

Dane kontaktowe

Jesteśmy dostępni, aby odpowiedzieć na wszystkie Twoje pytania dotyczące odnawialnych źródeł energii, dostępnych dotacji oraz procesu składania wniosków. Skontaktuj się z nami w dogodny dla Ciebie sposób.

Telefon

+48 798 688 524

Dostępni od poniedziałku do piątku, 8:00 - 16:00

Email

info@dotacjenaoze.com.pl

Odpowiadamy na wiadomości w ciągu 24 godzin

Adres

Optima Pro

42-470 Siewierz
ul. Sosnowa 14/4
Polska

Wyślij wiadomość

Najczęściej zadawane pytania

Odpowiedzi na najczęściej zadawane pytania dotyczące odnawialnych źródeł energii i dostępnych dotacji

Jakie warunki trzeba spełnić, aby otrzymać dotację?

Warunki różnią się w zależności od programu i regionu. Najczęściej wymagane jest posiadanie tytułu prawnego do nieruchomości, spełnienie określonych kryteriów technicznych oraz złożenie kompletnego wniosku w wyznaczonym terminie.

Ile wynosi maksymalna kwota dofinansowania?

Maksymalna kwota dofinansowania zależy od programu. W zależności od województwa można uzyskać nawet do 100% zwrotu kosztów kwalifikowanych.

Jak długo trwa proces rozpatrywania wniosku?

Proces rozpatrywania wniosku trwa zazwyczaj od 30 do 90 dni od momentu zakończenia naboru. Po pozytywnej ocenie następuje podpisanie umowy i realizacja projektu zgodnie z harmonogramem.

Czy mogę łączyć różne źródła dofinansowania?

W większości przypadków można łączyć różne źródła dofinansowania, pod warunkiem że łączna kwota nie przekroczy 100% kosztów kwalifikowanych. Należy jednak sprawdzić szczegółowe warunki każdego programu.

) } [V0_FILE]typescriptreact:file="components/contact-form.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" export function ContactForm({ includePhone = false, includeSubject = false, }: { includePhone?: boolean includeSubject?: boolean }) { const [name, setName] = useState("") const [email, setEmail] = useState("") const [phone, setPhone] = useState("") const [subject, setSubject] = useState("") const [message, setMessage] = useState("") const [status, setStatus] = useState("") const [isSubmitting, setIsSubmitting] = useState(false) const [emailJSLoaded, setEmailJSLoaded] = useState(false) useEffect(() => { // Sprawdzamy, czy EmailJS jest już załadowany if (window.emailjs) { setEmailJSLoaded(true) return } // Ładowanie skryptu EmailJS const script = document.createElement("script") script.src = "https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js" script.async = true script.onload = () => { window.emailjs.init("KJ7_NrNE9iqNfldrz") // Klucz publiczny z EmailJS setEmailJSLoaded(true) } document.body.appendChild(script) return () => { if (document.body.contains(script)) { document.body.removeChild(script) } } }, []) const handleSubmit = async (e) => { e.preventDefault() if (!emailJSLoaded) { setStatus("Usługa e-mail nie jest jeszcze gotowa. Spróbuj ponownie za chwilę.") return } setIsSubmitting(true) setStatus("Wysyłanie...") try { // Przygotowanie parametrów do wysłania const templateParams = { from_name: name, from_email: email, phone: phone, subject: subject || "Wiadomość ze strony internetowej", message: message, to_email: "info@dotacjenaoze.com.pl", } // Wysłanie e-maila za pomocą EmailJS await window.emailjs.send( "service_fvoebbq", // ID usługi z EmailJS "template_adm7pfb", // ID szablonu z EmailJS templateParams, ) setStatus("Wiadomość została wysłana!") setName("") setEmail("") setPhone("") setSubject("") setMessage("") // Resetowanie statusu po 5 sekundach setTimeout(() => { setStatus("") }, 5000) } catch (error) { console.error("Błąd podczas wysyłania wiadomości:", error) setStatus("Wystąpił błąd. Spróbuj ponownie później.") } finally { setIsSubmitting(false) } } return (

Imię i nazwisko setName(e.target.value)} className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" placeholder="Jan Kowalski" required />

Email setEmail(e.target.value)} className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" placeholder="jan.kowalski@example.com" required />

{includePhone && (

Telefon setPhone(e.target.value)} className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" placeholder="+48 123 456 789" />

)} {includeSubject && (

Temat setSubject(e.target.value)} className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" placeholder="Temat wiadomości" required={includeSubject} />

)}

Wiadomość

setMessage(e.target.value)}
          className="flex min-h-[120px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
          placeholder="Twoja wiadomość..."
          required
        />
      </div>
      <Button
        type="submit"
        className={`w-full ${includePhone ? "bg-gradient-to-r from-green-600 to-blue-600" : ""}`}
        disabled={isSubmitting || !emailJSLoaded}
      >
        {isSubmitting ? "Wysyłanie..." : "Wyślij wiadomość"}
      </Button>
      {status && (
        <p
          className={`text-center text-sm ${status.includes("błąd") || status.includes("nie jest") ? "text-red-500" : "text-green-600"}`}
        >
          {status}
        </p>
      )}
    </form>
  )
}

[V0_FILE]typescriptreact:file="types/global.d.ts" isMerged="true"
interface Window {
  emailjs: {
    init: (publicKey: string) => void
    send: (serviceId: string, templateId: string, templateParams: any) => Promise<any>
  }
}

[V0_FILE]typescriptreact:file="components/scroll-link.tsx" isMerged="true"
"use client"

import type React from "react"

import type { ReactNode } from "react"

interface ScrollLinkProps {
  href: string
  children: ReactNode
  className?: string
}

export function ScrollLink({ href, children, className = "" }: ScrollLinkProps) {
  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {
    e.preventDefault()

// Usunięcie znaku # z początku href
    const targetId = href.replace(/^#/, "")
    const element = document.getElementById(targetId)

if (element) {
      // Przewijanie do elementu z płynną animacją
      element.scrollIntoView({
        behavior: "smooth",
        block: "start",
      })
    }
  }

return (
    <a href={href} onClick={handleClick} className={className}>
      {children}
    </a>
  )
}

[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import Link from "next/link"
import Image from "next/image"
import { Sun, Wind, BarChart, ArrowRight, Facebook, Twitter, Instagram } from "lucide-react"
import { EULogo } from "@/components/ui/eu-logo"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { ContactForm } from "@/components/contact-form"
import { ScrollLink } from "@/components/scroll-link"

export default function Home() {
  return (
    <div className="flex min-h-screen flex-col bg-green-50">
      <header className="sticky top-0 z-40 border-b bg-green-50">
        <div className="container flex h-16 items-center justify-between py-4">
          <div className="flex items-center gap-4">
            <div className="flex items-center">
              <EULogo size="32" className="mr-2" />
              <div className="flex flex-col">
                <span className="text-2xl font-bold bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent">
                  Fundusze europejskie
                </span>
                <span className="text-sm font-medium text-muted-foreground">na odnawialne źródła energii</span>
              </div>
            </div>
          </div>
          <nav className="hidden md:flex items-center space-x-1">
            <Link
              href="/fundusze-europejskie-dla-lubelszczyzny"
              className="inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-green-100 hover:text-green-900 focus:bg-green-100 focus:text-green-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-green-100/50 data-[state=open]:bg-green-100/50 bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent"
            >
              Fundusze europejskie dla Lubelszczyzny
            </Link>
            <Link
              href="/fundusze-europejskie-dla-malopolski"
              className="inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-green-100 hover:text-green-900 focus:bg-green-100 focus:text-green-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-green-100/50 data-[state=open]:bg-green-100/50 bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent"
            >
              Fundusze europejskie dla Małopolski
            </Link>
            <Link
              href="/energia-z-wiatru"
              className="inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-green-100 hover:text-green-900 focus:bg-green-100 focus:text-green-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-green-100/50 data-[state=open]:bg-green-100/50 bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent"
            >
              Energia z wiatru
            </Link>
            <Link
              href="/kontakt"
              className="inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-green-100 hover:text-green-900 focus:bg-green-100 focus:text-green-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-green-100/50 data-[state=open]:bg-green-100/50 bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent"
            >
              Kontakt
            </Link>
          </nav>
        </div>
      </header>
      <main className="flex-1">
        <section className="w-full py-12 md:py-24 lg:py-32 bg-gradient-to-b from-green-50 to-blue-50">
          <div className="container px-4 md:px-6">
            <div className="grid gap-6 lg:grid-cols-2 lg:gap-12 items-center">
              <div className="space-y-4">
                <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none">
                  Energia odnawialna dla lepszej przyszłości
                </h1>
                <p className="max-w-[600px] text-muted-foreground md:text-xl">
                  Odkryj potencjał czystej energii dla zrównoważonej przyszłości. Energia słoneczna i wiatrowa to klucz
                  do ochrony naszej planety.
                </p>
                <div className="flex flex-col gap-2 min-[400px]:flex-row">
                  <Button size="lg" asChild>
                    <Link href="/zalety">
                      Rozpocznij
                      <ArrowRight className="ml-2 h-4 w-4" />
                    </Link>
                  </Button>
                  <Button size="lg" variant="outline" asChild>
                    <Link href="https://schelinger.eu/oze/">Dowiedz się więcej</Link>
                  </Button>
                </div>
              </div>
              <Image
                src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/MDUzZTQ4YiU0GCxnfk9vMHdAeD04FmFmIFhgdn4DdXAtVTw9PVE_ISUVdDMjQT0lIgp0JD0bLDQ8VSxlflAkNyUWOy1-USAmMB51YmcAeXA2SmN5MFZ_J3hOO2JoGXV0NBl3MDUAeHRgST9gaQZ9Zig-Af6DAUFMWxONZFcJKeJNe8qD0NgQix.webp"
                width={800}
                height={550}
                alt="Dom jednorodzinny z panelami fotowoltaicznymi na czerwonym dachu"
                className="mx-auto aspect-video overflow-hidden rounded-xl object-cover"
              />
            </div>
          </div>
        </section>

<section id="energia-sloneczna" className="w-full py-12 md:py-24 lg:py-32 bg-green-50">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center justify-center space-y-4 text-center">
              <div className="inline-block rounded-lg bg-green-100 px-3 py-1 text-sm text-green-800">
                Energia Słoneczna
              </div>
              <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl">Moc Słońca</h2>
              <p className="max-w-[900px] text-muted-foreground md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">
                Energia słoneczna to jedno z najczystszych i najbardziej dostępnych źródeł energii odnawialnej na
                świecie.
              </p>
            </div>
            <div className="mx-auto max-w-5xl py-12 space-y-16">
              {/* Fotowoltaika */}
              <div id="fotowoltaika" className="grid gap-8 lg:grid-cols-2 items-center">
                <div className="grid gap-1">
                  <h3 className="text-xl font-bold">Fotowoltaika</h3>
                  <p className="text-muted-foreground">
                    Moduły fotowoltaiczne to klucz do pozyskiwania energii ze słońca. Dzięki ogniwom półprzewodnikowym,
                    przekształcają one światło słoneczne w prąd elektryczny. Nasza firma oferuje kompleksowe wsparcie w
                    wyborze i instalacji systemów fotowoltaicznych. Połączenie modułów w łańcuchy oraz analiza
                    parametrów, takich jak moc szczytowa, efektywność czy tolerancja mocy, to nasza specjalność. Nasze
                    rozwiązania uwzględniają technologie mikroinwerterów oraz falowników łańcuchowych, dostosowując się
                    do Twoich potrzeb. Z Schelinger oszczędzisz energię i zyskasz niezależność energetyczną.
                  </p>
                </div>
                <Image
                  src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/sol.jpg-328gej0QgEdPb7NSXYpJw8e82oHh2r.jpeg"
                  width={600}
                  height={400}
                  alt="Panele fotowoltaiczne Jinko Solar - wysokowydajne moduły monokrystaliczne"
                  className="mx-auto aspect-video overflow-hidden rounded-xl object-contain object-center sm:w-full transition-transform duration-300 hover:scale-110 cursor-pointer"
                />
              </div>

{/* Pompy ciepła */}
              <div id="pompy-ciepla" className="grid gap-8 lg:grid-cols-2 items-center">
                <div className="grid gap-1">
                  <h3 className="text-xl font-bold">Pompy ciepła</h3>
                  <p className="text-muted-foreground">
                    To urządzenie grzewcze, które w sposób czysty, bezobsługowy i najtańszy zadba o komfort cieplny w
                    Twoim domu. Dbaj o środowisko wykorzystując ciepło z otoczenia, zapomnij o węglu czy gazie i
                    ogrzewaj swój dom najoszczędniej. Schelinger to inwerterowe pompy ciepła do ogrzewania i chłodzenia
                    pomieszczeń. Zastosowany w nich czynnik chłodniczy R32 ma niski współczynnik GWP w stosunku do
                    wcześniej stosowanych. Dzięki zastosowaniu inwerterowej sprężarki Panasonic i technologii
                    dodatkowego wtrysku pary EVI, pompy ciepła Schelinger, charakteryzują się szerszym zakresem
                    temperatur roboczych.
                  </p>
                </div>
                <Image
                  src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/pompa.jpg-wivXw8SjDJII5N4GaXKAHL4jJvaeqS.jpeg"
                  width={600}
                  height={400}
                  alt="Przekrój techniczny pompy ciepła pokazujący kluczowe komponenty: wentylator DC, powierzchnię parownika, rurki ze spiralną strukturą, blok zaciskowy, grzałkę elektryczną i otulinę ochronną"
                  className="mx-auto aspect-video overflow-hidden rounded-xl object-contain object-center sm:w-full transition-transform duration-300 hover:scale-110 cursor-pointer"
                />
              </div>

{/* Magazyny energii */}
              <div id="magazyny-energii" className="grid gap-8 lg:grid-cols-2 items-center">
                <div className="grid gap-1">
                  <h3 className="text-xl font-bold">Magazyny energii</h3>
                  <p className="text-muted-foreground">
                    Magazynowanie energii staje się kluczowym elementem nowoczesnych rozwiązań energetycznych. Nasza
                    firma dostarcza kompleksowe rozwiązania w dziedzinie magazynowania energii, pomagając zoptymalizować
                    wykorzystanie prądu w Twoim domu lub firmie. Dzięki zaawansowanym technologiom, takim jak
                    akumulatory litowo-jonowe, możesz gromadzić nadwyżki energii i wykorzystywać je w chwilach potrzeby.
                    Nasz zespół specjalistów pomoże dobrać odpowiednią pojemność magazynu oraz zintegrować go z Twoim
                    systemem energetycznym. Z Schelinger zyskasz kontrolę nad swoją energią i zminimalizujesz koszty.
                  </p>
                </div>
                <Image
                  src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/mag.jpg-V2vXEHcFmqy8ge13egQbmCoK0iqxPd.jpeg"
                  width={600}
                  height={400}
                  alt="System magazynowania energii UFO POWER Schelinger i diagram kompatybilnych marek"
                  className="mx-auto aspect-video overflow-hidden rounded-xl object-contain object-center sm:w-full transition-transform duration-300 hover:scale-110 cursor-pointer"
                />
              </div>

{/* Przykładowy schemat instalacji */}
              <div className="text-center mt-16">
                <h3 className="text-xl font-bold mb-6">Przykładowy schemat instalacji dla domu</h3>
                <Image
                  src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/scheli.jpg-Ymsx2U4dujwMyMjXf1c0Qby7X7GSA0.jpeg"
                  width={1000}
                  height={400}
                  alt="Schemat instalacji pompy ciepła w domu: jednostka zewnętrzna, zbiornik 2w1, oraz połączenia do wanny, ogrzewania podłogowego i kaloryfera"
                  className="mx-auto rounded-xl object-contain"
                />
              </div>
            </div>
          </div>
        </section>

<section id="energia-wiatrowa" className="w-full py-12 md:py-24 lg:py-32 bg-green-50">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center justify-center space-y-4 text-center">
              <div className="inline-block rounded-lg bg-blue-100 px-3 py-1 text-sm text-blue-800">
                Energia Wiatrowa
              </div>
              <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl text-blue-600">JUTRO JEST JUŻ DZIŚ</h2>
              <p className="max-w-[900px] text-muted-foreground md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">
                Energia wiatrowa to potężne i efektywne źródło czystej energii, które wykorzystuje naturalną siłę
                wiatru.
              </p>
            </div>
            <div className="mx-auto max-w-5xl py-12 grid gap-8 lg:grid-cols-2 items-center">
              <div className="flex justify-center">
                <Image
                  src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/turbina.jpg-KXGhWzZV34hBc4WKjN0bRJ82LJLQ6V.jpeg"
                  width={500}
                  height={500}
                  alt="Nowoczesna pionowa turbina wiatrowa o konstrukcji H-rotor w kolorach białym i różowym"
                  className="aspect-auto overflow-hidden rounded-xl object-contain transition-transform duration-300 hover:scale-105 cursor-pointer"
                />
              </div>
              <div className="flex flex-col justify-center space-y-6">
                <h3 className="text-2xl font-bold text-blue-600">Turbina wiatrowa</h3>
                <h4 className="text-3xl font-bold">TN3 WIR</h4>
                <p className="text-xl text-muted-foreground">Wysokowydajna Inteligentna Reakcyjna</p>
                <div className="space-y-6">
                  <div>
                    <h5 className="text-lg font-semibold mb-2">Polska jakość:</h5>
                    <ul className="space-y-2 text-muted-foreground">
                      <li className="flex items-center gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600"></div>
                        <span>Produkowana kompleksowo w POLSKICH warunkach</span>
                      </li>
                      <li className="flex items-center gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600"></div>
                        <span>POLSKI patent</span>
                      </li>
                      <li className="flex items-center gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600"></div>
                        <span>POLSKI team</span>
                      </li>
                      <li className="flex items-center gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600"></div>
                        <span>Najnowsze technologie AI</span>
                      </li>
                      <li className="flex items-center gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600"></div>
                        <span>Najlepsze materiały</span>
                      </li>
                    </ul>
                  </div>

<div>
                    <h5 className="text-lg font-semibold mb-2">Zaawansowana technologia:</h5>
                    <ul className="space-y-2 text-muted-foreground">
                      <li className="flex items-start gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600 mt-1.5"></div>
                        <span>Bardzo wydajna i cicha praca łopat</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600 mt-1.5"></div>
                        <span>Trzy generatory o różnych warunkach brzegowych pracy</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600 mt-1.5"></div>
                        <span>Inwerter hybrydowy z wbudowaną siecią „on-line"</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600 mt-1.5"></div>
                        <span>Autorskie oprogramowanie do zarządzania wydajną pracą systemu</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600 mt-1.5"></div>
                        <span>Najszerszy zakres punktu pracy dostosowany do POLSKICH warunków</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600 mt-1.5"></div>
                        <span>Pracuje z maksymalną sprawnością dla zarówno małych średnich jak i silnych wiatrów</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <div className="w-2 h-2 rounded-full bg-blue-600 mt-1.5"></div>
                        <span>
                          W czasie silnych wiatrów optymalizuje hamulcem elektromagnetycznym sprawność turbiny generując
                          dodatkową energię
                        </span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

<section id="energia-z-wiatru" className="w-full py-12 md:py-24 lg:py-32 bg-green-50">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center justify-center space-y-4 text-center">
              <div className="inline-block rounded-lg bg-green-100 px-3 py-1 text-sm text-green-800">Korzyści</div>
              <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl">Zalety Energii Odnawialnej</h2>
              <p className="max-w-[900px] text-muted-foreground md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">
                Dlaczego warto inwestować w odnawialne źródła energii? Oto najważniejsze korzyści.
              </p>
            </div>
            <div className="mx-auto grid max-w-5xl gap-8 py-12 md:grid-cols-2 lg:grid-cols-3">
              <Card>
                <CardHeader className="flex flex-row items-center gap-4">
                  <EULogo className="h-8 w-8" />
                  <CardTitle>Ekologia</CardTitle>
                </CardHeader>
                <CardContent>
                  <p>
                    Minimalizacja emisji gazów cieplarnianych i zanieczyszczeń powietrza, przyczyniając się do walki ze
                    zmianami klimatu.
                  </p>
                </CardContent>
              </Card>
              <Card>
                <CardHeader className="flex flex-row items-center gap-4">
                  <BarChart className="h-8 w-8 text-blue-600" />
                  <CardTitle>Ekonomia</CardTitle>
                </CardHeader>
                <CardContent>
                  <p>
                    Obniżenie rachunków za energię, niezależność energetyczna i ochrona przed wzrostem cen paliw
                    kopalnych.
                  </p>
                </CardContent>
              </Card>
              <Card>
                <CardHeader className="flex flex-row items-center gap-4">
                  <Sun className="h-8 w-8 text-yellow-600" />
                  <CardTitle>Niewyczerpalne źródło</CardTitle>
                </CardHeader>
                <CardContent>
                  <p>
                    W przeciwieństwie do paliw kopalnych, energia słoneczna i wiatrowa są praktycznie niewyczerpalne i
                    dostępne wszędzie.
                  </p>
                </CardContent>
              </Card>
              <Card>
                <CardHeader className="flex flex-row items-center gap-4">
                  <Wind className="h-8 w-8 text-blue-600" />
                  <CardTitle>Niezależność</CardTitle>
                </CardHeader>
                <CardContent>
                  <p>
                    Możliwość uniezależnienia się od centralnych systemów energetycznych i produkcji własnej energii.
                  </p>
                </CardContent>
              </Card>
              <Card>
                <CardHeader className="flex flex-row items-center gap-4">
                  <EULogo className="h-8 w-8" />
                  <CardTitle>Zdrowie</CardTitle>
                </CardHeader>
                <CardContent>
                  <p>Poprawa jakości powietrza i zmniejszenie chorób związanych z zanieczyszczeniem środowiska.</p>
                </CardContent>
              </Card>
              <Card>
                <CardHeader className="flex flex-row items-center gap-4">
                  <BarChart className="h-8 w-8 text-blue-600" />
                  <CardTitle>Nowe miejsca pracy</CardTitle>
                </CardHeader>
                <CardContent>
                  <p>
                    Rozwój sektora odnawialnych źródeł energii tworzy nowe miejsca pracy i stymuluje lokalną gospodarkę.
                  </p>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

<section id="kontakt" className="w-full py-12 md:py-24 lg:py-32 bg-gradient-to-b from-green-50 to-blue-50">
          <div className="container px-4 md:px-6">
            <div className="grid gap-6 lg:grid-cols-2 lg:gap-12 items-center">
              <div className="space-y-4">
                <h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl">Skontaktuj się z nami</h2>
                <p className="max-w-[600px] text-muted-foreground md:text-xl">
                  Chcesz dowiedzieć się więcej o odnawialnych źródłach energii? Masz pytania dotyczące instalacji paneli
                  słonecznych lub turbin wiatrowych? Skontaktuj się z nami!
                </p>
                <div className="space-y-2">
                  <Button size="lg" className="w-full sm:w-auto" asChild>
                    <a href="tel:+48798688524">Zadzwoń teraz</a>
                  </Button>
                </div>
              </div>
              <div className="space-y-4 bg-white p-6 rounded-xl shadow-sm">
                <ContactForm />
              </div>
            </div>
          </div>
        </section>
      </main>
      <footer className="w-full border-t bg-green-50">
        <div className="container flex flex-col gap-4 py-10 md:flex-row md:gap-8 md:py-12">
          <div className="flex flex-col gap-2 md:gap-4 lg:gap-6">
            <div className="flex items-center gap-2">
              <EULogo size="24" />
              <span className="text-xl font-bold">Fundusze europejskie na odnawialne źródła energii</span>
            </div>
            <p className="text-sm text-muted-foreground">Tworzymy przyszłość opartą na czystej energii.</p>
            <div className="flex items-center gap-4">
              <p className="text-sm text-muted-foreground">Grzegorz Piwowarczyk, autoryzowany partner</p>
              <Image
                src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/logo%20opc.jpg-h7KWG57qVkhgms7wQskxLqs4XDXzJ1.jpeg"
                alt="OPC Energy Logo"
                width={100}
                height={30}
                className="object-contain"
              />
            </div>
          </div>
          <div className="grid flex-1 grid-cols-2 gap-8 sm:grid-cols-3">
            <div className="space-y-2">
              <h4 className="text-sm font-medium">Energia słoneczna</h4>
              <ul className="space-y-2 text-sm">
                <li>
                  <ScrollLink
                    href="#fotowoltaika"
                    className="text-muted-foreground transition-colors hover:text-foreground"
                  >
                    Fotowoltaika
                  </ScrollLink>
                </li>
                <li>
                  <ScrollLink
                    href="#pompy-ciepla"
                    className="text-muted-foreground transition-colors hover:text-foreground"
                  >
                    Pompy ciepła
                  </ScrollLink>
                </li>
                <li>
                  <ScrollLink
                    href="#magazyny-energii"
                    className="text-muted-foreground transition-colors hover:text-foreground"
                  >
                    Magazyny energii
                  </ScrollLink>
                </li>
              </ul>
            </div>
            <div className="space-y-2">
              <h4 className="text-sm font-medium">Energia wiatrowa</h4>
              <ul className="space-y-2 text-sm">
                <li>
                  <ScrollLink
                    href="#energia-wiatrowa"
                    className="text-muted-foreground transition-colors hover:text-foreground"
                  >
                    Energia z wiatru
                  </ScrollLink>
                </li>
              </ul>
            </div>
            <div className="space-y-2">
              <h4 className="text-sm font-medium">Kontakt</h4>
              <ul className="space-y-2 text-sm">
                <li>
                  <Link href="/o-nas" className="text-muted-foreground transition-colors hover:text-foreground">
                    O nas
                  </Link>
                </li>
                <li>
                  <Link href="/kontakt" className="text-muted-foreground transition-colors hover:text-foreground">
                    Kontakt
                  </Link>
                </li>
                <li>
                  <Link
                    href="/polityka-prywatnosci"
                    className="text-muted-foreground transition-colors hover:text-foreground"
                  >
                    Polityka prywatności
                  </Link>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div className="container flex flex-col gap-4 border-t py-6 md:flex-row md:items-center md:justify-between md:py-8">
          <p className="text-sm text-muted-foreground">
            © {new Date().getFullYear()} Fundusze europejskie na odnawialne źródła energii. Wszelkie prawa
            zastrzeżone.
          </p>
          <div className="flex gap-4">
            <Link href="#" className="text-muted-foreground hover:text-foreground">
              <span className="sr-only">Facebook</span>
              <Facebook className="h-5 w-5" />
            </Link>
            <Link href="#" className="text-muted-foreground hover:text-foreground">
              <span className="sr-only">Twitter</span>
              <Twitter className="h-5 w-5" />
            </Link>
            <Link href="#" className="text-muted-foreground hover:text-foreground">
              <span className="sr-only">Instagram</span>
              <Instagram className="h-5 w-5" />
            </Link>
          </div>
        </div>
      </footer>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/o-nas/page.tsx" isMerged="true"
import Link from "next/link"
import { ArrowLeft } from "lucide-react"
import { EULogo } from "@/components/ui/eu-logo"
import { Button } from "@/components/ui/button"

export default function ONasPage() {
  return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-40 border-b bg-background">
        <div className="container flex h-16 items-center justify-between py-4">
          <div className="flex items-center gap-2">
            <EULogo size="24" />
            <span className="text-xl font-bold">Fundusze europejskie na odnawialne źródła energii</span>
          </div>
          <div className="flex items-center gap-4">
            <Button
              variant="ghost"
              asChild
              className="bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:text-transparent hover:bg-gradient-to-r hover:from-green-700 hover:to-blue-700"
            >
              <Link href="/kontakt" className="flex items-center gap-2">
                Kontakt
              </Link>
            </Button>
            <Button
              variant="ghost"
              asChild
              className="bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:text-transparent hover:bg-gradient-to-r hover:from-green-700 hover:to-blue-700"
            >
              <Link href="/" className="flex items-center gap-2">
                <ArrowLeft className="h-4 w-4" />
                Powrót do strony głównej
              </Link>
            </Button>
          </div>
        </div>
      </header>
      <main className="flex-1">
        <section className="w-full py-12 md:py-24 lg:py-32 bg-gradient-to-b from-green-50 to-blue-50">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center text-center space-y-4">
              <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none max-w-3xl">O Nas</h1>
              <p className="mx-auto max-w-[800px] text-muted-foreground md:text-xl">
                Poznaj naszą firmę i dowiedz się, jak możemy pomóc w pozyskaniu dotacji na odnawialne źródła energii
              </p>
            </div>
          </div>
        </section>

<section className="w-full py-12 md:py-24">
          <div className="container px-4 md:px-6">
            <div className="mx-auto max-w-3xl space-y-8">
              <div className="space-y-4">
                <h2 className="text-2xl font-bold">Nasza misja</h2>
                <p className="text-lg text-muted-foreground">
                  Jako firma działamy od 2022 roku zajmując się pozyskiwaniem dotacji z programów zarówno unijnych jak i
                  regionalnych. Działamy rzetelnie, kompleksowo zajmując się procedurą pozyskania środków poczynając od
                  wstępnej analizy potrzeb klienta aż po złożenie kompletnego wniosku do własciwej instytucji. Staramy
                  się dołożyć wszelkich starań aby proces ten był dla naszgo Klienta jak najmniej kłopotliwy a zarazem w
                  pełni efektywny.
                </p>
              </div>

<div className="space-y-4">
                <h2 className="text-2xl font-bold">Nasze wartości</h2>
                <ul className="space-y-2 text-lg text-muted-foreground list-disc pl-6">
                  <li>Rzetelność i profesjonalizm w każdym aspekcie naszej pracy</li>
                  <li>Kompleksowa obsługa klienta od analizy potrzeb po złożenie wniosku</li>
                  <li>Indywidualne podejście do każdego projektu</li>
                  <li>Transparentność i jasna komunikacja na każdym etapie współpracy</li>
                  <li>Ciągłe doskonalenie naszych usług i wiedzy o dostępnych programach dotacyjnych</li>
                </ul>
              </div>

<div className="space-y-4">
                <h2 className="text-2xl font-bold">Nasze doświadczenie</h2>
                <p className="text-lg text-muted-foreground">
                  Od początku naszej działalności z powodzeniem pomagamy klientom w pozyskiwaniu dotacji na instalacje
                  fotowoltaiczne, pompy ciepła, magazyny energii oraz inne rozwiązania z zakresu odnawialnych źródeł
                  energii. Nasza wiedza i doświadczenie pozwalają nam skutecznie nawigować przez skomplikowane procedury
                  administracyjne związane z programami dotacyjnymi.
                </p>
              </div>

<div className="space-y-4">
                <h2 className="text-2xl font-bold">Dlaczego warto z nami współpracować?</h2>
                <ul className="space-y-2 text-lg text-muted-foreground list-disc pl-6">
                  <li>Oszczędność czasu - zajmujemy się całą procedurą pozyskania dotacji</li>
                  <li>Minimalizacja ryzyka odrzucenia wniosku dzięki naszemu doświadczeniu</li>
                  <li>Maksymalizacja szans na uzyskanie dofinansowania</li>
                  <li>Stały kontakt i informowanie o postępach w procesie</li>
                  <li>Wsparcie na każdym etapie realizacji projektu</li>
                </ul>
              </div>

<div className="mt-8 flex justify-center">
                <Button size="lg" asChild>
                  <Link href="/kontakt">Skontaktuj się z nami</Link>
                </Button>
              </div>
            </div>
          </div>
        </section>
      </main>
      <footer className="w-full border-t bg-background">
        <div className="container py-6 flex items-center justify-between">
          <div className="flex items-center gap-2">
            <EULogo size="24" />
            <span className="text-sm text-muted-foreground">Fundusze europejskie na odnawialne źródła energii</span>
          </div>
          <div className="flex items-center gap-4">
            <p className="text-sm text-muted-foreground">
              © {new Date().getFullYear()} Wszelkie prawa zastrzeżone
            </p>
            <Link href="/polityka-prywatnosci" className="text-sm text-muted-foreground hover:text-foreground">
              Polityka prywatności
            </Link>
          </div>
        </div>
      </footer>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/fundusze-europejskie-dla-lubelszczyzny/page.tsx" isEdit="true" isMerged="true"
import Link from "next/link"
import Image from "next/image"
import { ArrowLeft, Check, FileText, Calendar, Users, Building, MapPin } from "lucide-react"
import { EULogo } from "@/components/ui/eu-logo"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"

export default function DotacjaOZELubelskie() {
  return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-40 border-b bg-background">
        <div className="container flex h-16 items-center justify-between py-4">
          <div className="flex items-center gap-2">
            <EULogo size="24" />
            <span className="text-xl font-bold">Fundusze europejskie na odnawialne źródła energii</span>
          </div>
          <div className="flex items-center gap-4">
            <Button
              variant="ghost"
              asChild
              className="bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:text-transparent hover:bg-gradient-to-r hover:from-green-700 hover:to-blue-700"
            >
              <Link href="/kontakt" className="flex items-center gap-2">
                Kontakt
              </Link>
            </Button>
            <Button
              variant="ghost"
              asChild
              className="bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:text-transparent hover:bg-gradient-to-r hover:from-green-700 hover:to-blue-700"
            >
              <Link href="/" className="flex items-center gap-2">
                <ArrowLeft className="h-4 w-4" />
                Powrót do strony głównej
              </Link>
            </Button>
          </div>
        </div>
      </header>
      <main className="flex-1">
        <section className="w-full py-12 md:py-24 lg:py-32 bg-gradient-to-b from-green-50 to-blue-50">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center text-center space-y-4">
              <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none max-w-3xl">
                DOTACJA OZE - LUBELSKIE
              </h1>
              <p className="mx-auto max-w-[800px] text-muted-foreground md:text-xl">
                Fundusze europejskie dla województwa lubelskiego na odnawialne źródła energii
              </p>
            </div>
          </div>
        </section>

<section className="w-full py-12 md:py-24">
          <div className="container px-4 md:px-6">
            <div className="grid gap-8 md:grid-cols-2">
              <div>
                <h2 className="text-3xl font-bold mb-6">O programie</h2>
                <p className="text-lg text-muted-foreground mb-4">
                  Program "Dotacja OZE - Lubelskie" to inicjatywa finansowana ze środków Unii Europejskiej, mająca na
                  celu zwiększenie wykorzystania odnawialnych źródeł energii w województwie lubelskim.
                </p>
                <p className="text-lg text-muted-foreground mb-4">
                  Dzięki dotacjom mieszkańcy województwa lubelskiego mogą uzyskać dofinansowanie na instalacje
                  fotowoltaiczne, pompy ciepła, kolektory słoneczne oraz inne rozwiązania z zakresu OZE.
                </p>
                <div className="mt-8 space-y-4">
                  <div className="flex items-start gap-3">
                    <div className="p-2 bg-green-100 rounded-full">
                      <Check className="h-5 w-5 text-green-600" />
                    </div>
                    <div>
                      <h3 className="font-medium">Wysokie dofinansowanie</h3>
                      <p className="text-muted-foreground">Do 61.75% umorzenia</p>
                    </div>
                  </div>
                  <div className="flex items-start gap-3">
                    <div className="p-2 bg-green-100 rounded-full">
                      <Check className="h-5 w-5 text-green-600" />
                    </div>
                    <div>
                      <h3 className="font-medium">Szeroki zakres wsparcia</h3>
                      <p className="text-muted-foreground">Różnorodne technologie OZE</p>
                    </div>
                  </div>
                  <div className="flex items-start gap-3">
                    <div className="p-2 bg-green-100 rounded-full">
                      <Check className="h-5 w-5 text-green-600" />
                    </div>
                    <div>
                      <h3 className="font-medium">Wsparcie dla różnych beneficjentów</h3>
                      <p className="text-muted-foreground">
                        Osoba fizyczna, rolnik (wymagany osobny licznik na dom) i przedsiębiorca (jeśli nie prowadzi
                        działalności w tym domu)
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div className="relative rounded-xl overflow-hidden h-[400px] md:h-full">
                <Image
                  src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/6.%20Lubelskie%20ETERNIT%20Social%20Media.jpg-Mx39lfBSIrg2g9dxJ7UPxMj7mKA0gH.jpeg"
                  alt="Dotacja na wymianę eternitu w województwie lubelskim - plakat informacyjny pokazujący proces wymiany eternitu, logo województwa lubelskiego oraz program Bezpieczna Polska"
                  fill
                  className="object-contain"
                />
              </div>
            </div>
          </div>
        </section>

<section className="w-full py-12 md:py-24 bg-green-50">
          <div className="container px-4 md:px-6">
            <h2 className="text-3xl font-bold text-center mb-12">Kluczowe informacje o programie</h2>
            <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
              <Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-blue-100 rounded-lg">
                      <FileText className="h-6 w-6 text-blue-600" />
                    </div>
                    <CardTitle>Typy projektów</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Instalacje fotowoltaiczne</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Pompy ciepła</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Magazyny energii</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Piece na pellet</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-green-100 rounded-lg">
                      <Calendar className="h-6 w-6 text-green-600" />
                    </div>
                    <CardTitle>Terminy</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Nabór wniosków: 1 marca - 30 czerwca 2025</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Ocena wniosków: do 31 sierpnia 2025</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Realizacja projektów: do 31 grudnia 2026</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-purple-100 rounded-lg">
                      <Users className="h-6 w-6 text-purple-600" />
                    </div>
                    <CardTitle>Beneficjenci</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>
                        Osoba fizyczna, rolnik (wymagany osobny licznik na dom) i przedsiębiorca (jeśli nie prowadzi
                        działalności w tym domu)
                      </span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Przedsiębiorcy</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-yellow-100 rounded-lg">
                      <Building className="h-6 w-6 text-yellow-600" />
                    </div>
                    <CardTitle>Instytucje</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Instytucja Zarządzająca: Urząd Marszałkowski Województwa Lubelskiego</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>
                        Instytucja Pośrednicząca: Wojewódzki Fundusz Ochrony Środowiska i Gospodarki Wodnej w Lublinie
                      </span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-red-100 rounded-lg">
                      <MapPin className="h-6 w-6 text-red-600" />
                    </div>
                    <CardTitle>Obszar wsparcia</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <p className="mb-4">Województwo lubelskie, ze szczególnym uwzględnieniem:</p>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Obszarów wiejskich</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Obszarów o niskiej jakości powietrza</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Obszarów o wysokim potencjale OZE</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-blue-100 rounded-lg">
                      <EULogo className="h-6 w-6" />
                    </div>
                    <CardTitle>Finansowanie</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Budżet programu: 150 mln zł</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Poziom dofinansowania: do 61.75% umorzenia</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Maksymalna kwota dotacji: 300 000 zł</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

<section className="w-full py-12 md:py-24 bg-gradient-to-b from-green-50 to-blue-50">
          <div className="container px-4 md:px-6">
            <div className="text-center space-y-4 mb-12">
              <h2 className="text-3xl font-bold">Jak złożyć wniosek?</h2>
              <p className="text-lg text-muted-foreground max-w-3xl mx-auto">
                Proces aplikowania o dotację jest prosty i przejrzysty. Skontaktuj się z doradcą a on przeprowadzi Cię
                przez całą procedurę.
              </p>
            </div>
            <div className="mt-12 text-center">
              <Button size="lg" className="bg-gradient-to-r from-green-600 to-blue-600">
                Skontaktuj się z doradcą
              </Button>
            </div>
          </div>
        </section>
        <section className="w-full py-12 md:py-24 bg-white">
          <div className="container px-4 md:px-6">
            <div className="text-center space-y-4 mb-12">
              <h2 className="text-3xl font-bold">Kontakt</h2>
            </div>
            <div className="grid gap-8 md:grid-cols-2 max-w-3xl mx-auto">
              <Card className="text-center">
                <CardHeader>
                  <CardTitle>Telefon</CardTitle>
                </CardHeader>
                <CardContent>
                  <a
                    href="tel:+48798688524"
                    className="text-xl font-medium bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:underline"
                  >
                    +48 798 688 524
                  </a>
                </CardContent>
              </Card>
              <Card className="text-center">
                <CardHeader>
                  <CardTitle>Email</CardTitle>
                </CardHeader>
                <CardContent>
                  <a
                    href="mailto:info@dotacjenaoze.com.pl"
                    className="text-xl font-medium bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:underline"
                  >
                    info@dotacjenaoze.com.pl
                  </a>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>
      </main>
      <footer className="w-full border-t bg-background">
        <div className="container py-6 flex items-center justify-between">
          <div className="flex items-center gap-2">
            <EULogo size="24" />
            <span className="text-sm text-muted-foreground">Fundusze europejskie na odnawialne źródła energii</span>
          </div>
          <div className="flex items-center gap-4">
            <p className="text-sm text-muted-foreground">
              © {new Date().getFullYear()} Wszelkie prawa zastrzeżone
            </p>
            <Link href="/polityka-prywatnosci" className="text-sm text-muted-foreground hover:text-foreground">
              Polityka prywatności
            </Link>
          </div>
        </div>
      </footer>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/fundusze-europejskie-dla-malopolski/page.tsx" isEdit="true"
import Link from "next/link"
import Image from "next/image"
import {
  ArrowLeft,
  Check,
  FileText,
  Users,
  MapPin,
  Percent,
  Clock,
  Home,
  Zap,
  Battery,
  CreditCard,
  Wallet,
  PiggyBank,
  BadgePercent,
  DollarSign,
} from "lucide-react"
import { EULogo } from "@/components/ui/eu-logo"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"

export default function FunduszeEuropejskieDlaMalopolski() {
  return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-40 border-b bg-background">
        <div className="container flex h-16 items-center justify-between py-4">
          <div className="flex items-center gap-2">
            <EULogo size="24" />
            <span className="text-sm sm:text-base md:text-xl font-bold">Fundusze europejskie na OZE</span>
          </div>
          <div className="flex items-center gap-2 sm:gap-4">
            <Button
              variant="ghost"
              size="sm"
              asChild
              className="bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:text-transparent hover:bg-gradient-to-r hover:from-green-700 hover:to-blue-700 px-2 sm:px-4"
            >
              <Link href="/kontakt" className="flex items-center gap-1 sm:gap-2">
                Kontakt
              </Link>
            </Button>
            <Button
              variant="ghost"
              size="sm"
              asChild
              className="bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:text-transparent hover:bg-gradient-to-r hover:from-green-700 hover:to-blue-700 px-2 sm:px-4"
            >
              <Link href="/" className="flex items-center gap-1 sm:gap-2">
                <ArrowLeft className="h-3 w-3 sm:h-4 sm:w-4" />
                <span className="hidden xs:inline">Powrót</span>
              </Link>
            </Button>
          </div>
        </div>
      </header>
      <main className="flex-1">
        <section className="w-full py-8 sm:py-12 md:py-24 lg:py-32 bg-gradient-to-b from-green-50 to-blue-50">
          <div className="container px-4 md:px-6">
            <div className="flex flex-col items-center text-center space-y-2 sm:space-y-4">
              <h1 className="text-2xl sm:text-3xl font-bold tracking-tighter md:text-4xl lg:text-5xl xl:text-6xl/none max-w-3xl">
                FUNDUSZE EUROPEJSKIE DLA MAŁOPOLSKI
              </h1>
              <p className="mx-auto max-w-[800px] text-sm sm:text-base text-muted-foreground md:text-xl">
                Program wsparcia dla odnawialnych źródeł energii w województwie małopolskim
              </p>
            </div>
          </div>
        </section>

<section className="w-full py-8 sm:py-12 md:py-24">
          <div className="container px-4 md:px-6">
            <div className="grid gap-6 md:gap-8 md:grid-cols-2">
              <div>
                <h2 className="text-2xl sm:text-3xl font-bold mb-4 sm:mb-6">O programie</h2>
                <p className="text-base sm:text-lg text-muted-foreground mb-4">
                  Program "Fundusze Europejskie dla Małopolski" to kompleksowe wsparcie dla rozwoju odnawialnych źródeł
                  energii w województwie małopolskim, finansowane ze środków Unii Europejskiej.
                </p>
                <p className="text-base sm:text-lg text-muted-foreground mb-4">
                  Celem programu jest zwiększenie udziału energii ze źródeł odnawialnych w końcowym zużyciu energii
                  brutto, a także poprawa jakości powietrza w regionie poprzez ograniczenie emisji zanieczyszczeń.
                </p>
                <div className="mt-6 sm:mt-8 space-y-3 sm:space-y-4">
                  <div className="flex items-start gap-3">
                    <div className="p-1.5 sm:p-2 bg-green-100 rounded-full">
                      <Check className="h-4 w-4 sm:h-5 sm:w-5 text-green-600" />
                    </div>
                    <div>
                      <h3 className="font-medium">Budżet programu</h3>
                      <p className="text-sm sm:text-base text-muted-foreground">
                        200 milionów złotych na lata 2023-2027
                      </p>
                    </div>
                  </div>
                  <div className="flex items-start gap-3">
                    <div className="p-1.5 sm:p-2 bg-green-100 rounded-full">
                      <Check className="h-4 w-4 sm:h-5 sm:w-5 text-green-600" />
                    </div>
                    <div>
                      <h3 className="font-medium">Poziom dofinansowania</h3>
                      <p className="text-sm sm:text-base text-muted-foreground">Do 80% kosztów kwalifikowanych</p>
                    </div>
                  </div>
                  <div className="flex items-start gap-3">
                    <div className="p-1.5 sm:p-2 bg-green-100 rounded-full">
                      <Check className="h-4 w-4 sm:h-5 sm:w-5 text-green-600" />
                    </div>
                    <div>
                      <h3 className="font-medium">Planowane efekty</h3>
                      <p className="text-sm sm:text-base text-muted-foreground">
                        Instalacja 10 000 systemów OZE w regionie
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div className="relative rounded-xl overflow-hidden h-[250px] sm:h-[300px] md:h-full">
                <Image
                  src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/mp.jpg-djlLW2uCXADKYcLokxFbvGCFYjBl8f.jpeg"
                  alt="Baner programu Pożyczka OZE dla mieszkańców - FEMP w województwie małopolskim z logotypami Funduszy Europejskich, Polski i Unii Europejskiej"
                  fill
                  className="object-contain"
                />
              </div>
            </div>
          </div>
        </section>

<section className="w-full py-12 md:py-24 bg-green-50">
          <div className="container px-4 md:px-6">
            <h2 className="text-3xl font-bold text-center mb-12">Obszary wsparcia</h2>
            <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-2 max-w-4xl mx-auto">
              <Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-blue-100 rounded-lg">
                      <FileText className="h-6 w-6 text-blue-600" />
                    </div>
                    <CardTitle>Energia słoneczna</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Instalacje fotowoltaiczne dla gospodarstw domowych</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Kolektory słoneczne do podgrzewania wody</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Farmy fotowoltaiczne dla przedsiębiorstw i JST</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-purple-100 rounded-lg">
                      <Users className="h-6 w-6 text-purple-600" />
                    </div>
                    <CardTitle>Pompy ciepła</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Gruntowe pompy ciepła</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Powietrzne pompy ciepła</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Hybrydowe systemy grzewcze</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>

<Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-blue-100 rounded-lg">
                      <EULogo className="h-6 w-6" />
                    </div>
                    <CardTitle>Efektywność energetyczna</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Termomodernizacja budynków</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Wymiana oświetlenia na energooszczędne</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Audyty energetyczne</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>
              <Card>
                <CardHeader>
                  <div className="flex items-center gap-4">
                    <div className="p-2 bg-red-100 rounded-lg">
                      <MapPin className="h-6 w-6 text-red-600" />
                    </div>
                    <CardTitle>Magazyny energii</CardTitle>
                  </div>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2">
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Domowe magazyny energii</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Przemysłowe systemy magazynowania</span>
                    </li>
                    <li className="flex items-start gap-2">
                      <Check className="h-5 w-5 text-green-500 mt-0.5 flex-shrink-0" />
                      <span>Inteligentne systemy zarządzania energią</span>
                    </li>
                  </ul>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

<section className="w-full py-12 md:py-24 bg-white">
          <div className="container px-4 md:px-6">
            <div className="text-center space-y-4 mb-12">
              <h2 className="text-3xl font-bold">Dla kogo?</h2>
              <p className="text-lg text-muted-foreground max-w-3xl mx-auto">
                Program skierowany jest do szerokiego grona beneficjentów z województwa małopolskiego.
              </p>
            </div>
            <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
              <Card className="text-center">
                <CardHeader>
                  <CardTitle>Osoby fizyczne</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    Właściciele domów jednorodzinnych i mieszkań, którzy chcą zainwestować w odnawialne źródła energii.
                  </p>
                </CardContent>
              </Card>

<Card className="text-center">
                <CardHeader>
                  <CardTitle>Przedsiębiorcy</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    Firmy z sektora MŚP, które chcą obniżyć koszty energii i zwiększyć swoją konkurencyjność.
                  </p>
                </CardContent>
              </Card>
              <Card className="text-center">
                <CardHeader>
                  <CardTitle>Jednostki samorządu</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    Gminy, powiaty i ich jednostki organizacyjne realizujące projekty OZE.
                  </p>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

<section className="w-full py-8 sm:py-12 md:py-24 bg-green-50">
          <div className="container px-4 md:px-6">
            <div className="text-center space-y-2 sm:space-y-4 mb-8 sm:mb-12">
              <h2 className="text-2xl sm:text-3xl font-bold">Podstawowe informacje</h2>
              <p className="text-sm sm:text-base md:text-lg text-muted-foreground max-w-3xl mx-auto">
                Najważniejsze informacje o programie dofinansowania
              </p>
            </div>
            <div className="grid gap-3 sm:gap-4 md:gap-6 grid-cols-1 xs:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 max-w-6xl mx-auto">
              <Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <EULogo className="h-4 w-4 sm:h-5 sm:w-5" />
                    <CardTitle className="text-base sm:text-lg">Fundusze europejskie</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="font-semibold text-green-600 text-sm sm:text-base">250 tyś brutto</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Users className="h-4 w-4 sm:h-5 sm:w-5 text-blue-600" />
                    <CardTitle className="text-base sm:text-lg">Dla kogo?</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">Klient indywidualny, rolnik, przedsiębiorca - na dom.</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Percent className="h-4 w-4 sm:h-5 sm:w-5 text-green-600" />
                    <CardTitle className="text-base sm:text-lg">Warunki finansowe</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">50% umorzenia - 180 rat - 15 lat 0%</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Home className="h-4 w-4 sm:h-5 sm:w-5 text-purple-600" />
                    <CardTitle className="text-base sm:text-lg">Rodzaj budynków</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">Dotacja na STARE i NOWE domy!</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Battery className="h-4 w-4 sm:h-5 sm:w-5 text-yellow-600" />
                    <CardTitle className="text-base sm:text-lg">Kompleksowe rozwiązania</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">Magazyn + Foto + Pompa - 50%</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Zap className="h-4 w-4 sm:h-5 sm:w-5 text-orange-600" />
                    <CardTitle className="text-base sm:text-lg">Systemy hybrydowe</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">
                    Hybryda - 2 źródła ogrzewania + modernizacja systemu grzewczego
                  </p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <FileText className="h-4 w-4 sm:h-5 sm:w-5 text-blue-600" />
                    <CardTitle className="text-base sm:text-lg">Fotowoltaika</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">Rozbudowa + kolejna instalacja max. 20kWp</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Clock className="h-4 w-4 sm:h-5 sm:w-5 text-indigo-600" />
                    <CardTitle className="text-base sm:text-lg">Karencja</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">Do 12mc od daty decyzji</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Wallet className="h-4 w-4 sm:h-5 sm:w-5 text-green-600" />
                    <CardTitle className="text-base sm:text-lg">Wkład własny</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="font-semibold text-green-600 text-sm sm:text-base">Bez wkładu własnego!</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <BadgePercent className="h-4 w-4 sm:h-5 sm:w-5 text-red-600" />
                    <CardTitle className="text-base sm:text-lg">Rodzaj dotacji</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="font-semibold text-green-600 text-sm sm:text-base">Dotacja bezzwrotna!</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <DollarSign className="h-4 w-4 sm:h-5 sm:w-5 text-blue-600" />
                    <CardTitle className="text-base sm:text-lg">Kwoty dotacji</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="text-sm sm:text-base">Kwoty dotacji BRUTTO!</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Percent className="h-4 w-4 sm:h-5 sm:w-5 text-purple-600" />
                    <CardTitle className="text-base sm:text-lg">Oprocentowanie</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="font-semibold text-green-600 text-sm sm:text-base">0%</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <CreditCard className="h-4 w-4 sm:h-5 sm:w-5 text-gray-600" />
                    <CardTitle className="text-base sm:text-lg">Prowizja bankowa</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="font-semibold text-green-600 text-sm sm:text-base">0zł</p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <PiggyBank className="h-4 w-4 sm:h-5 sm:w-5 text-green-600" />
                    <CardTitle className="text-base sm:text-lg">Pozyskanie funduszy</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="font-semibold text-green-600 text-sm sm:text-base">
                    Bezpłatne pozyskanie funduszy unijnych!
                  </p>
                </CardContent>
              </Card>

<Card className="bg-white shadow-sm hover:shadow-md transition-shadow">
                <CardHeader className="pb-1 sm:pb-2 px-3 sm:px-4 pt-3 sm:pt-4">
                  <div className="flex items-center gap-2">
                    <Users className="h-4 w-4 sm:h-5 sm:w-5 text-blue-600" />
                    <CardTitle className="text-base sm:text-lg">Konsultacja</CardTitle>
                  </div>
                </CardHeader>
                <CardContent className="px-3 sm:px-4 pb-3 sm:pb-4">
                  <p className="font-semibold text-green-600 text-sm sm:text-base">Bezpłatna konsultacja 0zł</p>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

<section className="w-full py-8 sm:py-12 md:py-24 bg-white">
          <div className="container px-4 md:px-6">
            <div className="text-center space-y-2 sm:space-y-4 mb-8 sm:mb-12">
              <h2 className="text-2xl sm:text-3xl font-bold">Kontakt</h2>
              <p className="text-sm sm:text-base md:text-lg text-muted-foreground max-w-3xl mx-auto">
                Masz pytania? Skontaktuj się z naszym doradcą, który pomoże Ci przejść przez proces uzyskania
                dofinansowania.
              </p>
            </div>
            <div className="grid gap-4 sm:gap-8 grid-cols-1 sm:grid-cols-2 max-w-3xl mx-auto">
              <Card className="text-center">
                <CardHeader>
                  <CardTitle className="text-lg sm:text-xl">Telefon</CardTitle>
                </CardHeader>
                <CardContent>
                  <a
                    href="tel:+48798688524"
                    className="text-base sm:text-lg md:text-xl font-medium bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:underline"
                  >
                    +48 798 688 524
                  </a>
                </CardContent>
              </Card>
              <Card className="text-center">
                <CardHeader>
                  <CardTitle className="text-lg sm:text-xl">Email</CardTitle>
                </CardHeader>
                <CardContent>
                  <a
                    href="mailto:info@dotacjenaoze.com.pl"
                    className="text-base sm:text-lg md:text-xl font-medium bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent hover:underline break-all"
                  >
                    info@dotacjenaoze.com.pl
                  </a>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>
      </main>
      <footer className="w-full border-t bg-background">
        <div className="container py-4 sm:py-6 flex flex-col sm:flex-row items-center justify-center sm:justify-between gap-4 sm:gap-0">
          <div className="flex items-center gap-2">
            <EULogo size="20" className="sm:size-24" />
            <span className="text-xs sm:text-sm text-muted-foreground text-center sm:text-left">
              Fundusze europejskie na odnawialne źródła energii
            </span>
          </div>
          <div className="flex flex-col sm:flex-row items-center gap-2 sm:gap-4">
            <p className="text-xs sm:text-sm text-muted-foreground">
              © {new Date().getFullYear()} Wszelkie prawa zastrzeżone
            </p>
            <Link
              href="/polityka-prywatnosci"
              className="text-xs sm:text-sm text-muted-foreground hover:text-foreground"
            >
              Polityka prywatności
            </Link>
          </div>
        </div>
      </footer>
    </div>
  )
}
</article></body></html>