- Ich bin seit mehr als 26 Jahren auf dem Versicherungsmarkt erfolgreich -
+ Ich bin seit mehr als 32 Jahren auf dem Versicherungsmarkt erfolgreich -
und Sie profitieren davon: mit einer umfassenden Bedarfsanalyse und optimalen
persönlichen Angeboten.
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index e713c90..8e9658a 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -165,6 +165,57 @@ const Index = () => {
{ label: 'Sterbegeldversicherung', href: '/senioren-sterbegeldversicherung' },
],
},
+ {
+ id: 'home-riester',
+ kicker: 'Altersvorsorge',
+ title: 'Riester-Rente',
+ subtitle: 'Staatliche Förderung für Ihre sichere Zukunft.',
+ imageUrl: import.meta.env.BASE_URL + encodeURI('Chatgpt_bilder/Riester-Rente.png'),
+ imagePosition: 'center 30%',
+ ctas: [
+ { label: 'Mehr erfahren', href: '/riester-rente' },
+ { label: 'Beratung', href: '/contact#contact' },
+ ],
+ topics: [
+ { label: 'Riester-Rente', href: '/riester-rente' },
+ { label: 'Fondsgebundene Rente', href: '/fondsgebundene-rentenversicherung' },
+ { label: 'Altersvorsorge', href: '/altersvorsorge' },
+ ],
+ },
+ {
+ id: 'home-fondsrente',
+ kicker: 'Altersvorsorge',
+ title: 'Fondsgebundene Rentenversicherung',
+ subtitle: 'Exklusive Lösung zu Fondsrenten – langfristig, flexibel, planbar.',
+ imageUrl: import.meta.env.BASE_URL + encodeURI('iStock-652772652.jpg'),
+ imagePosition: 'center 35%',
+ ctas: [
+ { label: 'Mehr erfahren', href: '/fondsgebundene-rentenversicherung' },
+ { label: 'Zur Übersicht', href: '/altersvorsorge' },
+ ],
+ topics: [
+ { label: 'Fondsgebundene Rente', href: '/fondsgebundene-rentenversicherung' },
+ { label: 'Riester-Rente', href: '/riester-rente' },
+ { label: 'Altersvorsorge', href: '/altersvorsorge' },
+ ],
+ },
+ {
+ id: 'home-altersvorsorge',
+ kicker: 'Altersvorsorge',
+ title: 'Altersvorsorge im Überblick',
+ subtitle: 'Vergleichen Sie passende Lösungen – verständlich und transparent.',
+ imageUrl: import.meta.env.BASE_URL + encodeURI('Fotolia_67327775_XS.jpg'),
+ imagePosition: 'center 35%',
+ ctas: [
+ { label: 'Zur Übersicht', href: '/altersvorsorge' },
+ { label: 'Beratung', href: '/contact#contact' },
+ ],
+ topics: [
+ { label: 'Altersvorsorge', href: '/altersvorsorge' },
+ { label: 'Riester-Rente', href: '/riester-rente' },
+ { label: 'Fondsgebundene Rente', href: '/fondsgebundene-rentenversicherung' },
+ ],
+ },
{
id: 'home-2',
kicker: 'Private Krankenversicherung',
diff --git a/src/pages/KFZ.tsx b/src/pages/KFZ.tsx
index 077c78e..46be507 100644
--- a/src/pages/KFZ.tsx
+++ b/src/pages/KFZ.tsx
@@ -10,7 +10,11 @@ const KFZ = () => {
const { t } = useTranslation('kfz');
const navigate = useNavigate();
const baseUrl = import.meta.env.BASE_URL;
- const assetUrl = (fileName: string) => `${baseUrl}${encodeURI(fileName)}`;
+ const assetUrl = (fileName: string) => {
+ const normalizedBase = (baseUrl && baseUrl.length > 0 ? baseUrl : '/').replace(/\/+$/, '/') ;
+ const normalizedFile = fileName.replace(/^\/+/, '');
+ return `${normalizedBase}${encodeURI(normalizedFile)}`;
+ };
return (
@@ -54,7 +58,7 @@ const KFZ = () => {
].map((item) => (
navigate(item.href)}
@@ -64,7 +68,7 @@ const KFZ = () => {
>
diff --git a/src/pages/Privatkunden.tsx b/src/pages/Privatkunden.tsx
index 28f82fc..7116eca 100644
--- a/src/pages/Privatkunden.tsx
+++ b/src/pages/Privatkunden.tsx
@@ -137,7 +137,7 @@ const Privatkunden = () => {
{focusTopics.map((item) => (
navigate(item.href)}
@@ -147,7 +147,7 @@ const Privatkunden = () => {
>
@@ -265,7 +265,7 @@ const Privatkunden = () => {
{[
{ title: t('details.risiko.unfallversicherung', 'Unfallversicherung'), href: '/unfall' },
- { title: t('details.risiko.rechtsschutzversicherung', 'Rechtsschutzversicherung'), href: '/service' }
+ { title: t('details.risiko.rechtsschutzversicherung', 'Rechtsschutzversicherung'), href: '/rechtsschutzversicherung' }
].map((link) => (
{
{t('details.label', 'Details:')}
{[
- { title: t('details.altersvorsorge.privateRentenversicherung', 'Private Rentenversicherung'), href: '/finanzen' },
- { title: t('details.altersvorsorge.riester', 'Riester-Rente'), href: '/finanzen' },
+ { title: t('details.altersvorsorge.fondsgebunden', 'Fondsgebundene Rentenversicherung'), href: '/fondsgebundene-rentenversicherung' },
+ { title: t('details.altersvorsorge.riester', 'Riester-Rente'), href: '/riester-rente' },
{ title: t('details.altersvorsorge.ruerup', 'Rürup-Rente'), href: '/finanzen' },
{ title: t('details.altersvorsorge.bav', 'Betriebliche Altersvorsorge'), href: '/finanzen' }
].map((link) => (
diff --git a/src/pages/RiesterRenteFinal.tsx b/src/pages/RiesterRenteFinal.tsx
new file mode 100644
index 0000000..ef635e8
--- /dev/null
+++ b/src/pages/RiesterRenteFinal.tsx
@@ -0,0 +1,429 @@
+import React, { useEffect, useState } from 'react';
+import { Link, useLocation, useNavigate } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import {
+ BadgeCheck,
+ BarChart3,
+ Calculator,
+ Download,
+ FileCheck,
+ FileText,
+ LineChart,
+ Mail,
+ Phone,
+ ShieldCheck,
+ TrendingUp,
+} from 'lucide-react';
+import Layout from '@/components/Layout';
+import GeneralNotice from '@/components/GeneralNotice';
+import HeroSlider from '@/components/HeroSlider';
+import { Button } from '@/components/ui/button';
+import Disclaimer from '@/components/Disclaimer';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import TwoColumnTab from '@/components/tab-pages/TwoColumnTab';
+import RightImageCard from '@/components/tab-pages/RightImageCard';
+
+const TAB_OVERVIEW = 'overview';
+const TAB_DETAILS = 'details';
+const TAB_STATISTICS = 'statistics';
+const TAB_CALCULATOR = 'calculator';
+const TAB_FORM = 'form';
+const TAB_CATALOG = 'catalog';
+const TAB_BROCHURE = 'brochure';
+
+const RiesterRenteFinal = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const { t } = useTranslation('riester_rente');
+
+ const baseUrl = import.meta.env.BASE_URL;
+ const assetUrl = (fileName: string) => `${baseUrl}${encodeURI(fileName)}`;
+
+ const [activeTab, setActiveTab] = useState
(TAB_OVERVIEW);
+
+ const statistics = [
+ { label: t('stats.s1.label', 'Verträge'), value: t('stats.s1.value', '16,5 Mio') },
+ { label: t('stats.s2.label', 'Förderung/Jahr'), value: t('stats.s2.value', '10 Mrd €') },
+ { label: t('stats.s3.label', 'Zulagen'), value: t('stats.s3.value', '175 €/Kind') },
+ { label: t('stats.s4.label', 'Zufriedenheit'), value: t('stats.s4.value', '89%') },
+ ];
+
+ useEffect(() => {
+ const hash = (location.hash || '').replace('#', '').toLowerCase();
+
+ if (hash === TAB_DETAILS) setActiveTab(TAB_DETAILS);
+ else if (hash === TAB_STATISTICS) setActiveTab(TAB_STATISTICS);
+ else if (hash === TAB_CALCULATOR) setActiveTab(TAB_CALCULATOR);
+ else if (hash === TAB_FORM) setActiveTab(TAB_FORM);
+ else if (hash === TAB_CATALOG) setActiveTab(TAB_CATALOG);
+ else if (hash === TAB_BROCHURE) setActiveTab(TAB_BROCHURE);
+ else setActiveTab(TAB_OVERVIEW);
+
+ if (!hash) return;
+
+ window.setTimeout(() => {
+ const tabSection = document.getElementById('tab-section');
+ if (tabSection) tabSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
+ }, 100);
+ }, [location.hash]);
+
+ const onTabChange = (tab: string) => {
+ setActiveTab(tab);
+ if (tab === TAB_OVERVIEW) {
+ navigate(location.pathname, { replace: true });
+ return;
+ }
+ navigate(`${location.pathname}#${tab}`, { replace: true });
+ };
+
+ const phoneLabel = t('form.phoneNumber', 'Telefon: 0171 / 9864053');
+ const EMAIL = 'info@finanzen-mizera.de';
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ {t('tabs.overview', 'Übersicht')}
+
+
+
+
+ {t('tabs.details', 'Details')}
+
+
+
+
+ {t('tabs.statistics', 'Statistik')}
+
+
+
+
+ {t('tabs.calculator', 'Rechner')}
+
+
+
+
+ {t('tabs.form', 'Anfrage')}
+
+
+
+
+ {t('tabs.catalog', 'Ratgeber')}
+
+
+
+
+ {t('tabs.brochure', 'PDF')}
+
+
+
+
+
+
+
+ {t('overview.badge', 'Riester – staatlich gefördert')}
+
+
+ {t('overview.title', 'Mehr Förderung für Ihre Rente')}
+ {t('overview.subtitle', 'Wir prüfen, ob sich Riester für Sie lohnt.')}
+
+ {t('overview.description')}
+
+
+
+
+
+
+
+
+
+
+
{t('overview.feature1Title', 'Förderung')}
+
{t('overview.feature1Desc', 'Zulagen & Steuervorteile')}
+
+
+
+
+
+
{t('overview.feature2Title', 'Planbar')}
+
{t('overview.feature2Desc', 'Langfristige Vorsorge')}
+
+
+
+
+
+
})
{
+ (e.currentTarget as HTMLImageElement).style.display = 'none';
+ }}
+ />
+
+
+
+ {t('overview.imageCaption', 'Zulagen prüfen')}
+
+
{t('overview.imageSubtext')}
+
+
+
+
+
+
+
+
{t('details.title', 'Details')}
+
{t('details.subtitle')}
+
+
+
+ {[
+ { icon: TrendingUp, title: t('details.cards.0.title'), desc: t('details.cards.0.desc') },
+ { icon: ShieldCheck, title: t('details.cards.1.title'), desc: t('details.cards.1.desc') },
+ { icon: BadgeCheck, title: t('details.cards.2.title'), desc: t('details.cards.2.desc') },
+ ].map((item, idx) => (
+
+
+
+
+
+ {item.title}
+ {item.desc}
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+ {t('statistics.title', 'Riester-Rente in Zahlen')}
+
+
+ {t('statistics.subtitle', 'Fakten und Daten zur staatlichen Förderung')}
+
+
+
+
+ {statistics.map((stat, index) => (
+
+
+ {stat.value}
+ {stat.label}
+
+
+ ))}
+
+
+
+
+
+
+
+ {t('calculator.title', 'Fördercheck')}
+ {t('calculator.subtitle', 'Schnelle Orientierung – unverbindlich.')}
+
+
+ {t('calculator.placeholder', 'Rechner kommt als nächstes – wir beraten Sie gern persönlich.')}
+
+
+
+
+
+
+
+
+
+ {t('form.title', 'Anfrage')}
+ {t('form.subtitle', 'Wir melden uns kurzfristig bei Ihnen.')}
+
+
+
+
+
+
+
{t('form.phone', 'Telefon')}
+
{phoneLabel}
+
+
+
+
+
+
{t('form.email', 'E-Mail')}
+
{EMAIL}
+
+
+
+
+
+
+
+ {t('form.tipTitle', 'Tipp')}
+ {t('form.tipDescription', 'Wir prüfen Zulagen, Kosten und passende Tarife – transparent & verständlich.')}
+
+
+
+
+
+
+
+ {t('catalog.title', 'Ratgeber')}
+ {t('catalog.subtitle', 'Kurz & verständlich – die wichtigsten Punkte auf einen Blick.')}
+
+
+
+ {t('catalog.cardTitle', 'Was ist wichtig?')}
+ {t('catalog.cardDescription', 'Förderung, Kosten, Zulagenberechtigung, passende Produktart.')}
+
+
+
+
+
+
+
+
+ }
+ right={
+
+
+
+ {t('catalog.boxTitle', 'Hinweis')}
+ {t('catalog.boxDescription', 'Nicht für jeden sinnvoll – wir machen den Fördercheck mit Ihnen.')}
+
+
+
+ }
+ />
+
+
+
+
+ {t('brochure.title', 'Informationen (PDF)')}
+ {t('brochure.subtitle', 'PDF zum Download – auf Anfrage.')}
+
+
+
+ {t('brochure.cardTitle', 'PDF')}
+ {t('brochure.cardDescription', 'Gerne senden wir Ihnen die passende Broschüre zu.')}
+
+
+
+
+
+
+
+
+ }
+ right={
+
+
+
+ {t('brochure.tipTitle', 'Tipp')}
+ {t('brochure.tipDescription', 'Wir erklären verständlich – ohne Fachchinesisch.')}
+
+
+
+ }
+ />
+
+
+
+
+
+
- {/* Header */}
-
-
-
-
- {t('hero.title', 'Risikoschutz')}
-
-
- {t('hero.subtitle', 'Umfassender Schutz für Sie und Ihre Familie bei unvorhergesehenen Ereignissen')}
-
-
-
-
+
{/* Kacheln */}
@@ -72,7 +79,7 @@ const Risikoschutz = () => {
diff --git a/src/pages/Senioren.tsx b/src/pages/Senioren.tsx
index 903c983..57000b7 100644
--- a/src/pages/Senioren.tsx
+++ b/src/pages/Senioren.tsx
@@ -99,7 +99,7 @@ const Senioren = () => {
{focusTopics.map((item) => (
navigate(item.href)}
@@ -109,7 +109,7 @@ const Senioren = () => {
>
diff --git a/src/pages/Tierversicherung.tsx b/src/pages/Tierversicherung.tsx
index 30fd608..df241e4 100644
--- a/src/pages/Tierversicherung.tsx
+++ b/src/pages/Tierversicherung.tsx
@@ -84,7 +84,7 @@ const Tierversicherung = () => {
{/* Hundeversicherung */}
navigate('/tierversicherung/hunde')}
@@ -94,7 +94,7 @@ const Tierversicherung = () => {
>
@@ -124,7 +124,7 @@ const Tierversicherung = () => {
{/* Pferdeversicherung */}
navigate('/tierversicherung/pferde')}
@@ -134,7 +134,7 @@ const Tierversicherung = () => {
>
@@ -164,7 +164,7 @@ const Tierversicherung = () => {
{/* Katzenversicherung */}
navigate('/tierversicherung/katzen')}
@@ -174,7 +174,7 @@ const Tierversicherung = () => {
>
diff --git a/src/pages/Vermoegenssicherung.tsx b/src/pages/Vermoegenssicherung.tsx
index 99f3edf..ae8214c 100644
--- a/src/pages/Vermoegenssicherung.tsx
+++ b/src/pages/Vermoegenssicherung.tsx
@@ -98,7 +98,7 @@ const Vermoegenssicherung = () => {