Added more pages to site when not authenticated and added more content on the pages.

cmd/web-app/handlers/root.go

@@ -54,8 +54,8 @@ func (u *Root) SitePage(ctx context.Context, w http.ResponseWriter, r *http.Requ
 			tmpName = "site-index.gohtml"
 		case "/api":
 			tmpName = "site-api.gohtml"
-		case "/features":
+		case "/pricing":
-			tmpName = "site-features.gohtml"
+			tmpName = "site-pricing.gohtml"
 		case "/support":
 			tmpName = "site-support.gohtml"
 		case "/legal/privacy":

cmd/web-app/handlers/routes.go

@@ -95,7 +95,7 @@ func APP(shutdown chan os.Signal, log *log.Logger, env webcontext.Env, staticDir
 
 	// These routes is not authenticated
 	app.Handle("GET", "/api", r.SitePage)
-	app.Handle("GET", "/features", r.SitePage)
+	app.Handle("GET", "/pricing", r.SitePage)
 	app.Handle("GET", "/support", r.SitePage)
 	app.Handle("GET", "/legal/privacy", r.SitePage)
 	app.Handle("GET", "/legal/terms", r.SitePage)

cmd/web-app/static/assets/css/sb-admin-2.css

@@ -20,14 +20,14 @@
   --yellow: #f6c23e;
   --green: #1cc88a;
   --teal: #20c9a6;
-  --cyan: #36b9cc;
+  --cyan: #2EC57B;
   --white: #fff;
   --gray: #858796;
   --gray-dark: #5a5c69;
   --primary: #4e73df;
   --secondary: #858796;
   --success: #1cc88a;
-  --info: #36b9cc;
+  --info: #2EC57B;
   --warning: #f6c23e;
   --danger: #e74a3b;
   --light: #f8f9fc;
@@ -2722,8 +2722,8 @@ fieldset:disabled a.btn {
 
 .btn-info {
   color: #fff;
-  background-color: #36b9cc;
+  background-color: #2EC57B;
-  border-color: #36b9cc;
+  border-color: #2EC57B;
 }
 
 .btn-info:hover {
@@ -2739,8 +2739,8 @@ fieldset:disabled a.btn {
 
 .btn-info.disabled, .btn-info:disabled {
   color: #fff;
-  background-color: #36b9cc;
+  background-color: #2EC57B;
-  border-color: #36b9cc;
+  border-color: #2EC57B;
 }
 
 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
@@ -2900,6 +2900,26 @@ fieldset:disabled a.btn {
   box-shadow: 0 0 0 0.2rem rgba(115, 116, 128, 0.5);
 }
 
+
+.btn-purple {
+  color: #fff;
+  background-color: #52489C;
+  border-color: #52489C;
+}
+
+.btn-purple:hover {
+  color: #fff;
+  background-color: #1cc88a;
+  border-color: #1cc88a;
+}
+
+.btn-purple:focus, .btn-purple.focus {
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 72, 156, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(82, 72, 156, 0.5);
+}
+
+
+
 .btn-outline-primary {
   color: #4e73df;
   border-color: #4e73df;
@@ -3003,14 +3023,14 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-info {
-  color: #36b9cc;
+  color: #2EC57B;
-  border-color: #36b9cc;
+  border-color: #2EC57B;
 }
 
 .btn-outline-info:hover {
   color: #fff;
-  background-color: #36b9cc;
+  background-color: #2EC57B;
-  border-color: #36b9cc;
+  border-color: #2EC57B;
 }
 
 .btn-outline-info:focus, .btn-outline-info.focus {
@@ -3019,15 +3039,15 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-info.disabled, .btn-outline-info:disabled {
-  color: #36b9cc;
+  color: #2EC57B;
   background-color: transparent;
 }
 
 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
 .show > .btn-outline-info.dropdown-toggle {
   color: #fff;
-  background-color: #36b9cc;
+  background-color: #2EC57B;
-  border-color: #36b9cc;
+  border-color: #2EC57B;
 }
 
 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
@@ -5352,7 +5372,7 @@ a.badge-success:focus, a.badge-success.focus {
 
 .badge-info {
   color: #fff;
-  background-color: #36b9cc;
+  background-color: #2EC57B;
 }
 
 a.badge-info:hover, a.badge-info:focus {
@@ -6945,7 +6965,7 @@ button.bg-success:focus {
 }
 
 .bg-info {
-  background-color: #36b9cc !important;
+  background-color: #2EC57B !important;
 }
 
 a.bg-info:hover, a.bg-info:focus,
@@ -7055,7 +7075,7 @@ button.bg-dark:focus {
 }
 
 .border-info {
-  border-color: #36b9cc !important;
+  border-color: #2EC57B !important;
 }
 
 .border-warning {
@@ -10396,7 +10416,7 @@ a.text-success:hover, a.text-success:focus {
 }
 
 .text-info {
-  color: #36b9cc !important;
+  color: #2EC57B !important;
 }
 
 a.text-info:hover, a.text-info:focus {
@@ -10435,6 +10455,15 @@ a.text-dark:hover, a.text-dark:focus {
   color: #373840 !important;
 }
 
+.text-purple {
+  color: #52489C !important;
+}
+
+a.text-purple:hover, a.text-purple:focus {
+  color: #52489C !important;
+}
+
+
 .text-body {
   color: #858796 !important;
 }
@@ -10577,6 +10606,7 @@ a:focus {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  padding-top: 70px;
 }
 
 #wrapper #content-wrapper {
@@ -10706,9 +10736,9 @@ a:focus {
 }
 
 .bg-gradient-info {
-  background-color: #36b9cc;
+  background-color: #2EC57B;
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #36b9cc), to(#258391));
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #2EC57B), to(#258391));
-  background-image: linear-gradient(180deg, #36b9cc 10%, #258391 100%);
+  background-image: linear-gradient(180deg, #2EC57B 10%, #258391 100%);
   background-size: cover;
 }
 
@@ -10864,11 +10894,11 @@ a:focus {
 }
 
 .border-left-info {
-  border-left: 0.25rem solid #36b9cc !important;
+  border-left: 0.25rem solid #2EC57B !important;
 }
 
 .border-bottom-info {
-  border-bottom: 0.25rem solid #36b9cc !important;
+  border-bottom: 0.25rem solid #2EC57B !important;
 }
 
 .border-left-warning {

cmd/web-app/templates/content/legal-privacy.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}Privacy Policy{{end}}
+{{define "description"}}Learn how we collect, use, and share your data when you visit SaaS Company websites.{{end}}
 {{define "style"}}
 
 {{end}}

cmd/web-app/templates/content/legal-terms.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}Terms of Service{{end}}
+{{define "description"}}Review the terms that govern how you and your organization use our SaaS solution.{{end}}
 {{define "style"}}
 
 {{end}}

cmd/web-app/templates/content/signup-step1.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}Create an Account{{end}}
+{{define "description"}}Sign Up for free to our Software-as-a-Service solution. {{end}}
 {{define "style"}}
 
 {{end}}

cmd/web-app/templates/content/site-api.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}API{{end}}
+{{define "description"}}Learn how to programmatically communicate with our SaaS solution using our API.{{end}}
 {{define "style"}}
 
 {{end}}
@@ -8,6 +9,75 @@
 
         <h1 class="h1 mt-5 mb-3 text-dark">API</h1>
 
+        <p>Automate your business process via a simple and powerful API. Our API allows you to integrate complex services with our SaaS to go beyond the integrations we provide out of the box.</p>
+
+        <p>API access is only available to clients with the Enterprise plan. If you do not have the Enterprise plan, upgrade your account.</p>
+
+
+        <div class="row mt-5">
+            <div class="col">
+                <h2>API Documentation</h2>
+                <p>The documentation for the API is available here:</p>
+                <p class="h4"><i class="far fa-window-maximize"></i> <a href="http://127.0.0.1:3001/docs/" target="_blank">http://127.0.0.1:3001/docs/</a></p>
+            </div>
+        </div>
+
+
+        <div class="row mt-5 ">
+            <div class="col">
+
+                <h2>Base API URI</h2>
+
+                <p>The API is currently version 1. Thus, the endpoint for the API is:</p>
+                <code>http://127.0.0.1:3001/v1/
+                </code>
+
+            </div>
+        </div>
+
+
+        <div class="row mt-5 ">
+            <div class="col">
+
+                <h2>Authenticating with the API</h2>
+
+                <p>The API uses OAuth2 for authentication. To generate an auth token that can be used in proceeding API requests, follow the steps below. </p>
+
+                <h3 class="h5 mt-4">1. Generate an Auth Token</h3>
+
+                <p>At the top of the <a href="http://127.0.0.1:3001/docs/" target="_blank">API Documentation</a> UI, locate the button `Authorize` and click it.</p>
+
+                <p>Find the section `OAuth2Password (OAuth2, password)`.</p>
+
+                <p>Enter the user email and password.</p>
+
+                <p>Change the type to `basic auth`.
+
+                <p>Click the button `Authorize` to generate a token that will be used by the App Documentation UI for all future requests.</p>
+
+
+                <h3 class="h5 mt-5">2. Test Auth Token</h3>
+
+                <p>Now that the API Documentation UI is authorized, try running endpoint using the OAuth token.</p>
+
+                <p>Find the endpoint GET `/account` endpoint in the API Documentation UI. This endpoint should return the account by your ID.</p>
+
+                <p>Click `Try it out` .</p>
+
+                <p>Click `Execute`. The response should an Account object with your organization's account details.</p>
+
+                <h3 class="h5 mt-5">3. Query the API</h3>
+
+                <p>Now that you have an auth token, you can make any number of additional API requests until your auth token expires.</p>
+
+
+            </div>
+        </div>
+
+
+
+
+
 
 
     </div>

cmd/web-app/templates/content/site-index.gohtml

@@ -1,12 +1,81 @@
-{{define "title"}}Terms of Service{{end}}
+{{define "title"}}SaaS to Automate your Business Processes{{end}}
+{{define "description"}}The best features for streamlining your businesses processes to increase performance and efficiency.{{end}}
 {{define "style"}}
 
 {{end}}
 {{ define "content" }}
-    <div class="container" id="page-content">
 
 
 
+        <div id="myCarousel" class="carousel slide" data-ride="carousel">
+            <ol class="carousel-indicators">
+                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+                <li data-target="#myCarousel" data-slide-to="1"></li>
+                <li data-target="#myCarousel" data-slide-to="2"></li>
+            </ol>
+            <div class="carousel-inner">
+                <div class="carousel-item active">
+                    <img class="first-slide" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-starter-kit-banner-01.png" style="width:100%;min-height: 500px" alt="First slide">
+                    <div class="container">
+                        <div class="carousel-caption text-center">
+                            <h1>Automate your Business Processes</h1>
+                            <p>Enhances team productivity and profitability by streamlining your business processes with our innovative software-as-a-service solution. Save valuable time and money by turning your organization’s businesses processes that enable real-time collaboration anywhere, on any device. </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="carousel-item">
+                    <img class="second-slide" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-starter-kit-banner-02.png" style="width:100%;min-height: 500px" alt="Second slide">
+                    <div class="container">
+                        <div class="carousel-caption text-left">
+                            <h1>Increase your Business Performance now!</h1>
+                            <p>Solution to increase the performance and efficiency of your businesses processes that scales with you, your team and your company. No credit card needed. Start your Free 30 Day free trial. </p>
+                            <p><a class="btn btn-lg btn-primary" href="/signup" role="button">Sign up today</a></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="carousel-item">
+                    <img class="third-slide" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-starter-kit-banner-03.png" style="width:100%;min-height: 500px" alt="Third slide">
+                    <div class="container">
+                        <div class="carousel-caption text-left">
+                            <h1>Simple and Power API </h1>
+                            <p>Integrate our SaaS with your internal systems using our simple and powerful API. Our API allows you to integrate complex services with our SaaS to go beyond the integrations we provide out of the box.</p>
+                            <p><a class="btn btn-lg btn-primary" href="/api" role="button">Learn about API</a></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
+                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                <span class="sr-only">Previous</span>
+            </a>
+            <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
+                <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                <span class="sr-only">Next</span>
+            </a>
+        </div>
+
+
+
+        <div class="container" id="page-content" >
+
+        <div class="row mt-5">
+            <div class="col-lg-4">
+                <img class="" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-feature-cloud.png" alt="Automation with SaaS" width="140" height="140">
+                <h2>Cloud Automation</h2>
+                <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+            </div>
+            <div class="col-lg-4">
+                <img class="" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-feature-bigdata.png" alt="Big Data for Automation and AI" width="140" height="140">
+                <h2>Big Data</h2>
+                <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+            </div>
+            <div class="col-lg-4">
+                <img class="" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-feature-ai.png" alt="Increase Performance with AI" width="140" height="140">
+                <h2>Superior AI</h2>
+                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+            </div>
+        </div>
+
     </div>
 {{end}}
 {{define "js"}}
@@ -15,5 +84,6 @@
 
         });
     </script>
+
 {{end}}
 

cmd/web-app/templates/content/site-pricing.gohtml

@@ -1,4 +1,5 @@
-{{define "title"}}API{{end}}
+{{define "title"}}Pricing{{end}}
+{{define "description"}}The best solution for businesses process automation with pricing that scales with you, your team and your company.{{end}}
 {{define "style"}}
 
 {{end}}
@@ -6,7 +7,9 @@
     <div class="container" id="page-content">
 
 
-        <h1 class="h1 mt-5 mb-3 text-dark">Features</h1>
+        <h1 class="h1 mt-5 mb-3 text-dark">Pricing</h1>
+
+        <p class="lead mb-5">Start your Free 30 Day Trial. Solution to increase the performance and efficiency of your businesses processes that scales with you, your team and your company. No credit card needed.</p>
 
         <!-- Start the Pricing Cards -->
         <div class="card-deck mb-3 text-center">
@@ -67,7 +70,7 @@
                 <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
             </div>
             <div class="col-md-5">
-                <img class="featurette-image img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+                <img class="featurette-image img-fluid mx-auto" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-feature-cloud.png" alt="Cool Cloud Stuff with SaaS">
             </div>
         </div>
 
@@ -79,7 +82,7 @@
                 <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
             </div>
             <div class="col-md-5 order-md-1">
-                <img class="featurette-image img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+                <img class="featurette-image img-fluid mx-auto" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-feature-automation.png" alt="Automation with SaaS">
             </div>
         </div>
 
@@ -91,7 +94,7 @@
                 <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
             </div>
             <div class="col-md-5">
-                <img class="featurette-image img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+                <img class="featurette-image img-fluid mx-auto" src="https://dzuyel7n94hma.cloudfront.net/accelerator/img/saas-feature-security.png" alt="Security with SaaS">
             </div>
         </div>
 
@@ -103,7 +106,7 @@
     <!-- Start the Signup Container -->
 
         <div class="container ">
-            <div class="row">
+            <div class="row pt-5">
                 <div class="col-sm-8">
                     <h3 class="h2 text-success">Interested in our Service?</h3>
                     <p>Simplify your business processes with our innovative solution. Signup for your free trial now!</p>

cmd/web-app/templates/content/site-support.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}Support{{end}}
+{{define "description"}}Let us help with your business processes. Connect with us and let us know how we can help you.{{end}}
 {{define "style"}}
 
 {{end}}
@@ -15,30 +16,45 @@
         <div class="row">
             <div class="col">
 
-                <p>We are excited to help our client’s transform their paper or manual processes into digital workflows. We are as passionate as you to drive innovative change in various industries to raise the bar on what defines organizational excellence. We are leaders in our space, providing best practices for digitizing standard operating procedures. Like you, we are building, learning, and iterating. If we can't answer your question in the Knowledge Base below, contact us 24/7 for support via email, phone or chat.
+                <p>We are excited to help our client’s transform their businesses processes with our Software-as-a-Service. We are as passionate as you to drive innovative change in various industries to raise the bar on what defines organizational excellence.</p>
 
-                </p>
+                <p>We are leaders in our space, providing best practices for digitizing businesses processes. Like you, we are building, learning, and iterating. If we can't answer your question in the Knowledge Base below, contact us 24/7 for support via email, phone or chat.</p>
-
-
-                <h2>Contact us 24/7 for support via email, phone and chat!
-                </h2>
 
             </div>
         </div>
 
 
-
-
         <div class="row mt-5 mb-5">
-            <div class="col">
+            <div class="col text-center">
+                <h2 class="h2 text-purple">Search our Knowledge Base</h2>
+
+                <form action="https://keeni.zendesk.com/hc/en-us/search" method="GET">
+
+                    <div class="input-group">
+                        <input type="text" class="form-control font-24" name="query" placeholder="What can we help with?">
+
+                        <div class="input-group-append">
+                            <input type="submit" value="Search" class="btn btn-primary font-24">
+                        </div>
+                    </div>
+                    <input type="hidden" name="utf8" value="✓">
+                </form>
+
             </div>
         </div>
 
+
         <div class="row mt-5 mb-5">
+            <div class="col text-center">
+                <h2 class="h2 text-purple">Contact us 24/7 for support via email, phone and chat!</h2>
+            </div>
+        </div>
+
+        <div class="row mb-5">
 
                 <div class="col-sm-6 text-center">
-                    <h3 class="h2"><i class="fal fa-envelope"></i>Email Us</h3>
+                    <h3 class="h2"><i class="far fa-envelope"></i>Email Us</h3>
-                    <a href="mailto:support@keeni.space">support@keeni.space</a>
+                    <a href="mailto:support@ExampleDomain.com">support@ExampleDomain.com</a>
 
 
 
@@ -46,9 +62,9 @@
                 </div>
 
                 <div class="col-sm-6 text-center">
-                    <h3 class="h2"><i class="fal fa-phone"></i>Call Us</h3>
+                    <h3 class="h2"><i class="fas fa-phone"></i>Call Us</h3>
 
-                    <a href="tel:1-601-885-3364">+1 (601) 885-3364‬</a>
+                    <a href="tel:1-907-100-2000">+1 (907) 100-2000</a>
 
 
                 </div>
@@ -58,10 +74,26 @@
             </div>
 
 
-
+        <hr class="featurette-divider mt-5 mb-5">
     </div>
 
 
+    <!-- Start the Signup Container -->
+    <div class="container ">
+        <div class="row pt-5">
+            <div class="col-sm-8">
+                <h3 class="h2 text-success">Interested in our Service?</h3>
+                <p>Simplify your business processes with our innovative solution. Signup for your free trial now!</p>
+            </div>
+            <div class="col-sm-4 text-right">
+                <a class="btn btn-info" href="/signup">Try it Now</a>
+            </div>
+        </div>
+    </div>
+    <!-- /End the Signup Container -->
+
+
+
 {{end}}
 {{define "js"}}
     <script>

cmd/web-app/templates/content/user-login.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}User Login{{end}}
+{{define "description"}}Login to the Software-as-a-Service web app by SaaS Company.{{end}}
 {{define "style"}}
 
 {{end}}

cmd/web-app/templates/content/user-reset-confirm.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}Reset Password{{end}}
+{{define "description"}}Reset your password to the Software-as-a-Service web app by SaaS Company.{{end}}
 {{define "style"}}
 
 {{end}}

cmd/web-app/templates/content/user-reset-password.gohtml

@@ -1,4 +1,5 @@
 {{define "title"}}User Forgot Password{{end}}
+{{define "description"}}Request new passwords to the Software-as-a-Service web app by SaaS Company.{{end}}
 {{define "style"}}
 
 {{end}}

cmd/web-app/templates/layouts/base.gohtml

@@ -9,10 +9,10 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-        <meta name="description" content="{{block "description" .}}{{end}} ">
+        <meta name="description" content="Web app delivering Software-as-a-Service available anytime, anywhere, on any device.">
-        <meta name="author" content="{{block "author" .}}{{end}}">
+        <meta name="author" content="Geeks Accelerator">
 
-        <link rel="icon" type="image/png" sizes="16x16" href="{{ SiteAssetUrl "/assets/images/favicon.png" }}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ SiteAssetUrl "/images/saas-stater-kit-icon-200x200.png" }}">
 
         <!-- ============================================================== -->
         <!-- Custom fonts for this template                                 -->

cmd/web-app/templates/layouts/site.gohtml

@@ -10,9 +10,9 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <meta name="description" content="{{block "description" .}}{{end}} ">
-        <meta name="author" content="{{block "author" .}}{{end}}">
+        <meta name="author" content="Geeks Accelerator">
 
-        <link rel="icon" type="image/png" sizes="16x16" href="{{ SiteAssetUrl "/assets/images/favicon.png" }}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ SiteAssetUrl "/images/saas-stater-kit-icon-200x200.png" }}">
 
         <!-- ============================================================== -->
         <!-- Custom fonts for this template                                 -->
@@ -45,6 +45,11 @@
     <body id="page-top">
 
 
+    <!-- ============================================================== -->
+    <!-- Topbar                                                         -->
+    <!-- ============================================================== -->
+    {{ template "partials/site-topbar" . }}
+    <!-- End of Topbar -->
 
         <!-- ============================================================== -->
         <!-- Page Wrapper                                                   -->
@@ -61,19 +66,15 @@
                 <!-- ============================================================== -->
                 <div id="content">
 
-                    <!-- ============================================================== -->
+
-                    <!-- Topbar                                                         -->
-                    <!-- ============================================================== -->
-                    {{ template "partials/site-topbar" . }}
-                    <!-- End of Topbar -->
 
                     <!-- ============================================================== -->
                     <!-- Page Content                                                   -->
                     <!-- ============================================================== -->
-                    <div class="container-fluid" id="page-content">
+
 
                         {{ template "content" . }}
-                    </div>
+
                     <!-- End Page Content  -->
 
                 </div>
@@ -82,60 +83,7 @@
                 <!-- ============================================================== -->
                 <!-- Footer                                                         -->
                 <!-- ============================================================== -->
-                <footer class="bg-white mt-5 pt-5">
+                {{ template "partials/site-footer" . }}
-
-
-                    <div class="container mt-5 pt-5">
-                        <div class="row">
-
-                            <div class="col-sm-9 col-lg-6 mb-7">
-                                <a class="d-inline-flex align-items-center mb-3" href="/" aria-label="Startup Venture Studio">
-                                    <img src="https://dzuyel7n94hma.cloudfront.net/venturestudio/img/geeks-venture-startup-studio-software-alaska-icon-200x150.png?v=1564780012" height="100" alt="Startup Venture Studio Building and Investing in Software Startups"></a>
-                                    <p class="small text-white-70">Our Startup Studio partners with entrepreneurs to create global software-as-a-service (SaaS) startups from Alaska.</p>
-                            </div>
-
-                            <div class="col-6 col-sm-6 col-lg-3 ml-lg-auto mb-4">
-                                <h3 class="h6 text-white">Build &amp; Invest</h3>
-                                <ul class="list-unstyled">
-                                    <li><a href="/">Home</a></li>
-                                    <li><a href="/features">Features</a></li>
-                                    <li><a href="/support">Support</a></li>
-                                    <li><a href="/api">API</a></li>
-                                </ul>
-                            </div>
-                            <div class="col-6 col-sm-6 col-lg-3 mb-4">
-                                <h3 class="h6 text-white">Startup Studio</h3>
-                                <ul class="list-unstyled">
-                                    <li><a href="/legal/privacy">Privacy Policy</a></li>
-                                    <li><a href="/legal/terms">Terms of Service</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="row">
-                            <div class="col-sm-6 mb-5">
-                                <ul class="list-inline mb-0">
-                                    <li class="list-inline-item"><a class="btn btn-sm btn-icon btn-secondary" href="https://www.linkedin.com/company/geeks-accelerator"><span class="fab fa-linkedin-in"></span></a></li>
-
-                                    <li class="list-inline-item"><a class="btn btn-sm btn-icon btn-secondary" href="https://gitlab.com/geeks-accelerator"><span class="fab fa-gitlab"></span></a></li>
-                                </ul>
-                            </div>
-
-                            <div class="col-sm-6 text-sm-right">
-                                <p class="small text-white-70 mb-0">&copy; Copyright 2019 Geeks Accelerator.</p>
-                            </div>
-                        </div>
-
-
-                        <div class="row align-items-center">
-                            <div class="col-sm-6 mb-5">
-                                {{ template "partials/buildinfo" . }}
-                            </div>
-                        </div>
-
-
-
-                    </div>
-                </footer>
                 <!-- End of Footer -->
 
             </div>

cmd/web-app/templates/partials/site-footer.tmpl

@@ -0,0 +1,56 @@
+{{ define "partials/site-footer" }}
+<footer class="bg-white mt-5 pt-5">
+
+
+    <div class="container mt-5 pt-5">
+        <div class="row">
+
+            <div class="col-sm-9 col-lg-6 mb-7">
+                <a class="d-inline-flex align-items-center mb-3" href="/" aria-label="Starter Kit for Software-as-a-Service">
+                    <img src="{{ SiteAssetUrl "/images/saas-stater-kit-icon-200x200.png" }}" height="50" alt="Starter Kit for Software-as-a-Service"></a>
+                <p class="small text-white-70">Our software-as-a-service digitizes your businesses processes to increase performance and efficiency.</p>
+            </div>
+
+            <div class="col-6 col-sm-6 col-lg-3 ml-lg-auto mb-4">
+                <h3 class="h6">SaaS</h3>
+                <ul class="list-unstyled">
+                    <li><a href="/">Home</a></li>
+                    <li><a href="/pricing">Pricing</a></li>
+                    <li><a href="/support">Support</a></li>
+                    <li><a href="/api">API</a></li>
+                </ul>
+            </div>
+            <div class="col-6 col-sm-6 col-lg-3 mb-4">
+                <h3 class="h6">Legal</h3>
+                <ul class="list-unstyled">
+                    <li><a href="/legal/privacy">Privacy Policy</a></li>
+                    <li><a href="/legal/terms">Terms of Service</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-sm-6 mb-5">
+                <ul class="list-inline mb-0">
+                    <li class="list-inline-item"><a class="btn btn-sm btn-icon btn-secondary" href="https://www.linkedin.com/company/geeks-accelerator"><span class="fab fa-linkedin-in"></span></a></li>
+
+                    <li class="list-inline-item"><a class="btn btn-sm btn-icon btn-secondary" href="https://gitlab.com/geeks-accelerator"><span class="fab fa-gitlab"></span></a></li>
+                </ul>
+            </div>
+
+            <div class="col-sm-6 text-sm-right">
+                <p class="small text-white-70 mb-0">&copy; Copyright 2019 Geeks Accelerator.</p>
+            </div>
+        </div>
+
+
+        <div class="row align-items-center">
+            <div class="col-sm-6 mb-5">
+                {{ template "partials/buildinfo" . }}
+            </div>
+        </div>
+
+
+
+    </div>
+</footer>
+{{end}}

cmd/web-app/templates/partials/site-topbar.tmpl

@@ -1,28 +1,27 @@
 {{ define "partials/site-topbar" }}
     <!-- Topbar -->
-    <nav class="navbar navbar-expand  navbar-dark bg-primary topbar mb-4 static-top shadow">
 
 
-        <a class="navbar-brand" href="#">Navbar</a>
+    <nav class="navbar navbar-dark bg-primary topbar navbar-fixed-top shadow" style="position: fixed; right: 0; left: 0; z-index: 1030;">
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
-            <span class="navbar-toggler-icon"></span>
+
-        </button>
+        <a class="my-0 mr-md-auto  navbar-brand" href="/">
+            <img src="{{ SiteAssetUrl "/images/saas-stater-kit-logo-350x100.png"}}"  height="30" alt="SaaS Starter Kit">
+        </a>
+
+        <nav class="my-2 my-md-0 mr-md-3">
+            <a class="p-2 text-white" href="/">Home</a>
+            <a class="p-2 text-white" href="/pricing">Pricing</a>
+            <a class="p-2 text-white" href="/support">Support</a>
+            <a class="p-2 text-white" href="/api">API</a>
+            <a class="p-2 text-white" href="/user/login"><i class="far fa-user"></i> Login</a>
+        </nav>
+        <a class="btn btn-purple" href="/signup">Sign up</a>
+
+
+
+
 
-        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-            <ul class="navbar-nav justify-content-center" style="justify-content: center!important;float:right;">
-                <li class="nav-item">
-                    <a class="nav-link" href="/">Home</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="/features">Features</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="/support">Support</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="/api">API</a>
-                </li>
-        </div>
 
     </nav>
     <!-- End of Topbar -->