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/CTA.tsx
+17 -20
View File
@@ -1,6 +1,5 @@
'use client';
import Link from 'next/link';
import Button from '@/components/ui/Button';
import { ArrowRight, MessageCircle } from 'lucide-react';
import { useTranslation } from '@/hooks/useTranslation';
@@ -13,31 +12,29 @@ export default function CTA() {
<section className="py-20">
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div className="relative overflow-hidden rounded-3xl bg-gradient-to-br from-brand-700 to-brand-900 px-8 py-16 text-center sm:px-16">
<div className="absolute -right-20 -top-20 h-60 w-60 rounded-full bg-gold-500/10" />
<div className="absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-gold-500/10" />
<div className="pointer-events-none absolute -right-20 -top-20 h-60 w-60 rounded-full bg-gold-500/10" />
<div className="pointer-events-none absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-gold-500/10" />
<div className="relative">
<div className="relative z-10">
<h2 className="mb-4 font-display text-3xl font-bold text-white md:text-4xl">
{t('cta.title')}
</h2>
<p className="mx-auto mb-8 max-w-xl text-brand-100">{t('cta.subtitle')}</p>
<div className="flex flex-col items-center justify-center gap-4 sm:flex-row">
<Link href="/shop">
<Button variant="gold" size="lg">
{t('cta.button')}
<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"
>
<MessageCircle className="h-4 w-4" />
{t('cta.whatsapp')}
</Button>
</a>
<Button href="/shop" variant="gold" size="lg">
{t('cta.button')}
<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"
>
<MessageCircle className="h-4 w-4" />
{t('cta.whatsapp')}
</Button>
</div>
</div>
</div>