Davron/ignum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tailwindd css update

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-01-27 09:10:30 +05:00
parent 8470e69c1a
commit d86a5631e6
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/pages/home/ourService.tsx
View File

@@ -12,7 +12,7 @@ export function OurService() {
<DotAnimatsiya />
OUR SERVICES
</div>
<h1 className="text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl tracking-wider lg:tracking-[5px] font-bold bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text text-center w-full">
<h1 className="text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl tracking-wider lg:tracking-[5px] font-bold bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text text-center w-full">
FIREFIGHTER RESPONSIBILITIES
</h1>
<p className="text-center text-sm sm:text-base md:text-lg text-gray-400 max-w-3xl mx-auto px-4">
@@ -24,8 +24,8 @@ export function OurService() {
{/* Cards Section 1 - Top Two Cards */}
<div className="max-w-6xl w-full mx-auto grid grid-cols-1 md:grid-cols-2 gap-5 lg:gap-6 my-10 md:my-14 lg:my-16">
{/* Card 1 - Larger Card */}
<div className="relative space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl md:col-span-1 lg:col-span-1 bg-gradient-to-br from-black via-black to-[#d2610a] min-h-[280px] sm:min-h-[320px] md:min-h-[350px] overflow-hidden">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
<div className="relative space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl md:col-span-1 lg:col-span-1 bg-linear-to-br from-black via-black to-[#d2610a] min-h-70 sm:min-h-80 md:min-h-87.5 overflow-hidden">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
Operation Force
</h3>
<p className="text-gray-400 text-sm sm:text-base max-w-xs">
@@ -46,8 +46,8 @@ export function OurService() {
</div>
{/* Card 2 */}
<div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-gradient-to-br from-black via-black to-[#d2610a] min-h-[280px] sm:min-h-[320px] md:min-h-[350px]">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
<div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-linear-to-br from-black via-black to-[#d2610a] min-h-70 sm:min-h-80 md:min-h-87.5">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
Operation Force
</h3>
<p className="text-gray-400 text-sm sm:text-base max-w-xs">
@@ -71,7 +71,7 @@ export function OurService() {
{/* Cards Section 2 - Bottom Row */}
<div className="max-w-6xl w-full mx-auto grid grid-cols-1 lg:grid-cols-5 gap-5 lg:gap-6">
{/* Card 3 - Ambulance */}
<div className="relative rounded-xl lg:col-span-2 bg-gradient-to-br from-[#d2610a] via-black to-black overflow-hidden">
<div className="relative rounded-xl lg:col-span-2 bg-linear-to-br from-[#d2610a] via-black to-black overflow-hidden">
<div className="w-full flex justify-center pt-5 px-4">
<Image
src="/images/home/ambulance.png"
@@ -82,7 +82,7 @@ export function OurService() {
/>
</div>
<div className="space-y-4 md:space-y-5 p-6 sm:p-8">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
Operation Force
</h3>
<p className="text-gray-400 text-sm sm:text-base max-w-xs">
@@ -97,8 +97,8 @@ export function OurService() {
{/* Right Column */}
<div className="lg:col-span-3 space-y-5 lg:space-y-6">
{/* Card 4 - Balloon */}
<div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-gradient-to-br from-black via-black to-[#d2610a] min-h-[280px] sm:min-h-[300px]">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-gradient-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
<div className="relative overflow-hidden space-y-4 md:space-y-5 p-6 sm:p-8 lg:p-10 rounded-xl bg-linear-to-br from-black via-black to-[#d2610a] min-h-70 sm:min-h-75">
<h3 className="font-bold text-lg sm:text-xl md:text-2xl bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text">
Operation Force
</h3>
<p className="text-gray-400 text-sm sm:text-base max-w-xs lg:max-w-sm">
@@ -119,7 +119,7 @@ export function OurService() {
</div>
{/* CTA Card */}
<div className="p-6 sm:p-8 lg:p-10 rounded-xl bg-gradient-to-tr from-black via-black to-[#d2610a] flex flex-col sm:flex-row items-center justify-between gap-6">
<div className="p-6 sm:p-8 lg:p-10 rounded-xl bg-linear-to-tr from-black via-black to-[#d2610a] flex flex-col sm:flex-row items-center justify-between gap-6">
<h2 className="text-2xl sm:text-3xl lg:text-4xl font-semibold font-armanai text-white text-center sm:text-left">
View more service
</h2>