added landing

2024-04-02 15:25:09 +03:00
parent 58ce699984
commit 8aff38bd01
50 changed files with 3994 additions and 126 deletions
@@ -0,0 +1,41 @@
+export const Statistics = () => {
+  interface statsProps {
+    quantity: string;
+    description: string;
+  }
+
+  const stats: statsProps[] = [
+    {
+      quantity: "2.7K+",
+      description: "Users",
+    },
+    {
+      quantity: "1.8K+",
+      description: "Subscribers",
+    },
+    {
+      quantity: "112",
+      description: "Downloads",
+    },
+    {
+      quantity: "4",
+      description: "Products",
+    },
+  ];
+
+  return (
+    <section id="statistics">
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
+        {stats.map(({ quantity, description }: statsProps) => (
+          <div
+            key={description}
+            className="space-y-2 text-center"
+          >
+            <h2 className="text-3xl sm:text-4xl font-bold ">{quantity}</h2>
+            <p className="text-xl text-muted-foreground">{description}</p>
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+};