import React from 'react';
import { useTranslation } from 'react-i18next';
import { Shield, Phone, Mail, MapPin, Building, User, Calendar, Globe, FileText } from 'lucide-react';
import Layout from '@/components/Layout';
import Disclaimer from '@/components/Disclaimer';

const Impressum = () => {
  const { t } = useTranslation('impressum');
  const baseUrl = import.meta.env.BASE_URL;

  return (
    <Layout>
      <div className="min-h-screen bg-gray-50">
        {/* Content */}
        <div className="container mx-auto px-4 py-12">
          <div className="max-w-4xl mx-auto">
            <div className="bg-white rounded-lg shadow-md p-8">

              <div className="flex justify-center mb-8">
                <img
                  src={`${baseUrl}${encodeURI('Agentur Mizera & Partner logo_2016.png')}`}
                  alt="Agentur Mizera & Partner"
                  className="h-20 w-auto"
                  loading="eager"
                />
              </div>
              
              {/* Responsible Person */}
              <div className="mb-8">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 flex items-center">
                  <User className="h-6 w-6 mr-2 text-blue-600" />
                  Verantwortlich nach § 6 Abs.2 MDStV
                </h2>
                
                <div className="bg-blue-50 rounded-lg p-6 mb-6">
                  <h3 className="text-xl font-semibold text-gray-900 mb-4">Anbieter & Erstinformation des Versicherungsmaklers:</h3>
                  
                  <div className="space-y-3 text-gray-700">
                    <p className="font-semibold">Herr Marian Adam, Mizera</p>
                    <p>Finanz- und Versicherungsvermittlung seit 1994</p>
                    <p>Unabhängige Finanz- und Versicherungsmakler mit Erlaubnis nach § 34d Abs. 1 GewO</p>
                    <p>Versicherungsfachmann (BWV)*</p>
                    <p className="text-sm text-gray-600">(*Berufsbildungswerk der Deutschen Versicherungswirtschaft (BWV) e.V.)</p>
                    <p>Experte Betriebliche Altersversorgung (DVA)*</p>
                    <p className="text-sm text-gray-600">(*Deutsche Versicherungsakademie, München)</p>
                  </div>
                </div>
              </div>

              {/* Company & Office Address */}
              <div className="mb-8">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 flex items-center">
                  <Building className="h-6 w-6 mr-2 text-blue-600" />
                  Firmen & Büroanschrift
                </h2>
                
                <div className="space-y-4 text-gray-700">
                  <div className="flex items-start space-x-3">
                    <MapPin className="h-5 w-5 mt-1 text-blue-600 flex-shrink-0" />
                    <div>
                      <p className="font-medium">Homeoffice, Termine - nach vorheriger telefonischer Vereinbarung</p>
                      <p className="text-sm">Rosmarinstraße 30 d</p>
                      <p className="text-sm">40235 Düsseldorf</p>
                    </div>
                  </div>
                  
                  <div className="flex items-start space-x-3">
                    <Phone className="h-5 w-5 mt-1 text-blue-600 flex-shrink-0" />
                    <div>
                      <p className="font-medium">Telefon:</p>
                      <p className="text-sm">0211 / 97629355</p>
                    </div>
                  </div>
                  
                  <div className="flex items-start space-x-3">
                    <FileText className="h-5 w-5 mt-1 text-blue-600 flex-shrink-0" />
                    <div>
                      <p className="font-medium">Fax:</p>
                      <p className="text-sm">0211 / 97629358</p>
                    </div>
                  </div>
                  
                  <div className="flex items-start space-x-3">
                    <Mail className="h-5 w-5 mt-1 text-blue-600 flex-shrink-0" />
                    <div>
                      <p className="font-medium">E-Mail:</p>
                      <p className="text-sm"><a href="mailto:info@finanzen-mizera.de" className="text-blue-600 hover:text-blue-800 underline">info@finanzen-mizera.de</a></p>
                    </div>
                  </div>
                  
                  <div className="flex items-start space-x-3">
                    <Globe className="h-5 w-5 mt-1 text-blue-600 flex-shrink-0" />
                    <div>
                      <p className="font-medium">Internet:</p>
                      <p className="text-sm">http://www.finanzen-mizera.de</p>
                    </div>
                  </div>
                </div>
              </div>

              {/* Registration Information */}
              <div className="mb-8">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 flex items-center">
                  <FileText className="h-6 w-6 mr-2 text-blue-600" />
                  Angaben zur Registerstelle
                </h2>
                
                <div className="space-y-4 text-gray-700">
                  <div>
                    <p className="font-medium mb-2">Erlaubniserteilung durch die Industrie- und Handelskammer Düsseldorf</p>
                    <p className="text-sm">Internet: http://www.duesseldorf.ihk.de/</p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Versicherungsvermittlerregister - Internet:</p>
                    <p className="text-sm">http://www.vermittlerregister.info/</p>
                  </div>
                  
                  <div className="bg-gray-50 p-4 rounded-lg">
                    <p className="font-medium mb-2">Status des Vermittlers nach Gewerbeordnung:</p>
                    <p className="text-sm">
                      Wir sind als Versicherungsmakler nach § 34d Abs. 1 der Gewerbeordnung tätig und im Vermittlerregister 
                      unter der Nummer D-KBB8-VTH9O-29 registriert. Als freier Makler bin ich bei der Auswahl der 
                      Versicherungsprodukte nicht verpflichtet Versicherungen eines Unternehmens zu vermitteln.
                    </p>
                  </div>
                </div>
              </div>

              {/* Dispute Resolution */}
              <div className="mb-8">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 flex items-center">
                  <Shield className="h-6 w-6 mr-2 text-blue-600" />
                  Schlichtungsstellen zur außergerichtlichen Streitbeilegung
                </h2>
                
                <div className="space-y-4 text-gray-700">
                  <div className="bg-gray-50 p-4 rounded-lg">
                    <p className="font-medium mb-2">Versicherungsombudsmann e. V.</p>
                    <p className="text-sm">Postfach 08 06 32</p>
                    <p className="text-sm">10006 Berlin</p>
                    <p className="text-sm">www.versicherungsombudsmann.de</p>
                  </div>
                  
                  <div className="bg-gray-50 p-4 rounded-lg">
                    <p className="font-medium mb-2">Ombudsmann für private Kranken- und Pflegeversicherung</p>
                    <p className="text-sm">Postfach 06 02 22</p>
                    <p className="text-sm">10052 Berlin</p>
                    <p className="text-sm">Tel.: 0 18 02 - 55 04 44</p>
                    <p className="text-sm">Fax.: 0 30 - 20 45 89 31</p>
                    <p className="text-sm">www.pkv-ombudsmann.de</p>
                  </div>
                  
                  <div className="bg-gray-50 p-4 rounded-lg">
                    <p className="font-medium mb-2">Ombudsfrau der privaten Bausparkassen</p>
                    <p className="text-sm">Verband der privaten Bausparkassen e.V.</p>
                    <p className="text-sm">Postfach 30 30 79</p>
                    <p className="text-sm">10730 Berlin</p>
                  </div>
                </div>
              </div>

              {/* Design & Development */}
              <div className="mb-8">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 flex items-center">
                  <Building className="h-6 w-6 mr-2 text-blue-600" />
                  Konzeption & technische Realisierung
                </h2>
                
                <div className="space-y-4 text-gray-700">
                  <div className="bg-gray-50 p-4 rounded-lg">
                    <p className="font-medium mb-2">Konzeption & grafische Gestaltung / technische Realisierung</p>
                    <p className="text-sm">Agentur Mizera & Partner</p>
                    <p className="text-sm">Herr Marian Adam Mizera</p>
                    <p className="text-sm">E-Mail: <a href="mailto:info@finanzen-mizera.de" className="text-blue-600 hover:text-blue-800 underline">info@finanzen-mizera.de</a></p>
                    <p className="text-sm">Internet: www.finanzen-mizera.de</p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Grafische Gestaltung / Fotos</p>
                    <p className="text-sm">© Copyright - Fotolia Fotos</p>
                    <p className="text-sm">© Copyright - iStock – über Richard Ch</p>
                    <p className="text-sm">© Copyright - Czeslaw D.</p>
                    <p className="text-sm">© Copyright - Kundenfotos</p>
                  </div>
                </div>
              </div>

              {/* Content Disclaimer */}
              <div className="mb-8">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 flex items-center">
                  <FileText className="h-6 w-6 mr-2 text-blue-600" />
                  Rechtliche Hinweise
                </h2>
                
                <div className="space-y-6 text-gray-700">
                  <div>
                    <p className="font-medium mb-2">Hinweis zu den Inhalten:</p>
                    <p className="text-sm">
                      Bei den Tipps und Informationen auf diesen Seiten handelt es sich um allgemeine, 
                      unverbindliche Hinweise zu Versicherungen. Die rechtsverbindlichen Bestimmungen 
                      entnehmen Sie bitte den Versicherungsbedingungen des jeweiligen Versicherungsunternehmens.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Rechtshinweis:</p>
                    <p className="text-sm">
                      Die Informationen auf diesen Webseiten werden von der Agentur Mizera ständig geprüft 
                      und aktualisiert. Trotz aller Sorgfalt können sich aber Angaben zwischenzeitlich 
                      verändert haben. Eine Haftung oder Garantie für die Aktualität, Richtigkeit und 
                      Vollständigkeit der zur Verfügung gestellten Informationen kann daher nicht übernommen 
                      werden. Gleiches gilt auch für alle Websites, auf die mittels eines Hyperlinks verwiesen 
                      wird. Für den Inhalt der Websites, die mit einer solchen Verbindung erreicht werden, 
                      ist die Agentur Mizera nicht verantwortlich.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Datenschutz:</p>
                    <p className="text-sm">
                      Schutz und Sicherheit Ihrer personenbezogenen Daten sind für mich von großer Bedeutung. 
                      Die Datenverarbeitung bei der Agentur Mizera basiert auf moderner Sicherheitstechnik und 
                      erfolgt nach den gesetzlichen Bestimmungen des Bundesdatenschutzgesetzes (BDSG).
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Daten, die durch die Browser-/Internet-Technologie übermittelt werden:</p>
                    <p className="text-sm">
                      Ihr Besuch auf meine Web-Seiten wird nicht protokolliert. Erfasst werden der aktuell 
                      von Ihrem PC verwendeter Browsertyp und das Betriebssystem Ihres PC`s. Ein Personenbezug 
                      ist mir nicht möglich. Diese Daten werden nur zur statistischen Zwecken verwendet. 
                      Es werden auch keine personenbezogenen Surfprofile oder ähnliches erstellt oder verarbeitet.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Verwendung Ihrer personenbezogenen Daten:</p>
                    <p className="text-sm">
                      Die personenbezogenen Daten, die Sie mir über eine Web-Seite mitteilen (z.B. Name, 
                      Adresse, E-Mail Adresse) werden nur zur Korrespondenz mit Ihnen und nur für den Zweck 
                      verarbeitet, zu dem Sie mir die Daten zur Verfügung gestellt haben (z.B. Anforderung 
                      von Informationsmaterial, Angebotserstellung). Ich versichere, dass ich Ihre 
                      personenbezogenen Daten nicht an Dritte weitergebe, es sei denn, dass ich gesetzlich 
                      dazu verpflichtet wäre oder Sie mir vorher Ihre Zustimmung gegeben haben. Soweit ich zur 
                      Durchführung und Abwicklung von Verarbeitungsprozessen Dienstleister in Anspruch nehme, 
                      werden die Vertragsverhältnisse nach den Bestimmungen des BDSG geregelt.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Einwilligung:</p>
                    <p className="text-sm">
                      Um Ihnen persönlichen Service, wie z.B. mein Onlineantrag per Internet zur Verfügung 
                      stellen zu können, ist Ihre Einwilligung nötig, damit ich die entsprechenden Daten zu 
                      dem jeweils angegebenen Zweck erheben, verarbeiten und nutzen dürfen. Diese elektronische 
                      Einwilligung ist analog den gesetzlichen Bestimmungen auf der betreffenden Web-Seite 
                      angebracht und wird protokolliert. Ich weise Sie ausdrücklich daraufhin, dass Sie diese 
                      Einwilligung jederzeit mit Wirkung für die Zukunft widerrufen können.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Ihre Rechte:</p>
                    <p className="text-sm">
                      Ihnen steht ein Auskunftsrecht über Sie betreffende gespeicherte personenbezogene 
                      Daten, ferner ein Recht auf Berichtigung unrichtiger Daten, Sperrung und Löschung zu.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Hinweis zu den Links:</p>
                    <p className="text-sm">
                      Mit Urteil vom 12. Mai 1998 - 312 O 85/98 - "Haftung für Links" hat das Landgericht 
                      Hamburg entschieden, dass man durch die Anbringung eines Links die Inhalte der 
                      gelinkten Seite ggf. mit zu verantworten hat. Dies kann nur dadurch verhindert werden, 
                      dass man sich ausdrücklich von diesen Inhalten distanziert. Hiermit distanzieren wir 
                      uns ausdrücklich von allen Inhalten aller gelinkten Seiten auf dieser Homepage und 
                      machen uns diese Inhalte nicht zu eigen. Diese Erklärung gilt für alle auf dieser 
                      Homepage angebrachten Links.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Copyright:</p>
                    <p className="text-sm">
                      © Copyright - Agentur Finanzen Mizera. Alle Rechte vorbehalten. Texte, Bilder, Grafiken, 
                      Audio-Files, Animationen und Videos, sowie deren Anordnung auf Websites unterliegen dem 
                      Schutz des Urheberrechts und anderer Schutzgesetze. Der Inhalt dieser Website darf nicht 
                      zu kommerziellen Zwecken kopiert, verbreitet, verändert oder Dritten zugänglich gemacht werden.
                    </p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Abschließender Hinweis:</p>
                    <p className="text-sm">
                      Bei den Tipps und Informationen auf diesen Seiten handelt es sich um allgemeine, 
                      unverbindliche Hinweise zu Versicherungen. Trotz meiner beruflichen Erfahrung handelt 
                      es sich hierbei um eine private Meinungsäußerung, ohne Anspruch auf Richtigkeit, ohne 
                      Haftung und ohne Ersatz für eine Beratung. Die rechtsverbindlichen Bestimmungen 
                      entnehmen Sie bitte den Versicherungsbedingungen des jeweiligen Versicherungsunternehmens.
                    </p>
                  </div>
                </div>
              </div>

              {/* Contact Information */}
              <div className="mb-8 bg-blue-50 rounded-lg p-6">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 text-center">SIE ERREICHEN MICH</h2>
                
                <div className="grid md:grid-cols-3 gap-6 text-center">
                  <div>
                    <p className="font-medium mb-2">Mobil:</p>
                    <p className="text-lg">0171 / 98 64 053</p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Büro Düsseldorf:</p>
                    <p className="text-lg">0211 / 97629355</p>
                  </div>
                  
                  <div>
                    <p className="font-medium mb-2">Fax Büro Düsseldorf:</p>
                    <p className="text-lg">0211 / 97629358</p>
                  </div>
                </div>
                
                <div className="text-center mt-6">
                  <p className="font-medium mb-2">E-Mail:</p>
                  <p className="text-lg"><a href="mailto:info@finanzen-mizera.de" className="text-blue-600 hover:text-blue-800 underline">info@finanzen-mizera.de</a></p>
                </div>
              </div>

              {/* 10 Good Reasons */}
              <div className="mb-8">
                <h2 className="text-2xl font-semibold text-gray-900 mb-6 text-center">10 gute Gründe</h2>
                
                <div className="bg-gray-50 rounded-lg p-6">
                  <div className="grid md:grid-cols-2 gap-4 text-center">
                    {[
                      'Erfahrung',
                      'Unabhängigkeit',
                      'Transparenz',
                      'Qualität',
                      'Vertrauen',
                      'Individualität',
                      'Exklusivität',
                      'Vielseitigkeit',
                      'Diskretion',
                      'Alles aus einer Hand'
                    ].map((reason, index) => (
                      <div key={index} className="bg-white p-3 rounded-lg shadow-sm">
                        <p className="font-medium text-blue-600">{reason}</p>
                      </div>
                    ))}
                  </div>
                  
                  <div className="mt-6 text-center">
                    <p className="text-gray-700">
                      Ich bin seit mehr als 26 Jahren auf dem Versicherungsmarkt erfolgreich - 
                      und Sie profitieren davon: mit einer umfassenden Bedarfsanalyse und optimalen 
                      persönlichen Angeboten.
                    </p>
                  </div>
                </div>
              </div>

              {/* Last Updated */}
              <div className="border-t pt-6">
                <div className="flex items-center text-gray-500 text-sm">
                  <Calendar className="h-4 w-4 mr-2 text-blue-600" />
                  <p>Stand: {new Date().toLocaleDateString('de-DE')}</p>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>

      <Disclaimer />
    </Layout>
  );
};

export default Impressum;