admin/kottgard-production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update to v1.0 of website code from kottgard-production-v1.zip

Browse Source
This commit is contained in:
root
2026-06-23 09:24:46 +00:00
parent e0273c46d7
commit 582a2f33ad
60 changed files with 658 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/home/Hero.tsx
+18 -21
View File
@@ -1,6 +1,5 @@
'use client';
import Link from 'next/link';
import AppImage from '@/components/ui/AppImage';
import Button from '@/components/ui/Button';
import Logo from '@/components/ui/Logo';
@@ -14,7 +13,7 @@ export default function Hero() {
return (
<section className="relative min-h-[85vh] overflow-hidden bg-brand-950">
<div className="absolute inset-0">
<div className="pointer-events-none absolute inset-0">
<AppImage
src={PAGE_IMAGES.hero}
alt=""
@@ -26,10 +25,10 @@ export default function Hero() {
blurDataURL="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUH/8QAIhAAAgEDBQAAAAAAAAAAAAAAAQIDAAQRBQYhIjFB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAX/xAAZEQACAwEAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEEA/ALextba0t0t7eJI4kHVEU4AqT/9k="
/>
</div>
<div className="absolute inset-0 bg-gradient-to-r from-brand-950/95 via-brand-900/85 to-brand-900/40" />
<div className="absolute inset-0 bg-gradient-to-t from-brand-950/60 via-transparent to-transparent" />
<div className="pointer-events-none absolute inset-0 bg-gradient-to-r from-brand-950/95 via-brand-900/85 to-brand-900/40" />
<div className="pointer-events-none absolute inset-0 bg-gradient-to-t from-brand-950/60 via-transparent to-transparent" />
<div className="relative mx-auto flex min-h-[85vh] max-w-7xl flex-col justify-center px-4 py-20 sm:px-6 lg:px-8 lg:py-28">
<div className="relative z-10 mx-auto flex min-h-[85vh] max-w-7xl flex-col justify-center px-4 py-20 sm:px-6 lg:px-8 lg:py-28">
<div className="max-w-2xl animate-slide-up">
<div className="mb-8 flex items-center gap-4">
<Logo size="lg" className="ring-gold-400/40 shadow-premium-lg" />
@@ -70,26 +69,24 @@ export default function Hero() {
</div>
<div className="flex flex-col gap-4 sm:flex-row">
<Link href="/shop">
<Button variant="gold" size="lg">
{t('hero.shopNow')}
<ArrowRight className="h-4 w-4 rtl:rotate-180" />
</Button>
</Link>
<a href={WHATSAPP_URL} target="_blank" rel="noopener noreferrer">
<Button
variant="secondary"
size="lg"
className="border-white/30 bg-white/10 text-white hover:border-gold-400/50 hover:bg-white/15"
>
{t('hero.whatsapp')}
</Button>
</a>
<Button href="/shop" variant="gold" size="lg">
{t('hero.shopNow')}
<ArrowRight className="h-4 w-4 rtl:rotate-180" />
</Button>
<Button
href={WHATSAPP_URL}
external
variant="secondary"
size="lg"
className="border-white/30 bg-white/10 text-white hover:border-gold-400/50 hover:bg-white/15"
>
{t('hero.whatsapp')}
</Button>
</div>
</div>
</div>
<div className="absolute bottom-0 left-0 right-0 h-20 bg-gradient-to-t from-cream-50 to-transparent" />
<div className="pointer-events-none absolute bottom-0 left-0 right-0 z-[1] h-20 bg-gradient-to-t from-cream-50 to-transparent" />
</section>
);
}