maroandClaude Sonnet 5
1cd15aff25
- Customer accounts now require email verification (hashed, single-use, time-limited tokens) before they can request/confirm bookings, with resend flows on login/account/booking widget and rate limiting. - Admins get a private, rotatable iCalendar (ICS) subscription feed of their confirmed bookings and public events, timezone-correct for Europe/Berlin including DST, never exposing meeting passwords. - Adds a full SEO layer: per-page canonical/OG/Twitter metadata with CMS-editable overrides and content-derived fallbacks, a dynamic sitemap.xml and robots.txt driven by real published content, JSON-LD (Organization/LocalBusiness, WebSite, WebPage, BreadcrumbList, Service, Event, BlogPosting) that never fabricates data, and a CMS-managed redirect table for changed slugs. - Global ANOUMA-naming audit: the brand name is never used to label personal account/calendar areas anywhere in the app, CMS, or emails. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
91 lines
3.0 KiB
TypeScript
91 lines
3.0 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Cormorant_Garamond, Inter } from "next/font/google";
|
|
import { Navbar } from "@/components/Navbar";
|
|
import { Footer } from "@/components/Footer";
|
|
import { siteConfig } from "@/lib/site";
|
|
import { getOffers } from "@/lib/payload/content";
|
|
import { getCurrentCustomer } from "@/lib/auth/customer";
|
|
import { getBookingSettingsGlobal, getContactGlobal, getSEOSettingsGlobal } from "@/lib/payload/globals";
|
|
import { getSiteUrl } from "@/lib/seo/config";
|
|
import { JsonLd, organizationOrLocalBusinessJsonLd, websiteJsonLd } from "@/lib/seo/jsonld";
|
|
import "./globals.css";
|
|
|
|
// Every page under this layout can read live content from Payload, so the
|
|
// whole subtree is rendered dynamically rather than statically at build time.
|
|
export const dynamic = "force-dynamic";
|
|
|
|
const cormorant = Cormorant_Garamond({
|
|
variable: "--font-cormorant",
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600"],
|
|
style: ["normal", "italic"],
|
|
});
|
|
|
|
const inter = Inter({
|
|
variable: "--font-inter",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL(siteConfig.domain),
|
|
title: {
|
|
default: siteConfig.title,
|
|
template: `%s — ${siteConfig.name}`,
|
|
},
|
|
description: siteConfig.description,
|
|
openGraph: {
|
|
type: "website",
|
|
locale: siteConfig.locale,
|
|
url: siteConfig.domain,
|
|
siteName: siteConfig.name,
|
|
title: siteConfig.title,
|
|
description: siteConfig.description,
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: siteConfig.title,
|
|
description: siteConfig.description,
|
|
},
|
|
// Configurable via env only — never a hardcoded verification ID (see .env.example).
|
|
...(process.env.GOOGLE_SITE_VERIFICATION ? { verification: { google: process.env.GOOGLE_SITE_VERIFICATION } } : {}),
|
|
};
|
|
|
|
export default async function RootLayout({ children }: LayoutProps<"/">) {
|
|
const [offers, customer, seoSettings, bookingSettings, contact, siteUrl] = await Promise.all([
|
|
getOffers(),
|
|
getCurrentCustomer(),
|
|
getSEOSettingsGlobal(),
|
|
getBookingSettingsGlobal(),
|
|
getContactGlobal(),
|
|
getSiteUrl(),
|
|
]);
|
|
|
|
return (
|
|
<html
|
|
lang="de"
|
|
data-scroll-behavior="smooth"
|
|
className={`${cormorant.variable} ${inter.variable} h-full antialiased`}
|
|
>
|
|
<body className="flex min-h-full flex-col bg-background text-foreground">
|
|
<JsonLd
|
|
data={[
|
|
websiteJsonLd(siteUrl),
|
|
organizationOrLocalBusinessJsonLd({ settings: seoSettings, booking: bookingSettings, contact, siteUrl }),
|
|
]}
|
|
/>
|
|
<a
|
|
href="#main-content"
|
|
className="sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[100] focus:rounded-full focus:bg-anouma-mauve-dark focus:px-5 focus:py-3 focus:text-anouma-cream-light"
|
|
>
|
|
Zum Inhalt springen
|
|
</a>
|
|
<Navbar offers={offers} customerName={customer?.name ?? null} />
|
|
<main id="main-content" className="flex-1">
|
|
{children}
|
|
</main>
|
|
<Footer />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|