Merge pull request #328 from teaxyz/gui-landing-page

src/content/gui.md

@@ -0,0 +1,5 @@
+---
+title: "Download the GUI"
+Description: "The App Store for Developers"
+layout: "gui"
+---

src/layouts/page/gui.html

@@ -0,0 +1,101 @@
+{{ define "main" }}
+
+<!-- Main container -->
+
+<section class="two-boxes">
+  <div class="container">
+    <div class="row">
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
+        <h1 class="display-4">The App Store for Developers</h1>
+        <p class="mb-4">Meet GUI - the app store for developers! Our visual package manager lets you browse, install, and update open-source software in a snap. Say goodbye to manual updates and hello to streamlined development. Try it today!</p>
+        <p>Download the <span class="tea">tea/gui</span> beta for Mac (v0.0.37)</p>
+          <div style="display:flex;align-items:flex-start;">
+            <div class="">
+              <a href="https://dist.tea.xyz/tea.xyz/gui/tea-0.0.37-arm64.dmg">
+                <button class="hbtn hb-fill-right github-click" style="width:180px;height:40px;font-size:14px;"><i class="icon-apple"></i>M1/M2 Chip</button>
+              </a>
+            </div>
+            <div class="ms-3">
+              <a href="https://dist.tea.xyz/tea.xyz/gui/tea-0.0.37.dmg">
+                <button class="hbtn hb-fill-right github-click" style="width:180px;height:40px;font-size:14px;"><i class="icon-apple"></i>Intel Chip</button>
+              </a>
+            </div>
+          </div>
+        </div>
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mt-xl-0 mt-lg-0 mt-md-0 mt-sm-4 mt-4">
+        <img style="width:100%;" src="/Images/gui-screenshot-hero.png" alt="tea/gui">
+      </div>
+      </div>
+    </div>
+</section>
+
+<style media="screen">
+
+  .icon-apple{
+    position: relative;
+    top:2px;
+  }
+
+  h1{
+    font-size:50px !important;
+  }
+
+  h3{
+    font-size:26px !important;
+    line-height: 1.5em;
+  }
+
+  p{
+    font-size: 16px;
+  }
+</style>
+
+<!-- Features -->
+
+<section class="two-boxes-down">
+  <div class="container">
+    <div class="row">
+      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
+        <h3>One-Click Installs</h3>
+        <p>Say goodbye to the days of scavenging through cluttered docs. tea/gui enables to you to query our expansive pantry and install your desired version of any package with one click. Openai-python, jupyter, youtube-dl, and hundreds more&#8230; all available to you within seconds.</p>
+      </div>
+      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
+        <h3>Easy Updates</h3>
+        <p>Our aim is to enhance your workflow, not disrupt it. tea/gui will alert you via desktop notifcations when new updates are available for your installed packages. Your can bullk update everything, or update one-by-one in the event you'd like to exercise some more discretion. </p>
+      </div>
+      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
+        <h3>Version Management</h3>
+        <p>tea/gui makes managing your package versions a simply delightful experience. You can prune packages to remove all but the latest version, choose your desired version when installing, and install or add specific versions for previously installed packages.</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Bottom CTA -->
+
+<section class="teal-bg two-boxes">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h3 class="black text-center">Get started with visual package management today!</h3>
+        <p class="black text-center">Download the <span class="tea">tea/gui</span> beta for Mac (v0.0.37)</p>
+        <div class="mb-2" style="display:flex;justify-content:center;">
+          <div style="display:flex;align-items:flex-start;">
+            <div class="">
+              <a href="https://dist.tea.xyz/tea.xyz/gui/tea-0.0.37-arm64.dmg">
+                <button class="hbtn hb-fill-right github-click" style="width:180px;height:40px;font-size:14px;"><i class="icon-apple"></i>M1/M2 Chip</button>
+              </a>
+            </div>
+            <div class="ms-3">
+              <a href="https://dist.tea.xyz/tea.xyz/gui/tea-0.0.37.dmg">
+                <button class="hbtn hb-fill-right github-click" style="width:180px;height:40px;font-size:14px;"><i class="icon-apple"></i>Intel Chip</button>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+{{end}}

src/layouts/page/press.html

@@ -33,7 +33,7 @@
         <h3>Assets</h3>
       </div>
     </div>
-
+<!--
     <div class="row one-box-down">
       <div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
         <h5>Type</h5>
@@ -54,11 +54,10 @@
         </a>
       </div>
     </div>
-
+-->
     <div class="one-box-down">
       <hr>
     </div>
-
     <div class="row">
       <div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
         <h5>Type</h5>
@@ -79,7 +78,6 @@
         </a>
       </div>
     </div>
-
   </div>
 </section>