image updated
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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 */}
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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",
|
||||
}}
|
||||
|
||||
@@ -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",
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user