30 lines
907 B
TypeScript
30 lines
907 B
TypeScript
import Image from "next/image"
|
||
import { Button } from "./ui/button"
|
||
|
||
export function Banner() {
|
||
return (
|
||
<div className="relative w-full h-[300px] rounded-lg overflow-hidden">
|
||
<Image
|
||
src="/placeholder.svg"
|
||
alt="Promotional Banner"
|
||
fill
|
||
className="object-cover"
|
||
/>
|
||
<div className="absolute inset-0 bg-gradient-to-r from-blue-600/90 to-blue-600/50 flex items-center">
|
||
<div className="container mx-auto px-4">
|
||
<div className="max-w-lg text-white">
|
||
<h1 className="text-4xl font-bold mb-4">САМОЕ ЗАВЕТНОЕ!</h1>
|
||
<p className="text-xl mb-6">
|
||
Исполняйте мечты с Ozon Рассрочкой
|
||
</p>
|
||
<Button variant="secondary" size="lg">
|
||
Подробнее
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|