diff --git a/.gitignore b/.gitignore
index 11410e8..4823539 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,7 @@
 /public/storage
 /public/js
 /public/css
+/public/fonts
 /storage/*.key
 /vendor
 /.idea
diff --git a/package.json b/package.json
index 2704933..423fcf1 100644
--- a/package.json
+++ b/package.json
@@ -13,10 +13,12 @@
         "axios": "^0.18",
         "bootstrap": "^4.0.0",
         "cross-env": "^5.1",
+        "font-awesome": "^4.7.0",
         "jquery": "^3.2",
         "laravel-mix": "^2.0",
         "lodash": "^4.17.4",
         "popper.js": "^1.12",
         "vue": "^2.5.7"
-    }
+    },
+    "dependencies": {}
 }
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 0077cb1..ea084ed 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -7,6 +7,8 @@
 
 // Bootstrap
 @import '~bootstrap/scss/bootstrap';
+@import '~font-awesome/scss/font-awesome';
+$fa-font-path: "/fonts" !default;
 
 .navbar-laravel {
   background-color: #fff;
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 474be66..a0aeb43 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.app')
 
 @section('content')
-<div class="container">
+<div class="container py-4">
     <div class="row justify-content-center">
         <div class="col-md-8">
             <div class="card">
diff --git a/resources/views/auth/passwords/email.blade.php b/resources/views/auth/passwords/email.blade.php
index 12e8083..5b5e0ed 100644
--- a/resources/views/auth/passwords/email.blade.php
+++ b/resources/views/auth/passwords/email.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.app')
 
 @section('content')
-<div class="container">
+<div class="container py-4">
     <div class="row justify-content-center">
         <div class="col-md-8">
             <div class="card">
diff --git a/resources/views/auth/passwords/reset.blade.php b/resources/views/auth/passwords/reset.blade.php
index 3557662..0802b0a 100644
--- a/resources/views/auth/passwords/reset.blade.php
+++ b/resources/views/auth/passwords/reset.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.app')
 
 @section('content')
-<div class="container">
+<div class="container py-4">
     <div class="row justify-content-center">
         <div class="col-md-8">
             <div class="card">
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index f9dd662..bd876a3 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.app')
 
 @section('content')
-<div class="container">
+<div class="container py-4">
     <div class="row justify-content-center">
         <div class="col-md-8">
             <div class="card">
diff --git a/resources/views/home/index.blade.php b/resources/views/home/index.blade.php
index 9ec67b4..a2fce3a 100644
--- a/resources/views/home/index.blade.php
+++ b/resources/views/home/index.blade.php
@@ -3,6 +3,60 @@
 @section('title', config('app.name', 'Laravel'))
 
 @section('content')
-    <button class="btn btn-primary">我想成為KOL</button>
-    <button class="btn btn-primary">我想成為品牌/代理商</button>
+<main role="main">
+    <section class="jumbotron text-center">
+        <div class="container">
+            <h1 class="jumbotron-heading">不只幫您找好KOL</h1>
+            <p class="lead text-muted">讓您輕鬆管理預算、掌握專案流程</p>
+            <h1 class="jumbotron-heading">不只幫您找好廠商</h1>
+            <p class="lead text-muted">讓您與廠商溝通無障礙、完美結案</p>
+            <form>
+                <div class="form-group">
+                    <input class="form-control" type="search" placeholder="Search" aria-label="Search">
+                    <button class="btn btn-outline-success" type="submit">Search</button>
+                </div>
+            </form>
+
+            <!-- <p>
+                <a href="#" class="btn btn-primary my-2">Main call to action</a>
+                <a href="#" class="btn btn-secondary my-2">Secondary action</a>
+            </p> -->
+        </div>
+    </section>
+    <section>
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-3">
+                    <h2>我是廠商</h2>
+                    <ul>
+                        <li>KOL搜尋</li>
+                        <li>我的最愛KOL</li>
+                        <li>發案管理</li>
+                        <li>合作廠商</li>
+                        <li>結案管理</li>
+                    </ul>
+                    <button class="btn btn-primary">我想成為KOL</button>
+                </div>
+                <div class="col-sm-3">
+                    <h2>我是KOL</h2>
+                    <ul>
+                        <li>案件通知</li>
+                        <li>合作廠商</li>
+                        <li>執行管理</li>
+                        <li>發布管理</li>
+                        <li>結案管理</li>
+                    </ul>
+                    <button class="btn btn-primary">我想成為品牌/代理商</button>
+                </div>
+                <div class="col-sm">
+                    <h2>公告區</h2>
+                    <ul>
+                        <li></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+</main>
 @endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index f544c03..a1fbb58 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -45,9 +45,13 @@
             </div>
         </nav>
 
-        <main class="py-4">
+        <main>
             @yield('content')
         </main>
+
+        <footer>
+            @include('layouts.partials.footer')
+        </footer>
     </div>
 </body>
 </html>
diff --git a/resources/views/layouts/partials/auth-navbar-item.blade.php b/resources/views/layouts/partials/auth-navbar-item.blade.php
index 85066c9..eab5a44 100644
--- a/resources/views/layouts/partials/auth-navbar-item.blade.php
+++ b/resources/views/layouts/partials/auth-navbar-item.blade.php
@@ -1,12 +1,15 @@
 <!-- Authentication Links -->
 @guest
     <li class="nav-item">
-        <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
+        <a class="nav-link" href="{{ route('login') }}">登入</a>
     </li>
     <li class="nav-item">
-        <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
+        <a class="nav-link" href="{{ route('register') }}">註冊</a>
     </li>
     <li class="nav-item">
+        <a class="nav-link" href="{{ route('register') }}">捷徑</a>
+    </li>
+    <!-- <li class="nav-item">
         <a class="nav-link" href="/receiver/login">KOL登入<span class="sr-only">(current)</span></a>
     </li>
     <li class="nav-item">
@@ -14,7 +17,7 @@
     </li>
     <li class="nav-item">
         <a class="nav-link" href="#">後台登入</a>
-    </li>
+    </li> -->
 @else
     <li class="nav-item dropdown">
         <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
diff --git a/resources/views/layouts/partials/footer.blade.php b/resources/views/layouts/partials/footer.blade.php
new file mode 100644
index 0000000..5754930
--- /dev/null
+++ b/resources/views/layouts/partials/footer.blade.php
@@ -0,0 +1,30 @@
+<hr>
+<div class="container">
+    <div class="row">
+        <div class="col-sm-2">
+            <h2>關於我們</h2>
+            <ul>
+                <li>關於</li>
+                <li>行銷知識</li>
+                <li>合作提案</li>
+                <li>聯絡我們</li>
+            </ul>
+        </div>
+        <div class="col-sm-2">
+            <h2>服務條款</h2>
+            <ul>
+                <li>隱私政策</li>
+                <li>網站條款</li>
+                <li>常見問題</li>
+            </ul>
+        </div>
+        <div class="col-sm-2">
+            <h2>服務聯盟</h2>
+            <ul>
+                <li>開箱王</li>
+                <li>BVG</li>
+                <li>凱曜網路</li>
+            </ul>
+        </div>
+    </div>
+</div>
diff --git a/webpack.mix.js b/webpack.mix.js
index 72fdbb1..89aaa63 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -12,4 +12,6 @@ let mix = require('laravel-mix');
  */
 
 mix.js('resources/assets/js/app.js', 'public/js')
-   .sass('resources/assets/sass/app.scss', 'public/css');
+   .sass('resources/assets/sass/app.scss', 'public/css')
+   .copy('node_modules/font-awesome/fonts', 'public/fonts')
+   .sourceMaps();