matthias/Dev-Landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update landing hero section text and layout for improved clarity and engagement

Browse Source 
- Revise main heading and service descriptions to better reflect offerings
- Adjust copyright notice for consistency
- Enhance button and layout styles for better user experience
This commit is contained in:
Matthias Meister
2026-05-06 11:55:07 +02:00
parent d92ff8c065
commit 41120664f5
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/landing-hero-section.tsx
View File

@@ -30,8 +30,8 @@ const LandingHeroSection = () => {
<p className="mb-6 max-w-sm text-sm uppercase tracking-[0.32em] text-primary"> <p className="mb-6 max-w-sm text-sm uppercase tracking-[0.32em] text-primary">
Für Betriebe, die lieber arbeiten als basteln Für Betriebe, die lieber arbeiten als basteln
</p> </p>
<h1 className="max-w-[11ch] text-[clamp(4.25rem,13vw,11.5rem)] font-black uppercase leading-[0.78] tracking-normal text-foreground"> <h1 className="max-w-[11ch] text-[clamp(4.25rem,13vw,11.5rem)] font-black uppercase leading-[0.79] tracking-normal text-foreground">
Online. Fertig. Läuft. Online Fertig Passt
</h1> </h1>
<div className="mt-8 grid gap-7 border-t border-border pt-7 lg:grid-cols-[0.72fr_1fr]"> <div className="mt-8 grid gap-7 border-t border-border pt-7 lg:grid-cols-[0.72fr_1fr]">
<p className="text-sm uppercase tracking-[0.24em] text-muted-foreground"> <p className="text-sm uppercase tracking-[0.24em] text-muted-foreground">
@@ -47,8 +47,8 @@ const LandingHeroSection = () => {
<div className="grid gap-4 border-t border-border pt-5 text-sm uppercase tracking-[0.2em] text-muted-foreground sm:grid-cols-3"> <div className="grid gap-4 border-t border-border pt-5 text-sm uppercase tracking-[0.2em] text-muted-foreground sm:grid-cols-3">
<span>Antwort in 24h</span> <span>Antwort in 24h</span>
<span>DSGVO-sauber</span> <span>abmahnsicher</span>
<span>Hosting aus DE</span> <span>Hosting in Sachsen</span>
</div> </div>
</div> </div>
@@ -76,8 +76,8 @@ const LandingHeroSection = () => {
<div className="relative z-10 flex min-h-[520px] flex-1 flex-col lg:min-h-0"> <div className="relative z-10 flex min-h-[520px] flex-1 flex-col lg:min-h-0">
<div className="flex shrink-0 items-start justify-between border-b border-primary-foreground/30 pb-5 text-xs uppercase tracking-[0.28em]"> <div className="flex shrink-0 items-start justify-between border-b border-primary-foreground/30 pb-5 text-xs uppercase tracking-[0.28em]">
<span>Creative Direction</span> <span></span>
<span>2026</span> <span>&copy;2026</span>
</div> </div>
<div className="hidden shrink-0 flex-col items-end gap-2 pt-4 lg:flex"> <div className="hidden shrink-0 flex-col items-end gap-2 pt-4 lg:flex">
@@ -88,8 +88,8 @@ const LandingHeroSection = () => {
)} )}
> >
{liveRasterOn {liveRasterOn
? "Kamera aus? Schalter zurück — fertig." ? "Kamera aus? Schalter zurück, fertig."
: "Psst — einmal wippen, dann lebt das Raster."} : "Psst ... einmal wippen, dann lebt die Seite."}
</p> </p>
<button <button
type="button" type="button"
@@ -102,7 +102,7 @@ const LandingHeroSection = () => {
} }
onClick={() => setLiveRasterOn((v) => !v)} onClick={() => setLiveRasterOn((v) => !v)}
className={cn( className={cn(
"relative h-9 w-[3.25rem] shrink-0 rounded-full border transition-colors duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-foreground", "relative h-9 w-13 shrink-0 rounded-full border transition-colors duration-300 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-primary-foreground",
liveRasterOn liveRasterOn
? "border-primary-foreground/50 bg-primary-foreground/20" ? "border-primary-foreground/50 bg-primary-foreground/20"
: "border-primary-foreground/45 bg-primary-foreground/10 hover:border-primary-foreground/70", : "border-primary-foreground/45 bg-primary-foreground/10 hover:border-primary-foreground/70",