"use client";

import {motion} from "framer-motion";

const fadeInUp = {
    hidden: {opacity: 0, y: 30},
    visible: (i: number) => ({
        opacity: 1,
        y: 0,
        transition: {
            duration: 0.6,
            delay: i * 0.2,
            ease: "easeOut",
        },
    }),
};

const ImprintComp = () => {
    const sections = [
        {
            title: "Impressum",
            content: (
                <>
                    Thatsaphorn Atchariyaphap<br/>
                    Rhein-Software (Einzelunternehmer)<br/>
                    Mühlenstrasse 13<br/>
                    79664 Wehr
                </>
            ),
        },
        {
            title: "Kontakt",
            content: (
                <>
                    Telefon: +49 (0) 151 24003632<br/>
                    E-Mail:{" "}
                    <a
                        href="mailto:contact@rhein-software.dev"
                        className="underline text-primary"
                    >
                        contact@rhein-software.dev
                    </a>
                </>
            ),
        },
        {
            title: "EU-Streitschlichtung",
            content: (
                <>
                    Die Europäische Kommission stellt eine Plattform zur
                    Online-Streitbeilegung (OS) bereit:{" "}
                    <a
                        href="https://ec.europa.eu/consumers/odr/"
                        target="_blank"
                        rel="noopener noreferrer"
                        className="underline text-primary"
                    >
                        https://ec.europa.eu/consumers/odr/
                    </a>
                    .<br/>
                    Unsere E-Mail-Adresse finden Sie oben im Impressum.
                </>
            ),
        },
        {
            title: "Verbraucherstreitbeilegung / Universalschlichtungsstelle",
            content: (
                <>
                    Wir sind nicht bereit oder verpflichtet, an
                    Streitbeilegungsverfahren vor einer
                    Verbraucherschlichtungsstelle teilzunehmen.
                </>
            ),
        },
    ];

    return (
        <div className="overflow-hidden bg-background text-foreground">
            <div className="mt-16 w-[90%] sm:w-[80%] mx-auto py-12 space-y-10 text-base leading-relaxed">
                {sections.map((section, i) => (
                    <motion.div
                        key={section.title}
                        custom={i}
                        initial="hidden"
                        whileInView="visible"
                        viewport={{once: true, amount: 0.2}}
                        variants={fadeInUp}
                    >
                        <h2 className="text-2xl font-bold mb-4">{section.title}</h2>
                        <div className="space-y-4">{section.content}</div>
                    </motion.div>
                ))}

                <motion.p
                    className="text-sm text-muted-foreground"
                    custom={4}
                    initial="hidden"
                    whileInView="visible"
                    viewport={{once: true, amount: 0.2}}
                    variants={fadeInUp}
                >
                    Quelle:{" "}
                    <a
                        href="https://www.e-recht24.de"
                        target="_blank"
                        rel="noopener noreferrer"
                        className="underline"
                    >
                        www.e-recht24.de
                    </a>
                </motion.p>
            </div>
        </div>
    );
};

export default ImprintComp;