hero section banner change to slider

components/pages/home/banner/banner.tsx

@@ -0,0 +1,33 @@
+import { useLocale, useTranslations } from "next-intl";
+import DotAnimatsiya from "../../../dot/DotAnimatsiya";
+import Link from "next/link";
+import { BannerSlider } from "./slider";
+
+export function Banner() {
+  const t = useTranslations();
+  const locale = useLocale();
+  return (
+    <section className="relative w-full lg:h-[86vh] h-screen min-h-150 overflow-hidden pt-20">
+      {/* Background Image */}
+      <div
+        className="absolute inset-0 z-0"
+        style={{
+          backgroundImage: "url(/images/home/banner.jpg)",
+          backgroundSize: "cover",
+          backgroundPosition: "center",
+        }}
+      />
+
+      {/* Gradient Overlay - Bottom-left to top-right */}
+      <div
+        className="absolute inset-0 z-10"
+        style={{
+          background: `linear-gradient(to top right, #c75c08 0%, #1e1d1ce3 28%, #1e1d1ce3 100%)`,
+        }}
+      />
+
+      {/* Content Container */}
+      <BannerSlider />
+    </section>
+  );
+}