Claude
c25a3f9381
- Hell mit feinen Rasterlinien, breite Versal-Headlines (Archivo Expanded), kleine Serifen-Labels, eckige Buttons mit Füll-/Text-Roll-Hover - Hero: Foto aus dem Salon statt animiertem Hintergrund, eine Headline, ein Button; "Termin buchen" oben rechts nur noch als Textlink - Chrom-Wortmarke, Seidenhintergrund, Laufband, Kreis-Badge, großer Schluss-CTA und mobile Buchungsleiste entfernt; deutlich weniger Text - Neue interaktive Elemente: Menü-Overlay mit Bildwechsel pro Link, Team als Namensliste mit Porträt-Wisch-Übergang, Preise als Akkordeon mit Team-Thumbnails, Footer mit Fotoraster zwischen den Wörtern - Bilder aus den echten Salon-Fotos (Logo-Wand), neues Favicon/OG-Bild Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF
28 lines
529 B
TypeScript
28 lines
529 B
TypeScript
import type { SVGProps } from 'react'
|
|
|
|
type IconProps = SVGProps<SVGSVGElement>
|
|
|
|
const base = {
|
|
width: 24,
|
|
height: 24,
|
|
viewBox: '0 0 24 24',
|
|
fill: 'none',
|
|
stroke: 'currentColor',
|
|
strokeWidth: 1.8,
|
|
strokeLinecap: 'square',
|
|
strokeLinejoin: 'miter',
|
|
'aria-hidden': true,
|
|
} as const
|
|
|
|
export const ArrowUpRight = (p: IconProps) => (
|
|
<svg {...base} {...p}>
|
|
<path d="M7 17 17 7M8 7h9v9" />
|
|
</svg>
|
|
)
|
|
|
|
export const Plus = (p: IconProps) => (
|
|
<svg {...base} {...p}>
|
|
<path d="M12 4v16M4 12h16" />
|
|
</svg>
|
|
)
|