From 0bcd4ba8e25cdce9ccaf5d050d0f6398dca3c299 Mon Sep 17 00:00:00 2001
From: "nabijonovdavronbek619@gmail.com" <nabijonovdavronbek619@gmail.com>
Date: Mon, 26 Jan 2026 20:22:08 +0500
Subject: [PATCH] service page begun

---
 app/services/page.tsx                       | 13 +++++++
 components/pages/faq/faqBanner.tsx          |  2 +-
 components/pages/services/index.ts          |  1 +
 components/pages/services/serviceBanner.tsx | 43 +++++++++++++++++++++
 4 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 app/services/page.tsx
 create mode 100644 components/pages/services/index.ts
 create mode 100644 components/pages/services/serviceBanner.tsx

diff --git a/app/services/page.tsx b/app/services/page.tsx
new file mode 100644
index 0000000..a037970
--- /dev/null
+++ b/app/services/page.tsx
@@ -0,0 +1,13 @@
+import { OurService, Video } from "@/components/pages/home";
+import { ServiceBanner } from "@/components/pages/services";
+import React from "react";
+
+export default function Page() {
+  return (
+    <div className="mb-90">
+      <ServiceBanner />
+      <OurService />
+      <Video />
+    </div>
+  );
+}
diff --git a/components/pages/faq/faqBanner.tsx b/components/pages/faq/faqBanner.tsx
index 752cb6a..43b575e 100644
--- a/components/pages/faq/faqBanner.tsx
+++ b/components/pages/faq/faqBanner.tsx
@@ -7,7 +7,7 @@ export function FaqBanner() {
       <div
         className="absolute inset-0 z-0"
         style={{
-          backgroundImage: "url(/images/about/aboutBanner.jpg)",
+          backgroundImage: "url(/images/faqBanner.jpg)",
           backgroundSize: "cover",
           backgroundPosition: "center",
         }}
diff --git a/components/pages/services/index.ts b/components/pages/services/index.ts
new file mode 100644
index 0000000..d568300
--- /dev/null
+++ b/components/pages/services/index.ts
@@ -0,0 +1 @@
+export { ServiceBanner } from "./serviceBanner";
diff --git a/components/pages/services/serviceBanner.tsx b/components/pages/services/serviceBanner.tsx
new file mode 100644
index 0000000..007f8ff
--- /dev/null
+++ b/components/pages/services/serviceBanner.tsx
@@ -0,0 +1,43 @@
+import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
+
+export function ServiceBanner() {
+  return (
+    <section className="relative w-full h-[60vh] min-h-100 overflow-hidden pt-10">
+      {/* Background Image */}
+      <div
+        className="absolute inset-0 z-0"
+        style={{
+          backgroundImage: "url(/images/faqBanner.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, #d2610a 0%, #1e1d1ce3 30%, #1e1d1ce3 100%)`,
+        }}
+      />
+
+      <div className="max-w-250 w-full mx-auto px-4">
+        <div className="relative z-20 h-full flex max-lg:flex-col items-start justify-between gap-5 pt-30">
+          <div className="spacw-y-4 ">
+            <DotAnimatsiya />
+            <p
+              className=" bg-linear-to-br from-white via-white to-black
+  text-transparent bg-clip-text text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight text-pretty"
+            >
+              GENERAL <br /> QUESTIONS
+            </p>
+          </div>
+          <div className="lg:w-[40%] text-gray-300 mt-10 text-lg">
+            Always Ready, Always On Time: Rescuing Lives” represents an
+            unwavering commitment to emergency.
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}