From 4838df315931bb883f704ec3e1abe2685f296cdf Mon Sep 17 00:00:00 2001
From: HsiangNianian <admin@jyunko.cn>
Date: Sat, 22 Apr 2023 19:52:26 +0800
Subject: 😀
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/landing/TurboHeroBackground.tsx          | 33 ++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 docs/components/pages/landing/TurboHeroBackground.tsx

(limited to 'docs/components/pages/landing/TurboHeroBackground.tsx')

diff --git a/docs/components/pages/landing/TurboHeroBackground.tsx b/docs/components/pages/landing/TurboHeroBackground.tsx
new file mode 100644
index 0000000..dffa5b6
--- /dev/null
+++ b/docs/components/pages/landing/TurboHeroBackground.tsx
@@ -0,0 +1,33 @@
+import cn from "classnames";
+import styles from "./turbohero-background.module.css";
+
+export function TurboheroBackground(): JSX.Element {
+  return (
+    <div
+      className={cn(
+        "![perspective:1000px] sm:![perspective:1000px] md:![perspective:1000px] lg:![perspective:1000px]",
+        styles.container
+      )}
+    >
+      <div
+        className="z-[100] absolute inset-0 [--gradient-stop-1:0px] [--gradient-stop-2:50%]"
+        style={{
+          background:
+            "linear-gradient(to top, rgba(0,0,0,0) 0px, var(--geist-foreground) 50%)",
+        }}
+      />
+      <div
+        style={{
+          transform: "rotateX(75deg)",
+          position: "absolute",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+        }}
+      >
+        <div className={styles.lines} />
+      </div>
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

