mirror of
https://github.com/complexcaresolutions/frontend.sensualmoment.de.git
synced 2026-03-17 15:03:54 +00:00
- 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>
22 lines
809 B
TypeScript
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>
|
|
)
|
|
}
|