首頁建置與部份顯示模組拆開

.gitignore

@@ -3,6 +3,7 @@
 /public/storage
 /public/js
 /public/css
+/public/fonts
 /storage/*.key
 /vendor
 /.idea

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": {}
 }

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;

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">

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">

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">

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">

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>
+<main role="main">
-    <button class="btn btn-primary">我想成為品牌/代理商</button>
+    <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

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>

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>

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>

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();