image updated

This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-01-27 14:41:39 +05:00
parent c133b252c1
commit e87a26d74c
33 changed files with 693 additions and 38 deletions

View File

@@ -9,7 +9,7 @@ export function Story() {
<div
className="absolute inset-0 z-0 rounded-xl"
style={{
backgroundImage: "url(/images/about/mainImage.jpg)",
backgroundImage: "url(/images/img13.jpg)",
backgroundSize: "cover",
backgroundPosition: "center",
}}
@@ -61,7 +61,7 @@ export function Story() {
<div className="flex max-md:flex-col items-end justify-center md:gap-10 gap-5 z-20 relative bottom-0 mx-auto max-md:pb-5 max-sm:px-2">
<div
className="flex sm:flex-row flex-col sm:items-center items-start
md:rounded-t-xl rounded-xl max-w-md w-full sm:p-7 p-2 bg-linear-to-br
md:rounded-t-xl max-md:rounded-xl max-w-md w-full sm:p-7 p-2 bg-linear-to-br
from-[#f21b1b] to-[#830909] sm:gap-5 gap-2"
>
<span className="sm:rounded-xl rounded-lg bg-black sm:p-3 p-1 max-sm:w-15 max-sm:h-15">
@@ -81,7 +81,7 @@ export function Story() {
</p>
</div>
</div>
<div className="flex sm:flex-row flex-col sm:items-center items-start md:rounded-t-xl rounded-xl max-w-md w-full sm:p-7 p-2 bg-black sm:gap-5 gap-2">
<div className="flex sm:flex-row flex-col sm:items-center items-start md:rounded-t-xl max-md:rounded-xl max-w-md w-full sm:p-7 p-2 bg-black sm:gap-5 gap-2">
<span className="sm:rounded-xl rounded-lg bg-[#1e1d1c] sm:p-3 p-1 max-sm:w-15 max-sm:h-15">
<Image
src="/images/about/fireforce-mission.png"

View File

@@ -68,10 +68,10 @@ export function WhyChooseUs() {
<div className="relative h-96 md:w-[80%] w-full sm:h-125 lg:h-150">
{/* Main Image */}
<Image
src="/images/about/fighter.jpg"
src="/images/img8.jpg"
alt="Best Award Firefighter"
fill
className="rounded-3xl object-cover object-right"
className="rounded-3xl object-cover object-top"
/>
{/* Overlay Gradient */}

View File

@@ -27,7 +27,7 @@ export function Contact() {
{/* Background Image */}
<div className="absolute inset-0 z-0">
<Image
src="/images/contactBanner.jpg"
src="/images/img5.webp"
alt="Contact background"
fill
className="object-cover"

View File

@@ -92,11 +92,11 @@ export function AboutUs() {
{/* Main Image */}
<div className="relative rounded-lg overflow-hidden bg-gray-900">
<Image
src="/images/home/bolta.jpg"
src="/images/img8.jpg"
alt="Firefighter at ready"
width={400}
height={600}
className="w-full h-auto object-cover"
className="w-full h-150 object-cover"
priority
/>
</div>

View File

@@ -5,7 +5,7 @@ import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
const blogPosts = [
{
id: 1,
image: "/images/home/videoSlide1.jpg",
image: "/images/img14.webp",
category: "Tips & Trick",
title: "BEHIND THE HELMET: LIFE AS A FIREFIGHTER",
author: "John Doe",
@@ -13,7 +13,7 @@ const blogPosts = [
},
{
id: 2,
image: "/images/home/videoSlide2.jpg",
image: "/images/img15.webp",
category: "Insight",
title: "FIREFIGHTING EQUIPMENT: TOOLS OF THE TRADE",
author: "John Doe",
@@ -21,7 +21,7 @@ const blogPosts = [
},
{
id: 3,
image: "/images/home/videoSlide4.jpg",
image: "/images/img16.webp",
category: "News",
title: "FIREFIGHTER TRAINING TAKES TO BECOME A HERO",
author: "John Doe",

View File

@@ -1,6 +1,7 @@
import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
import { ChevronRight } from "lucide-react";
import Image from "next/image";
import Link from "next/link";
export function OurService() {
return (
@@ -105,9 +106,12 @@ export function OurService() {
<h2 className="sm:text-3xl text-xl font-semibold font-armanai text-white">
View more service
</h2>
<button className="shadow-[0px_0px_2px_6px_#a60404ad] bg-red-600 hover:bg-red-700 text-white font-bold sm:py-3 sm:px-8 px-8 py-2 rounded-full transition duration-300 transform hover:scale-105 w-fit">
<Link
href="/services"
className="shadow-[0px_0px_2px_6px_#a60404ad] bg-red-600 hover:bg-red-700 text-white font-bold sm:py-3 sm:px-8 px-8 py-2 rounded-full transition duration-300 transform hover:scale-105 w-fit"
>
GET STARTED
</button>
</Link>
</div>
</div>
</div>

View File

@@ -55,11 +55,11 @@ function StarRating({ rating }: { rating: number }) {
export function Testimonial() {
return (
<section className="w-full bg-[#1a1a1a]">
<div className="flex flex-col lg:flex-row min-h-[400px] lg:min-h-[500px]">
<div className="flex flex-col lg:flex-row min-h-100 lg:min-h-125">
{/* Left Side - Firefighter Image */}
<div className="relative w-full lg:w-1/2 h-[300px] sm:h-[400px] lg:h-auto">
<div className="relative w-full lg:w-1/2 h-75 sm:h-100 lg:h-auto">
<Image
src="/images/home/testimonal.jpg"
src="/images/img10.jpg"
alt="Professional firefighter in protective gear"
fill
className="object-cover object-top"
@@ -68,7 +68,7 @@ export function Testimonial() {
</div>
{/* Right Side - Testimonial Content with Background */}
<div className="relative w-full lg:w-1/2 min-h-[350px] sm:min-h-[400px] lg:min-h-[500px]">
<div className="relative w-full lg:w-1/2 min-h-87.5 sm:min-h-100 lg:min-h-125">
{/* Background Image */}
<div className="absolute inset-0">
<Image

View File

@@ -6,12 +6,10 @@ export function Video() {
<>
<div
className="bg-[#1e1d1c] bg-fixed max-sm:bg-center"
style={{ backgroundImage: "url(/images/home/videoBack.jpg)" }}
style={{ backgroundImage: "url(/images/img7.jpg)" }}
>
<div className="flex items-center justify-center bg-linear-to-t from-[#1e1d1c] to-[#1e1d1c02] h-80 w-full relative">
<button className="bg-white text-[#dc2626] p-4 rounded-[50%]">
<Play />
</button>
</div>
</div>
<div>

View File

@@ -7,7 +7,7 @@ export function ProductBanner() {
<div
className="absolute inset-0 z-0"
style={{
backgroundImage: "url(/images/blog/banner.jpg)",
backgroundImage: "url(/images/img4.jpg)",
backgroundSize: "cover",
backgroundPosition: "center",
}}

View File

@@ -7,7 +7,7 @@ export function ServiceBanner() {
<div
className="absolute inset-0 z-0"
style={{
backgroundImage: "url(/images/faqBanner.jpg)",
backgroundImage: "url(/images/services/serviceBanner.jpg)",
backgroundSize: "cover",
backgroundPosition: "center",
}}