import React from "react";
import Image from "next/image";
import Link from "next/link";

export const Logo = () => {
  return (
    <Link
      href="/"
      rel="noopener noreferrer"
      prefetch={false}
      aria-label="Startseite"
      title="Startseite"
    >
      {/*
        ACHTUNG: Dieses Logo muss als Hintergrundbild (div mit background-image)
        implementiert bleiben, um ein einfaches Kopieren des Bildes zu erschweren.
        Kein <Image> Tag verwenden!
      */}
      <div
        className="w-[200px] h-[80px] bg-contain bg-no-repeat bg-center"
        style={{ backgroundImage: `url(/logo.webp)` }}
      />
    </Link>
  );
};