From a2f8df3b14979f74c03a79b2ffaf081739837899 Mon Sep 17 00:00:00 2001
From: 简律纯 <hsiangnianian@outlook.com>
Date: Wed, 3 May 2023 01:09:49 +0800
Subject:

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

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

diff --git a/docs/components/pages/landing/HydroRollAI.tsx b/docs/components/pages/landing/HydroRollAI.tsx
new file mode 100644
index 0000000..d299fed
--- /dev/null
+++ b/docs/components/pages/landing/HydroRollAI.tsx
@@ -0,0 +1,27 @@
+import Image from "next/image";
+
+export function HydroRollAI() {
+  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-[#FF3358] to-[#FF4FD8] mix-blend-normal opacity-5 dark:opacity-[0.15] blur-[60px]" />
+      <div className="contents dark:hidden">
+        <Image
+          alt="HydroRollAI Logo"
+          src={`/images/docs/repo/repo-hero-logo-light.svg`}
+          width={120}
+          height={120}
+          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="HydroRollAI Logo"
+          src={`/images/docs/repo/repo-hero-logo-dark.svg`}
+          width={120}
+          height={120}
+          className="hidden dark:block absolute w-[84px] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+        />
+      </div>
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

