feat: 🎸 Removed download from head, added buttons to banner (#42)

* feat: 🎸 Removed download from head, added buttons to banner Co-authored-by: irony <christian@landgren.nu>
kolplattformen · Feb 8, 2021 · 1e45d28 · 1e45d28 · vercel · Feb 8, 2021
1 parent d6e3554
commit 1e45d28
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 23 deletions.
diff --git a/packages/site/assets/css/style.css b/packages/site/assets/css/style.css
@@ -1346,6 +1346,24 @@ label input[type="radio"] {
 .main-header.sticky {
   padding: 15px 0;
 }
+
+.app-store-buttons {
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+}
+img.appstore {
+  width: auto;
+}
+img.appstore.ios {
+  height: 60px;
+}
+img.appstore.android {
+  height: 87px;
+}
+img.disabled {
+  opacity: 0.6;
+}
 /*==============================================
     05: Feature area
 ==============================================*/

diff --git a/packages/site/assets/img/appstore.svg b/packages/site/assets/img/appstore.svg
diff --git a/packages/site/assets/img/playstore.png b/packages/site/assets/img/playstore.png
diff --git a/packages/site/components/Banner.js b/packages/site/components/Banner.js
@@ -8,6 +8,12 @@ import shape4 from '../assets/img/banner/shaps4.png'
 import shape5 from '../assets/img/banner/shaps5.png'
 import shape6 from '../assets/img/banner/shaps6.png'
 import shape7 from '../assets/img/banner/shaps7.png'
+import appstore from '../assets/img/appstore.svg'
+import playstore from '../assets/img/playstore.png'
+
+const coolIt = () => {
+  alert('Lugn i stormen. Appen väntar på godkännande. Snart kan du ladda ner den! 😊')
+}
 
 const Banner = () => {
   return (
@@ -73,13 +79,9 @@ const Banner = () => {
                     Google Play Store vilken dag som helst.
                   </b>
                 </p>
-                <p>
-                  <a href="#" className="btn">
-                    App Store
-                  </a>
-                  <a href="#" className="btn">
-                    Google Play Store
-                  </a>
+                <p className="app-store-buttons">
+                  <a onClick={coolIt}><img src={appstore} className="appstore ios disabled" /></a>
+                  <a onClick={coolIt}><img src={playstore} className="appstore android disabled" /></a>
                 </p>
                 <p>
                   <Link href="/integritet">

diff --git a/packages/site/components/Header.js b/packages/site/components/Header.js
@@ -61,7 +61,7 @@ const HeaderHome = (props) => {
                   </Link>
                 </div>
               </div>
-              <div className="col-xl-6 col-lg-6 col-md-4 col-6 menu-button">
+              <div className="col-xl-9 col-lg-9 col-md-8 col-6 menu-button">
                 <div className="menu--inner-area clearfix">
                   <div className="menu-wraper">
                     <nav>
@@ -78,21 +78,6 @@ const HeaderHome = (props) => {
                   </div>
                 </div>
               </div>
-              <div className="col-lg-3 col-md-4 col-sm-5 d-md-block d-none">
-                <div className="urgent-call text-right">
-                  <a
-                    href="#"
-                    className="btn"
-                    onClick={() =>
-                      alert(
-                        'Håll ut! Appen kommer snart på App Store och Google Play'
-                      )
-                    }
-                  >
-                    Ladda ner
-                  </a>
-                </div>
-              </div>
             </div>
           </div>
         </div>