fix note hidden

v3/src/components/widgets/Hero.astro

@@ -15,10 +15,11 @@ const {
 
   id,
   bg = await Astro.slots.render('bg'),
+  className,
 } = Astro.props;
 ---
 
-<section class="relative md:-mt-[76px] not-prose" {...id ? { id } : {}}>
+<section class={"relative md:-mt-[76px] not-prose " + (className || '')} {...id ? { id } : {}}>
   <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
     <slot name="bg">
       {bg ? <Fragment set:html={bg} /> : null}

v3/src/pages/index.astro

@@ -8,6 +8,7 @@ import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
 import Stats from '~/components/widgets/Stats.astro';
 import CallToAction from '~/components/widgets/CallToAction.astro';
 import Carousel from '~/components/widgets/Carousel.jsx';
+import Note from '~/components/widgets/Note.astro';
 
 const metadata = {
   title: 'RustDesk: Open-Source Remote Desktop with Self-Hosted Server Solutions',
@@ -16,8 +17,14 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
+  <Note
+    title="Note"
+    subtitle='<span class="text-2xl text-font-bold">rustdesk.com</span> is our only official domain. Please do not download RustDesk from the other domains, here is the full <a href="https://github.com/rustdesk/rustdesk/discussions/9679" class="underline" target="_blank">statement</a>.'
+  />
+
   <!-- Hero Widget ******************* -->
   <Hero
+    className="z-[-1]"
     actions={[
       {
         variant: 'primary',

v3/src/types.d.ts

@@ -220,6 +220,7 @@ export interface Hero extends Omit<Headline, 'classes'>, Omit<Widget, 'isDark' |
   content?: string;
   actions?: string | CallToAction[];
   image?: string | unknown;
+  className?: string;
 }
 
 export interface Team extends Omit<Headline, 'classes'>, Widget {