[DO NOT MERGE]gw-649-about-growi-ja

docs/.vuepress/theme/components/Home.vue

@@ -26,6 +26,47 @@
       </div><!-- / container -->
     </header><!-- / header -->
 
+    <div v-if="data.introductions && data.introductions.length" id="introductions" data-section="introductions">
+      <div class="container">
+        <div class="page-header wsub first">
+          <h2>{{ data.sections.introduction.title }}</h2>
+        </div>
+
+        <div v-for="(introduction, index) in data.introductions" class="row feature-row" style="margin-top: 50px; margin-bottom: 100px;">
+          <div v-if="(index % 2) === 0">
+            <div class="feature-image-left col-sm-12 col-md-7">
+              <img :src="introduction.image_path" alt="">
+            </div>
+            <div class="features-left image-left col-xs-12 col-md-5">
+              <div v-for="detail in introduction.details" class="feature">
+                <div class="feature-icon">
+                  <i class="lnr" :class="`lnr-${detail.icon}`"></i>
+                </div>
+                <h3>{{ detail.title }}</h3>
+                <p v-html="detail.description"></p>
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <div class="features-left image-left col-xs-12 col-md-5">
+              <div v-for="detail in introduction.details" class="feature">
+                <div class="feature-icon">
+                  <i class="lnr" :class="`lnr-${detail.icon}`"></i>
+                </div>
+                <h3>{{ detail.title }}</h3>
+                <p v-html="detail.description"></p>
+              </div>
+            </div>
+            <div class="feature-image-left col-sm-12 col-md-7">
+              <img :src="introduction.image_path" alt="">
+            </div>
+          </div>
+        </div>
+      </div><!-- /container -->
+    </div><!-- / introductions section image-left -->
+    <!-- / introductions section 4col image-left -->
+
+
     <div v-if="data.features && data.features.length" id="features" data-section="features">
       <div class="container">
         <div class="page-header wsub first">

docs/ja/README.md

@@ -10,6 +10,8 @@ heroButtons:
 - text: GROWI.cloud
   link: /ja/#cloud
 sections:
+  introduction:
+    title: GROWI とは
   features:
     title: 機能紹介
   documents:
@@ -32,6 +34,39 @@ sections:
       text: 03-6667-4862
       link: 0366674862
     email: [email protected]
+introductions:
+- image_path: https://user-images.githubusercontent.com/42988650/70600974-6b29cc80-1c34-11ea-94ef-33c39c6a00dc.gif
+  details:
+  - title: GROWI とは
+    icon: pencil
+    description: GROWI とは、オリジナルの wiki を構築できるサービスです。wiki というと多くの人は wikipedia を連想すると思いますが、wiki とは多数のユーザーが共同してブラウザからコンテンツを編集するウェブサイトの事です。GROWI を使えば、自分だけの、自分達の、自社だけの wiki を作成できます。
+  - title: GROWI で出来ること  
+    icon: picture
+    description: 企業やサークル、個人などあらゆる単位で、特定の情報についてまとめたり、情報共有したいときに、GROWI を使えばそれらの情報やファイルを共有できます。整理の仕方、ページの追加が自由自在で、思った通りの情報共有が簡単に実現できます。
+- image_path: /assets/images/screenshots/growicloud.png
+  details:
+  - title: GROWI を使うには
+    icon: keyboard
+    description: GROWI は、株式会社 WESEEK が開発し、MIT ライセンスで公開しているオープンソースソフトウェアです。GitHub からダウンロードして手順に沿って構築すれば、 wiki として使えるようになります。
+  - title: GROWI.cloud とは
+    icon: smile
+    description: GROWI の一番簡単な導入方法は、GROWI.cloud でサービスを契約する事です。GROWI.cloud では無料プランもありますので、是非使ってみてください。<br/><a href="https://growi.cloud/">GROWI.cloud</a>
+- image_path: /assets/images/screenshots/growidocs.png
+  details:
+  - title: 具体的に GROWI ってどんなサービス？
+    icon: music-note
+    description: GROWI にはデモサイトがあります。使い心地を気軽に試すことができます。GROWI はノウハウの共有や、ファイルサーバーとしても活用できます。使い方次第であらゆる用途に対応出来ます。GROWI の使い方のドキュメントや、便利な機能開発も充実させています。<br/><a href="https://demo.growi.org/">GROWIデモサイト</a>
+  - title: GROWI の使い方は難しくない？
+    icon: cog
+    description: どなたでも簡単に使っていただけるよう、使い心地や書きやすさに力を入れて GROWI を開発しています。使い方についてのマニュアルも用意しているので、多くのお客様から使いやすいとのお声をいただいています。<br/><a href="https://docs.growi.org/">マニュアル GROWI Docs</a>
+- image_path: /assets/images/screenshots/growiuser.png
+  details:
+  - title: 導入事例
+    icon: magnifier
+    description: 企業の自社情報一元管理、大学のサークルでの情報管理、個人によるゲーム攻略サイトとしての利用など、あらゆる用途でご活用いただいています。
+  - title: お客様の声
+    icon: magnifier
+    description: 「GROWI を知らずに仕事をしていた頃にはもう戻れない」<br/>「GROWI を使って属人化していた仕事が誰でも出来るようになった」<br/>「使い勝手が心地良い」<br/>「最近色んなとこからGROWIって聞く、社内wikiの定番」<br/>「今までの100倍くらい知識の共有が進んだと感じます。知識は共有してなんぼです。」
 features:
 - image_path: /assets/images/screenshots/editor.png
   details: