fix: modify the static-image folder path

Author: Gaic4o

src/content/docs/docs/branding.mdx

@@ -4,7 +4,7 @@ title: Branding Guidelines
 
 import { Aside } from '@astrojs/starlight/components';
 
-import StaticImageDownload from '../../../components/StaticImageDownload.astro';
+import StaticImageDownload from '../../../shared/ui/static-image/static-image-download.astro';
 
 FSD's visual identity is based on its core-concepts: `Layered`, `Sliced self-contained parts`, `Parts & Compose`, `Segmented`.
 But also we tend to design simple, pretty identity, which should convey the FSD philisophy and be easy to recognize.

src/content/docs/docs/get-started/overview.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { FileTree, LinkCard, Aside } from '@astrojs/starlight/components';
-import StaticImage from '../../../../components/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/static-image.astro';
 
 **Feature-Sliced Design** (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements.
 

src/content/docs/docs/reference/layers.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { Aside } from '@astrojs/starlight/components';
-import StaticImage from '../../../../components/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/static-image.astro';
 
 Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on. Every layer carries special semantic meaning to help you determine how much responsibility you should allocate to your code.
 

src/content/docs/docs/reference/public-api.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { FileTree, Aside } from '@astrojs/starlight/components';
-import StaticImage from '../../../../components/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/static-image.astro';
 
 A public API is a _contract_ between a group of modules, like a slice, and the code that uses it. It also acts as a gate, only allowing access to certain objects, and only through that public API.
 

src/content/docs/docs/reference/slices-segments.mdx

@@ -4,7 +4,7 @@ sidebar:
   order: 2
 ---
 
-import StaticImage from '../../../../components/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/static-image.astro';
 
 ## Slices
 

src/content/docs/index.mdx

@@ -2,11 +2,16 @@
 title: Feature-Sliced Design
 template: splash
 hero:
-  tagline:
-    Architectural methodology for frontend projects
-  actions:
-    - text: Get started
-      link: /docs/get-started/overview
-      icon: right-arrow
-      variant: primary
+  tagline: ""
 ---
+
+import HeroBanner from "../../pages/_home/ui/hero-banner.astro";
+import Products from "../../pages/_home/ui/products.astro";
+import PopularGuides from "../../pages/_home/ui/popular-guides.astro";
+import "../../pages/_home/ui/index.css";
+
+<div class="HomePage__container">
+  <HeroBanner />
+  <Products />
+  <PopularGuides />
+</div>

src/content/docs/ja/docs/branding.mdx

@@ -4,7 +4,7 @@ title: ブランドガイドライン
 
 import { Aside } from '@astrojs/starlight/components';
 
-import StaticImageDownload from '../../../../components/StaticImageDownload.astro';
+import StaticImageDownload from '../../../../shared/ui/static-image/static-image-download.astro';
 
 FSDのビジュアルアイデンティティは、そのコアコンセプトである `Layered`、`Sliced self-contained parts`、`Parts & Compose`、`Segmented` に基づいています。しかし、私たちはFSDの哲学を反映し、簡単に認識できる美しいアイデンティティを目指しています。
 

src/content/docs/ja/docs/reference/layers.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { Aside } from '@astrojs/starlight/components';
-import StaticImage from '../../../../../components/StaticImage.astro';
+import StaticImage from '../../../../../shared/ui/static-image/static-image.astro';
 
 レイヤーは、Feature-Sliced Designにおける組織階層の最初のレベルです。その目的は、コードを責任の程度やアプリ内の他のモジュールへの依存度に基づいて分離することです。各レイヤーは、コードにどれだけの責任を割り当てるべきかを判断するための特別な意味を持っています。
 

src/content/docs/ja/docs/reference/public-api.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { FileTree } from '@astrojs/starlight/components';
-import StaticImage from '../../../../../components/StaticImage.astro';
+import StaticImage from '../../../../../shared/ui/static-image/static-image.astro';
 
 公開APIは、モジュールのグループ（スライスなど）とそれを使用するコードとの間の**契約**です。また、特定のオブジェクトへのアクセスを制限し、その公開APIを通じてのみアクセスを許可します。
 

src/content/docs/ja/docs/reference/slices-segments.mdx

@@ -4,7 +4,7 @@ sidebar:
   order: 2
 ---
 
-import StaticImage from '../../../../../components/StaticImage.astro';
+import StaticImage from '../../../../../shared/ui/static-image/static-image.astro';
 
 ## スライス