new styles

frontend/style/components/banner.tsx

@@ -0,0 +1,29 @@
+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">
+              Исполняйте мечты с Eternos
+            </p>
+            <Button variant="secondary" size="lg">
+              Подробнее
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+