import { Metadata } from "next";
import { Section } from "@/components/layout/Section";
import { Container } from "@/components/layout/Container";

export const metadata: Metadata = {
    title: "Impressum",
    description: "Impressum der Telenet Systems GmbH",
};

export default function ImpressumPage() {
    return (
        <main>
            <Section variant="hero" className="bg-[var(--color-muted)]">
                <Container variant="narrow">
                    <h1>Impressum</h1>
                </Container>
            </Section>

            <Section>
                <Container variant="narrow">
                    <div className="prose max-w-none">
                        <h2 className="heading-3">Angaben gemäß § 5 ECG</h2>

                        <div className="card mb-[var(--spacing-xl)]">
                            <p className="text-[var(--color-primary)] font-medium mb-[var(--spacing-sm)]">
                                ⚠️ PLATZHALTER – Bitte durch echte Daten ersetzen
                            </p>
                            <p className="text-muted text-sm">
                                Die folgenden Angaben sind Platzhalter und müssen durch die korrekten
                                Unternehmensdaten ersetzt werden.
                            </p>
                        </div>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Unternehmensbezeichnung</h3>
                        <p className="text-muted">
                            Telenet Systems GmbH<br />
                            PLACEHOLDER: Straße und Hausnummer<br />
                            6600 Reutte<br />
                            Österreich
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Kontakt</h3>
                        <p className="text-muted">
                            Telefon: PLACEHOLDER: Telefonnummer<br />
                            E-Mail: PLACEHOLDER: E-Mail-Adresse<br />
                            Website: https://www.tnr.at
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Unternehmensgegenstand</h3>
                        <p className="text-muted">
                            Telekommunikationsdienstleistungen und IT-Services
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Firmenbuchnummer</h3>
                        <p className="text-muted">
                            PLACEHOLDER: FN XXXXXX x
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Firmenbuchgericht</h3>
                        <p className="text-muted">
                            PLACEHOLDER: Landesgericht Innsbruck
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">UID-Nummer</h3>
                        <p className="text-muted">
                            PLACEHOLDER: ATU XXXXXXXX
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Geschäftsführung</h3>
                        <p className="text-muted">
                            PLACEHOLDER: Name des/der Geschäftsführer(s)
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Aufsichtsbehörde</h3>
                        <p className="text-muted">
                            Bezirkshauptmannschaft Reutte
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Berufsrecht</h3>
                        <p className="text-muted">
                            Gewerbeordnung: www.ris.bka.gv.at
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Streitbeilegung</h3>
                        <p className="text-muted">
                            Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit,
                            die Sie unter{" "}
                            <a
                                href="https://ec.europa.eu/consumers/odr"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="text-[var(--color-primary)]"
                            >
                                ec.europa.eu/consumers/odr
                            </a>{" "}
                            finden.
                        </p>

                        <h3 className="heading-4 mt-[var(--spacing-xl)]">Haftungsausschluss</h3>
                        <p className="text-muted">
                            Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die
                            Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich
                            deren Betreiber verantwortlich.
                        </p>
                    </div>
                </Container>
            </Section>
        </main>
    );
}
