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,58 @@
+import { Radar } from "lucide-react";
+
+interface SponsorProps {
+  icon: JSX.Element;
+  name: string;
+}
+
+const sponsors: SponsorProps[] = [
+  {
+    icon: <Radar size={34} />,
+    name: "Sponsor 1",
+  },
+  {
+    icon: <Radar size={34} />,
+    name: "Sponsor 2",
+  },
+  {
+    icon: <Radar size={34} />,
+    name: "Sponsor 3",
+  },
+  {
+    icon: <Radar size={34} />,
+    name: "Sponsor 4",
+  },
+  {
+    icon: <Radar size={34} />,
+    name: "Sponsor 5",
+  },
+  {
+    icon: <Radar size={34} />,
+    name: "Sponsor 6",
+  },
+];
+
+export const Sponsors = () => {
+  return (
+    <section
+      id="sponsors"
+      className="container pt-24 sm:py-32"
+    >
+      <h2 className="text-center text-md lg:text-xl font-bold mb-8 text-primary">
+        Investors and founders
+      </h2>
+
+      <div className="flex flex-wrap justify-center items-center gap-4 md:gap-8">
+        {sponsors.map(({ icon, name }: SponsorProps) => (
+          <div
+            key={name}
+            className="flex items-center gap-1 text-muted-foreground/60"
+          >
+            <span>{icon}</span>
+            <h3 className="text-xl  font-bold">{name}</h3>
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+};