tknuth/QR-master
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

SEO/AEO

Browse Source
This commit is contained in:
Timo Knuth
2025-10-17 13:45:33 +02:00
parent cd3ee5fc8f
commit 254e6490b8
36 changed files with 1712 additions and 917 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/marketing/Hero.tsx
View File

@@ -25,20 +25,20 @@ export const Hero: React.FC<HeroProps> = ({ t }) => {
{/* Left Content */}
<div className="space-y-8">
<Badge variant="info" className="inline-flex items-center space-x-2">
<span>{t('hero.badge')}</span>
<span>{t.hero.badge}</span>
</Badge>
<div className="space-y-6">
<h1 className="text-5xl lg:text-6xl font-bold text-gray-900 leading-tight">
{t('hero.title')}
{t.hero.title}
</h1>
<p className="text-xl text-gray-600 leading-relaxed">
{t('hero.subtitle')}
{t.hero.subtitle}
</p>
<div className="space-y-3">
{t('hero.features', { returnObjects: true }).map((feature: string, index: number) => (
{t.hero.features.map((feature: string, index: number) => (
<div key={index} className="flex items-center space-x-3">
<div className="flex-shrink-0 w-5 h-5 bg-success-500 rounded-full flex items-center justify-center">
<svg className="w-3 h-3 text-white" fill="currentColor" viewBox="0 0 20 20">
@@ -49,22 +49,22 @@ export const Hero: React.FC<HeroProps> = ({ t }) => {
</div>
))}
</div>
<div className="flex flex-col sm:flex-row gap-4">
<Link href="/signup">
<Button size="lg" className="text-lg px-8 py-4 w-full sm:w-auto">
{t('hero.cta_primary')}
{t.hero.cta_primary}
</Button>
</Link>
<Link href="/create">
<Button variant="outline" size="lg" className="text-lg px-8 py-4 w-full sm:w-auto">
{t('hero.cta_secondary')}
{t.hero.cta_secondary}
</Button>
</Link>
</div>
</div>
</div>
{/* Right Preview Widget */}
<div className="relative">
<div className="grid grid-cols-2 gap-4">
@@ -75,10 +75,10 @@ export const Hero: React.FC<HeroProps> = ({ t }) => {
</Card>
))}
</div>
{/* Floating Badge */}
<div className="absolute -top-4 -right-4 bg-success-500 text-white px-4 py-2 rounded-full text-sm font-semibold shadow-lg">
{t('hero.engagement_badge')}
{t.hero.engagement_badge}
</div>
</div>
</div>