mirror of
https://github.com/Dokploy/website
synced 2025-06-26 18:16:01 +00:00
fix: synchronize stats values between descriptions and tickers
This commit is contained in:
@@ -3,6 +3,13 @@ import React from "react";
|
|||||||
import { useId } from "react";
|
import { useId } from "react";
|
||||||
import NumberTicker from "./ui/number-ticker";
|
import NumberTicker from "./ui/number-ticker";
|
||||||
|
|
||||||
|
const statsValues = {
|
||||||
|
githubStars: 10000,
|
||||||
|
dockerDownloads: 900000,
|
||||||
|
contributors: 85,
|
||||||
|
sponsors: 38,
|
||||||
|
};
|
||||||
|
|
||||||
export function StatsSection() {
|
export function StatsSection() {
|
||||||
return (
|
return (
|
||||||
<div className="py-20 lg:py-40 flex flex-col gap-10 px-4 ">
|
<div className="py-20 lg:py-40 flex flex-col gap-10 px-4 ">
|
||||||
@@ -41,8 +48,7 @@ export function StatsSection() {
|
|||||||
const grid = [
|
const grid = [
|
||||||
{
|
{
|
||||||
title: "GitHub Stars",
|
title: "GitHub Stars",
|
||||||
description:
|
description: `With over ${(statsValues.githubStars / 1000).toFixed(1)}k stars on GitHub, Dokploy is trusted by developers worldwide. Explore our repositories and join our community!`,
|
||||||
"With over 10.0k stars on GitHub, Dokploy is trusted by developers worldwide. Explore our repositories and join our community!",
|
|
||||||
icon: (
|
icon: (
|
||||||
<svg aria-hidden="true" className="h-6 w-6 fill-white">
|
<svg aria-hidden="true" className="h-6 w-6 fill-white">
|
||||||
<path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2Z" />
|
<path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2Z" />
|
||||||
@@ -50,14 +56,13 @@ const grid = [
|
|||||||
),
|
),
|
||||||
component: (
|
component: (
|
||||||
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
||||||
<NumberTicker value={10000} />+
|
<NumberTicker value={statsValues.githubStars} />+
|
||||||
</p>
|
</p>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "DockerHub Downloads",
|
title: "DockerHub Downloads",
|
||||||
description:
|
description: `Downloaded over ${(statsValues.dockerDownloads / 1000).toFixed(0)}k times, Dokploy has become a go-to solution for seamless deployments. Discover our presence on DockerHub.`,
|
||||||
"Downloaded over 700,000 times, Dokploy has become a go-to solution for seamless deployments. Discover our presence on DockerHub.",
|
|
||||||
icon: (
|
icon: (
|
||||||
<svg
|
<svg
|
||||||
stroke="currentColor"
|
stroke="currentColor"
|
||||||
@@ -72,29 +77,27 @@ const grid = [
|
|||||||
),
|
),
|
||||||
component: (
|
component: (
|
||||||
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
||||||
<NumberTicker value={900000} />+
|
<NumberTicker value={statsValues.dockerDownloads} />+
|
||||||
</p>
|
</p>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Community Contributors",
|
title: "Community Contributors",
|
||||||
description:
|
description: `Thanks to a growing base of over ${statsValues.contributors} contributors, Dokploy continues to thrive with valuable contributions from developers around the world.`,
|
||||||
"Thanks to a growing base of over 65 contributors, Dokploy continues to thrive with valuable contributions from developers around the world.",
|
|
||||||
icon: <Users className="h-6 w-6 stroke-white" />,
|
icon: <Users className="h-6 w-6 stroke-white" />,
|
||||||
component: (
|
component: (
|
||||||
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
||||||
<NumberTicker value={85} />+
|
<NumberTicker value={statsValues.contributors} />+
|
||||||
</p>
|
</p>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Sponsors",
|
title: "Sponsors",
|
||||||
description:
|
description: `More than ${statsValues.sponsors} companies/individuals have sponsored Dokploy, ensuring a steady flow of support and resources. Join our community!`,
|
||||||
"More than 35 companies/individuals have sponsored Dokploy, ensuring a steady flow of support and resources. Join our community!",
|
|
||||||
icon: <HandCoins className="h-6 w-6 stroke-white" />,
|
icon: <HandCoins className="h-6 w-6 stroke-white" />,
|
||||||
component: (
|
component: (
|
||||||
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
<p className="whitespace-pre-wrap text-2xl !font-semibold tracking-tighter mt-4">
|
||||||
<NumberTicker value={38} />+
|
<NumberTicker value={statsValues.sponsors} />+
|
||||||
</p>
|
</p>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user