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

change blog sectio from home page

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-01-28 12:25:06 +05:00
parent 29e06be337
commit ce8d14c9b2
10 changed files with 110 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/pages/home/statistics.tsx
View File

@@ -1,26 +1,27 @@
import { Counter } from "@/components/Counter";
import { useTranslations } from "next-intl";
export function Statistics() {
const t = useTranslations();
const stats = [
{
number: '25',
symbol: '+',
number: "25",
symbol: "+",
label: t("home.statistics.experience"),
},
{
number: '450',
symbol: '+',
number: "450",
symbol: "+",
label: t("home.statistics.projectsCompleted"),
},
{
number: '99',
symbol: '+',
number: "99",
symbol: "+",
label: t("home.statistics.trainedSpecialists"),
},
{
number: '93',
symbol: '%',
number: "93",
symbol: "%",
label: t("home.statistics.trustedClients"),
},
];
@@ -30,13 +31,18 @@ export function Statistics() {
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 lg:gap-12">
{stats.map((stat, index) => (
<div key={index} className="flex flex-col items-center justify-center py-10 sm:py-20 lg:py-15 border-b-red-600 border-b">
<div
key={index}
className="flex flex-col items-center justify-center py-10 sm:py-20 lg:py-15 border-b-red-600 border-b"
>
{/* Number and Symbol */}
<div className="flex items-baseline gap-2 font-almarai">
<span className="text-4xl sm:text-5xl lg:text-6xl font-bold text-white">
{stat.number}
<Counter countNum={Number(stat.number)} />
</span>
<span className="text-4xl sm:text-5xl lg:text-6xl font-bold text-red-600">
{stat.symbol}
</span>
<span className="text-4xl sm:text-5xl lg:text-6xl font-bold text-red-600">{stat.symbol}</span>
</div>
{/* Label */}