😀

1 files changed, 27 insertions, 0 deletions

diff --git a/docs/components/pages/landing/Turbopack.tsx b/docs/components/pages/landing/Turbopack.tsx
new file mode 100644
index 0000000..1db1076
--- /dev/null
+++ b/docs/components/pages/landing/Turbopack.tsx
@@ -0,0 +1,27 @@
+import Image from "next/image";
+
+export function Turbopack() {
+  return (
+    <div className="relative w-24 h-24">
+      <div className="pointer-events-none absolute w-[261px] h-[261px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-gradient-to-b from-[#4EBFFF] to-[#BD69FF] mix-blend-normal opacity-5 dark:opacity-[0.15] blur-[60px]" />
+      <div className="contents dark:hidden">
+        <Image
+          alt=""
+          src={`/images/docs/pack/turbopack-hero-logo-light.svg`}
+          width={120}
+          height={136.15}
+          className="absolute w-[84px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+        />
+      </div>
+      <div className="dark:contents hidden">
+        <Image
+          alt=""
+          src={`/images/docs/pack/turbopack-hero-logo-dark.svg`}
+          width={120}
+          height={136.15}
+          className="hidden dark:block absolute w-[84px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+        />
+      </div>
+    </div>
+  );
+}