mod: banner and links

Author: KUN1007

app/patch/[id]/resource/page.tsx

@@ -4,7 +4,6 @@ import { generateKunMetadataTemplate } from './metadata'
 import { kunGetPatchActions } from '../actions'
 import { kunGetActions } from './actions'
 import { ErrorComponent } from '~/components/error/ErrorComponent'
-import { Image } from '@heroui/image'
 import { kunMoyuMoe } from '~/config/moyu-moe'
 import type { Metadata } from 'next'
 
@@ -68,12 +67,23 @@ export default async function Kun({
         </div>
 
         {(!response.payload || response.payload.role < 2) && (
-          <Link target="_blank" href={kunMoyuMoe.ad[0].url}>
-            <Image
-              className="pointer-events-none select-none"
-              src="/a/moyumoe1.avif"
-            />
-          </Link>
+          <div className="shadow-xl rounded-2xl">
+            <a
+              target="_blank"
+              className="w-full max-h-64 flex items-center justify-center overflow-hidden rounded-2xl bg-black"
+              href={kunMoyuMoe.ad[0].url}
+            >
+              <video
+                className="pointer-events-none select-none w-full"
+                controls
+                autoPlay
+                muted
+                loop
+              >
+                <source src="/a/moyumoe.mp4" type="video/mp4" />
+              </video>
+            </a>
+          </div>
         )}
 
         <Resources initialResources={response.response} id={Number(id)} />

components/home/Container.tsx

@@ -1,5 +1,4 @@
 import { Button } from '@heroui/button'
-import { Image } from '@heroui/image'
 import { ChevronRight } from 'lucide-react'
 import { GalgameCard } from '~/components/galgame/Card'
 import { ResourceCard } from '~/components/resource/ResourceCard'
@@ -31,13 +30,18 @@ export const HomeContainer = ({
         <div className="shadow-xl rounded-2xl">
           <a
             target="_blank"
-            className="h-full w-full"
+            className="w-full max-h-64 flex items-center justify-center overflow-hidden rounded-2xl bg-black"
             href={kunMoyuMoe.ad[0].url}
           >
-            <Image
-              className="pointer-events-none select-none"
-              src="/a/moyumoe1.avif"
-            />
+            <video
+              className="pointer-events-none select-none w-full"
+              controls
+              autoPlay
+              muted
+              loop
+            >
+              <source src="/a/moyumoe.mp4" type="video/mp4" />
+            </video>
           </a>
         </div>
       )}

components/resource/detail/ResourceDetail.tsx

@@ -30,16 +30,23 @@ export const KunResourceDetail = ({ detail, payload }: Props) => {
 
       {(!payload || payload.role < 2) && (
         <div className="shadow-xl rounded-2xl hidden sm:block">
-          <a
-            target="_blank"
-            className="h-full w-full"
-            href={kunMoyuMoe.ad[0].url}
-          >
-            <Image
-              className="pointer-events-none select-none"
-              src="/a/moyumoe1.avif"
-            />
-          </a>
+          <div className="shadow-xl rounded-2xl">
+            <a
+              target="_blank"
+              className="w-full max-h-64 flex items-center justify-center overflow-hidden rounded-2xl bg-black"
+              href={kunMoyuMoe.ad[0].url}
+            >
+              <video
+                className="pointer-events-none select-none w-full"
+                controls
+                autoPlay
+                muted
+                loop
+              >
+                <source src="/a/moyumoe.mp4" type="video/mp4" />
+              </video>
+            </a>
+          </div>
         </div>
       )}
 
@@ -104,12 +111,23 @@ export const KunResourceDetail = ({ detail, payload }: Props) => {
 
             {(!payload || payload.role < 2) && (
               <div className="shadow-xl rounded-2xl block sm:hidden">
-                <a target="_blank" href={kunMoyuMoe.ad[0].url}>
-                  <Image
-                    className="pointer-events-none select-none"
-                    src="/a/moyumoe1.avif"
-                  />
-                </a>
+                <div className="shadow-xl rounded-2xl">
+                  <a
+                    target="_blank"
+                    className="w-full max-h-64 flex items-center justify-center overflow-hidden rounded-2xl bg-black"
+                    href={kunMoyuMoe.ad[0].url}
+                  >
+                    <video
+                      className="pointer-events-none select-none w-full"
+                      controls
+                      autoPlay
+                      muted
+                      loop
+                    >
+                      <source src="/a/moyumoe.mp4" type="video/mp4" />
+                    </video>
+                  </a>
+                </div>
               </div>
             )}
 

config/moyu-moe.ts

@@ -60,7 +60,7 @@ export const kunMoyuMoe: KunSiteConfig = {
   ad: [
     {
       name: 'DZMM',
-      url: 'https://www.xn--i8s951di30azba.com/?rf=8e6ec4cf'
+      url: 'https://s.iloveren.link/s/moyumoe2'
     }
   ]
 }