frontend.sensualmoment.de/src/components/Logo.tsx
CCS Admin f4e610e81e feat: complete frontend scaffold with all pages and components
- Project foundation: Next.js 16, Tailwind v4, Google Fonts, payload-contracts
- Shared components: Navigation (scroll effect), Footer (Deep Navy), Logo (wordmark), ScrollReveal
- Homepage: Hero, AboutPreview, GalleryPreview, Testimonials, Packages, BlogPreview, Contact
- Inner pages: ueber-mich, galerie, pakete, journal, journal/[slug], kontakt, faq, impressum, datenschutz, agb
- CMS API client (src/lib/api.ts) with tenant-scoped fetch helpers
- server.js for Plesk Passenger deployment
- Color palette: Dark Wine, Blush, Bordeaux, Deep Navy, Creme, Espresso
- Fonts: Playfair Display (headlines), Cormorant Garamond (body), Josefin Sans (UI)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-27 12:57:57 +00:00

22 lines
809 B
TypeScript

import { cn } from "./utils"
interface LogoProps {
variant?: "primary" | "light" | "navy"
className?: string
}
const variantClasses: Record<NonNullable<LogoProps["variant"]>, string> = {
primary: "text-blush",
light: "text-bordeaux",
navy: "text-blush",
}
export function Logo({ variant = "primary", className }: LogoProps) {
return (
<div className={cn("inline-flex flex-col items-end leading-none", variantClasses[variant], className)}>
<span className="font-playfair text-[1.95rem] font-normal tracking-[0.03em]">Sensual</span>
<span className="-mt-1 pr-[0.06em] font-playfair text-[1.2rem] font-normal italic tracking-[0.02em]">Moment</span>
<span className="mt-1 font-josefin text-[0.52rem] font-light uppercase tracking-[0.42em]">PHOTOGRAPHY</span>
</div>
)
}