striker
a0ebac1544
- Replace Vite+React SPA with Next.js 15, TypeScript, App Router - Static export (output: 'export'), deploy via npm run deploy - i18n routing: /ru/... and /en/... with generateStaticParams - New pages: /uslugi/ (catalog), /uslugi/[slug]/ (8 service pages), /faq/, /kontakty/ - SEO: generateMetadata on all pages, JSON-LD Service schema, hreflang alternates - ContactForm: 'use client', Turnstile + POST to /api/contact.php - Fonts: Manrope via next/font/google (CSS variable) - Remove: vite.config.js, entry-server.jsx, prerender scripts, LanguageContext Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
37 lines
2.3 KiB
TypeScript
37 lines
2.3 KiB
TypeScript
import Link from 'next/link'
|
||
import { ChevronRight, Phone } from 'lucide-react'
|
||
import type { Dictionary, Locale } from '@/lib/i18n'
|
||
|
||
export default function Hero({ d, lang }: { d: Dictionary; lang: Locale }) {
|
||
const firstPhone = d.contact.phones[0]
|
||
return (
|
||
<section className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-900 via-blue-950 to-slate-900 relative overflow-hidden">
|
||
<div className="absolute inset-0 opacity-20">
|
||
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-blue-500 rounded-full blur-3xl" />
|
||
<div className="absolute bottom-1/4 right-1/4 w-80 h-80 bg-blue-700 rounded-full blur-3xl" />
|
||
</div>
|
||
<div className="max-w-4xl mx-auto px-4 sm:px-6 py-32 text-center relative z-10">
|
||
<div className="inline-flex items-center gap-2 bg-blue-500/10 border border-blue-500/20 rounded-full px-4 py-1.5 mb-8">
|
||
<div className="w-2 h-2 bg-blue-400 rounded-full animate-pulse" />
|
||
<span className="text-blue-300 text-sm font-medium">IT-аутсорсинг · Безопасность · Поддержка</span>
|
||
</div>
|
||
<h1 className="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-white leading-tight mb-6">{d.hero.title}</h1>
|
||
<p className="text-lg sm:text-xl text-slate-300 max-w-2xl mx-auto mb-10 leading-relaxed">{d.hero.subtitle}</p>
|
||
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-10">
|
||
<Link href={`/${lang}/kontakty/`} className="px-8 py-4 bg-blue-600 hover:bg-blue-500 text-white font-semibold rounded-lg transition-all duration-300 flex items-center justify-center gap-2 group">
|
||
{d.hero.cta}
|
||
<ChevronRight size={20} className="group-hover:translate-x-1 transition-transform" />
|
||
</Link>
|
||
<Link href={`/${lang}/uslugi/`} className="px-8 py-4 border border-white/20 hover:border-white/40 text-white font-semibold rounded-lg transition-all duration-300">
|
||
{d.hero.ctaSecondary}
|
||
</Link>
|
||
</div>
|
||
<a href={`tel:${firstPhone.replace(/\D/g,'')}`} className="inline-flex items-center gap-2 text-blue-300 hover:text-white transition-colors text-lg font-medium">
|
||
<Phone size={18} />
|
||
{firstPhone}
|
||
</a>
|
||
</div>
|
||
</section>
|
||
)
|
||
}
|