Feat(UI): Home page styles improved.

static/css/layouts/header.css

@@ -68,7 +68,7 @@
     flex-wrap: wrap;
     max-width: calc(1vw * 100 - 1vh * 35);
     align-items: center;
-    margin: 1vh 1vw;
+    margin: 0.5vh 0.5vw;
 }
 .nav-links a {
     text-decoration: none;
@@ -77,6 +77,8 @@
     align-content: center;
     font-size: 1.2rem;
     width: fit-content;
+    padding: 0.5vh 0.5vw;
+    border-radius: 0.5vh;
 }
 .nav-links a.button {
     color: var(--colour-text-background);
@@ -175,7 +177,7 @@ form.filter button.save, form.filter button.button-cancel {
 }
 */
 
-@media screen and (max-width: 940px) {
+@media screen and (max-width: 980px) {
     /*
     .hero h1 {
         font-size: 2.5rem;

static/css/pages/core/home.css

@@ -259,6 +259,7 @@ section.cta-2 .button {
 }
 section.cta-2 .card {
     background-color: transparent;
+    margin: 1vh auto;
 }
 section.cta-2 .card .container {
     background-color: var(--colour-page-background);

static/dist/css/core_home.bundle.css

@@ -337,6 +337,7 @@ section.cta-2 .button {
 }
 section.cta-2 .card {
     background-color: transparent;
+    margin: 1vh auto;
 }
 section.cta-2 .card .container {
     background-color: var(--colour-page-background);

static/dist/css/main.bundle.css

@@ -593,7 +593,7 @@ table div {
     flex-wrap: wrap;
     max-width: calc(1vw * 100 - 1vh * 35);
     align-items: center;
-    margin: 1vh 1vw;
+    margin: 0.5vh 0.5vw;
 }
 .nav-links a {
     text-decoration: none;
@@ -602,6 +602,8 @@ table div {
     align-content: center;
     font-size: 1.2rem;
     width: fit-content;
+    padding: 0.5vh 0.5vw;
+    border-radius: 0.5vh;
 }
 .nav-links a.button {
     color: var(--colour-text-background);

templates/pages/core/_home.html

@@ -13,7 +13,7 @@
     <a href="#{{ model.FLAG_SOLUTION }}">Solution</a>
     <a href="#{{ model.FLAG_SOCIAL_PROOF }}">Social Proof</a>
     <a href="#{{ model.FLAG_TESTIMONIAL }}">Testimonial</a>
-    <a href="#{{ model.FLAG_EARLY_ACCESS }}">Early Access</a>
+    <a href="#{{ model.FLAG_CTA_2 }}">Early Access</a>
     <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Contact Us</a>
 {% endblock %}
 
@@ -236,7 +236,7 @@
     </section>
     -->
 
-    <section class="{{ model.FLAG_CTA_2 }}">
+    <section id="{{ model.FLAG_CTA_2 }}" class="{{ model.FLAG_CTA_2 }}">
         <div class="{{ model.FLAG_CONTAINER }}">
             <h2 class="section-title">Get Started Today - Founding Partner Access Available</h2>
             <p class="section-subtitle text-center">We're ready for serious trainers to start using Fetch Metrics right now. Since we're still adding features based on user feedback, we're offering incredible early access terms:</p>