Separate official website page

src/assets/css/components/home/footer.scss

@@ -1,21 +0,0 @@
-@use "@/assets/css/constants" as constants;
-
-.icons {
-  display: flex;
-  gap: 20px;
-
-  .icon {
-    font-size: 8em;
-    color: constants.$origin-color;
-  }
-}
-
-.links {
-  font-size: 2em;
-  text-decoration: underline;
-  color: constants.$origin-color;
-
-  > * {
-    color: constants.$origin-color;
-  }
-}

src/assets/css/components/home/home.scss

@@ -1,11 +0,0 @@
-[data-component=home].indicator {
-  position: fixed;
-  margin: {
-    right: 20px;
-  };
-  width: 20px;
-  height: 100px;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}

src/assets/css/components/home/slogan.scss

@@ -1,63 +0,0 @@
-@use "@/assets/css/mixins" as mixins;
-
-.center-box {
-  display: flex;
-  flex-direction: column;
-}
-
-.big-logo {
-  font: {
-    size: 5em;
-    weight: bold;
-  };
-  color: #666;
-}
-
-.slogan {
-  font: {
-    size: 1.3em;
-    style: italic;
-  };
-  color: #666;
-
-  .cursor {
-    font-style: normal;
-    animation: 1s infinite;
-
-    @include mixins.unique-keyframes {
-      0% {
-        opacity: 0;
-      }
-      50% {
-        opacity: 1;
-      }
-      100% {
-        opacity: 0;
-      }
-    }
-  }
-}
-
-.scroll-down {
-  position: absolute;
-  bottom: 10px;
-  padding: 20px;
-  cursor: pointer;
-  animation: 1.5s infinite;
-  @include mixins.unique-keyframes {
-    0%,
-    100% {
-      -ms-filter: none;
-      filter: none;
-      opacity: 1;
-      transform: translateY(10px);
-    }
-
-    50% {
-      -ms-filter: alpha(opacity=40);
-      filter: alpha(opacity=40);
-      opacity: .4;
-      transform: translateY(-10px);
-    }
-  }
-}