b6909e756c
Swaps navbar layout (theme toggle left, nav links right), replaces the mobile dropdown with a fullscreen overlay whose items fly in top-to-bottom, and renames the site-wide "slate" gray to "neutral" to remove a blue undertone that clashed with the brand green. Also converts the flat saturated-green YouTube and stats sections into dark backgrounds with green used only as an accent, matching typical premium car-audio branding. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
import { useCookieConsent } from '../context/CookieConsentContext.jsx';
|
|
|
|
export default function ExternalEmbed({ name, description, className = '', children }) {
|
|
const { consent, acceptAll, openSettings } = useCookieConsent();
|
|
|
|
if (consent.external) {
|
|
return children;
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className={`flex flex-col items-center justify-center gap-3 rounded-xl border border-neutral-200 bg-neutral-50 p-6 text-center dark:border-neutral-800 dark:bg-neutral-900/40 ${className}`}
|
|
>
|
|
<p className="text-sm text-neutral-600 dark:text-neutral-300">
|
|
{description || `${name} wird erst nach deiner Zustimmung geladen, da dabei Daten an Google übertragen werden.`}
|
|
</p>
|
|
<div className="flex flex-wrap justify-center gap-2">
|
|
<button
|
|
type="button"
|
|
onClick={acceptAll}
|
|
className="rounded-md bg-brand-500 px-4 py-2 text-sm font-semibold text-white hover:bg-brand-600"
|
|
>
|
|
Laden erlauben
|
|
</button>
|
|
<button
|
|
type="button"
|
|
onClick={openSettings}
|
|
className="rounded-md border border-neutral-300 px-4 py-2 text-sm dark:border-neutral-700"
|
|
>
|
|
Cookie-Einstellungen
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|