diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index f1396ce..031473b 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -1,25 +1,26 @@
---
// Properties
-const { Title, Description, VideoSrc, VideoCredit, VideoPoster } = Astro.props;
+const { Title, Description, VideoSrc, UseImage, UseVideo, Credit, VideoPoster, Image } = Astro.props;
// Components
import SudoVanillaLogo from "@components/global/SudoVanillaLogo.astro";
import SudoVanilla from "@components/global/SudoVanillaLogo.astro";
// Icons
-import { InfoCircle } from "iconoir-react";
+import { InfoCircle } from "@iconoir/vue";
---
-
+ {UseImage ?
: null}
+ {UseVideo ?
: null}
@@ -46,6 +47,14 @@ import { InfoCircle } from "iconoir-react";
object-fit: cover;
pointer-events: none;
}
+ img {
+ width: 100%;
+ height: 500px;
+ border-radius: 10px;
+ opacity: 0.32;
+ object-fit: cover;
+ pointer-events: none;
+ }
#video-credit,
#video-credit-js {
position: absolute;
@@ -53,7 +62,7 @@ import { InfoCircle } from "iconoir-react";
bottom: 0px;
right: 0px;
font-size: 10px;
- opacity: 0.4;
+ opacity: 0.8;
margin: 32px;
a {
color: white;
diff --git a/src/pages/init/index.astro b/src/pages/init/index.astro
index fb4899d..37c1210 100644
--- a/src/pages/init/index.astro
+++ b/src/pages/init/index.astro
@@ -9,7 +9,7 @@ import Posts from "@components/blog/posts.astro";
import LargeCard from "@components/Feature.astro";
// Icons
-import { BookmarkBook, ReportColumns } from "iconoir-react";
+import { BookmarkBook, ReportColumns } from "@iconoir/vue";
---
@@ -17,17 +17,17 @@ import { BookmarkBook, ReportColumns } from "iconoir-react";