27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
import { useLanguage } from "@/contexts/language-context"
|
|
import { Play } from "lucide-react"
|
|
|
|
export default function Video() {
|
|
const {t} = useLanguage();
|
|
return (
|
|
<section className="py-20 md:py-32 px-4 sm:px-6 lg:px-8">
|
|
<div className="max-w-4xl mx-auto">
|
|
<div className="text-center mb-12">
|
|
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">{t.action.title}</h2>
|
|
<p className="text-lg text-muted-foreground">{t.action.subtitle}</p>
|
|
</div>
|
|
|
|
<div className="relative w-full aspect-video bg-muted rounded-2xl border border-border overflow-hidden group cursor-pointer">
|
|
<div className="w-full h-full bg-gradient-to-br from-primary/20 via-primary/5 to-background flex items-center justify-center">
|
|
<div className="absolute inset-0 flex items-center justify-center">
|
|
<div className="bg-primary rounded-full p-4 group-hover:scale-110 transition-transform duration-300 shadow-lg">
|
|
<Play size={32} className="text-white fill-white" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|