46 lines
1.9 KiB
TypeScript
46 lines
1.9 KiB
TypeScript
const AgitationSection = () => {
|
||
return (
|
||
<section className="py-24 md:py-32 bg-secondary/30 relative overflow-hidden">
|
||
{/* Decorative element */}
|
||
<div className="absolute inset-0 opacity-5">
|
||
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] rounded-full border border-foreground" />
|
||
</div>
|
||
|
||
<div className="container mx-auto px-6 relative z-10">
|
||
<div className="max-w-4xl mx-auto text-center">
|
||
<div className="label-tag mb-4">Die Realität</div>
|
||
|
||
<h2 className="text-4xl md:text-5xl lg:text-6xl font-display font-medium text-foreground tracking-tight uppercase mb-12">
|
||
Mehr Arbeit darf nicht die einzige Antwort auf Wachstum sein.
|
||
</h2>
|
||
|
||
<div className="space-y-8 text-lg md:text-xl text-muted-foreground leading-relaxed">
|
||
<p>
|
||
Neue Kunden sollten Ihr Unternehmen nicht ins Chaos stürzen.
|
||
</p>
|
||
|
||
<p>
|
||
Wenn mehr Umsatz automatisch mehr Stress bedeutet, liegt das Problem nicht an Ihrem Markt – <span className="text-foreground font-medium">sondern an fehlenden Systemen.</span>
|
||
</p>
|
||
|
||
<div className="pt-8 border-t border-border">
|
||
<p className="text-2xl md:text-3xl text-foreground font-display font-medium uppercase tracking-tight">
|
||
Erfolgreiche Unternehmen skalieren Prozesse.
|
||
</p>
|
||
<p className="text-2xl md:text-3xl text-muted-foreground font-display font-medium uppercase tracking-tight mt-2">
|
||
Nicht Arbeitsstunden.
|
||
</p>
|
||
</div>
|
||
|
||
<p className="text-foreground font-medium pt-4">
|
||
Genau dort setzen wir an.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
};
|
||
|
||
export default AgitationSection;
|