WEBklar/Webseite-f-r-Amin-B.Ahmadi-Friseur-Salon
4
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Intro: Logo freigestellt auf schwarzer Section mit Rasterlinien

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
knsoandClaude Opus 5.5 committed 2026-09-29 17:04:09 +00:00
1 parent ef9add6acd
commit 6a63f79808
1 file changed
+6 -4
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Intro.tsx
+6 -4
View File
@@ -1,18 +1,20 @@
import { salon } from '../data/salon' import { salon } from '../data/salon'
import { Emblem } from './Emblem' import { Emblem } from './Emblem'
import { GridLines } from './GridLines'
import { FadeIn, RevealLines } from './Reveal' import { FadeIn, RevealLines } from './Reveal'
export function Intro() { export function Intro() {
return ( return (
<section id="salon" className="px-4 py-24 md:px-8 md:py-36"> <section id="salon" className="relative isolate bg-ink px-4 py-24 text-paper md:px-8 md:py-36">
<GridLines tone="dark" />
<div className="grid gap-10 md:grid-cols-12 md:gap-8"> <div className="grid gap-10 md:grid-cols-12 md:gap-8">
{/* Logo wie auf Instagram: helle Linien auf dunklem Grund */} {/* Logo wie auf Instagram: helle Linien, freigestellt auf dem dunklen Section-Hintergrund */}
<div className="grid aspect-square place-items-center bg-ink md:col-span-4"> <div className="grid aspect-square place-items-center md:col-span-4">
<Emblem className="w-[84%]" /> <Emblem className="w-[84%]" />
</div> </div>
<div className="flex flex-col justify-between gap-12 md:col-span-8"> <div className="flex flex-col justify-between gap-12 md:col-span-8">
<div className="mini flex justify-between"> <div className="mini flex justify-between text-paper/60">
<span>Über uns</span> <span>Über uns</span>
<span>{salon.city}</span> <span>{salon.city}</span>
</div> </div>