Fix: 1. Home page Social Proof section content. \n 2. Apply for Founding Partner Program page styles.

static/css/components/form.css

@@ -2,4 +2,5 @@
 
 select {
     border: 1px solid var(--colour-accent);
+    background-color: var(--colour-page-background-1);
 }

static/css/pages/core/apply_founding_partner.css

@@ -3,6 +3,9 @@
     max-width: 75vw;
 }
 
+.container.column .container.row {
+    margin: 0.35rem 0;
+}
 .label-question {
     width: 20vw;
     align-self: center;
@@ -10,12 +13,12 @@
 .container.column .container.row .container-input {
     width: 42vw;
     margin: 0 auto;
-    padding: 0.25vh 0.5vw;
+    padding: 0.25vh 0;
 }
 
 .container.column .container.row .container-input .form-input {
     min-width: 40vw;
-    max-width: 40vw;
+    max-width: 42vw;
 }
 
 #ids_speciality li,

static/css/pages/core/contact.css

@@ -13,7 +13,7 @@
     max-width: 60vw;
     width: fit-content;
     margin: 0 auto;
-    background: #fff;
+    background: var(--colour-text-background);
     padding: 2rem;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
@@ -35,7 +35,7 @@
 .form-input {
     width: 100%;
     padding: 0.5rem;
-    border: 1px solid #d1d5db;
+    border: 2px solid var(--colour-accent);
     border-radius: 4px;
     font-size: 1rem;
 }

static/css/pages/core/home.css

@@ -201,9 +201,10 @@ section.social-proof .section-subtitle {
 section.social-proof .container {
     width: fit-content;
     margin: 0 2vw;
+    min-width: 140px;
 }
 section.social-proof > .container {
-    max-width: min(600px, 90vw);
+    max-width: min(900px, 90vw);
     margin: 1vh auto;
 }
 

static/dist/css/core_apply_founding_partner.bundle.css

@@ -91,7 +91,7 @@
     max-width: 60vw;
     width: fit-content;
     margin: 0 auto;
-    background: #fff;
+    background: var(--colour-text-background);
     padding: 2rem;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
@@ -113,7 +113,7 @@
 .form-input {
     width: 100%;
     padding: 0.5rem;
-    border: 1px solid #d1d5db;
+    border: 2px solid var(--colour-accent);
     border-radius: 4px;
     font-size: 1rem;
 }
@@ -226,6 +226,9 @@ input[type="submit"]:hover {
     max-width: 75vw;
 }
 
+.container.column .container.row {
+    margin: 0.35rem 0;
+}
 .label-question {
     width: 20vw;
     align-self: center;
@@ -233,12 +236,12 @@ input[type="submit"]:hover {
 .container.column .container.row .container-input {
     width: 42vw;
     margin: 0 auto;
-    padding: 0.25vh 0.5vw;
+    padding: 0.25vh 0;
 }
 
 .container.column .container.row .container-input .form-input {
     min-width: 40vw;
-    max-width: 40vw;
+    max-width: 42vw;
 }
 
 #ids_speciality li,

static/dist/css/core_contact.bundle.css

@@ -91,7 +91,7 @@
     max-width: 60vw;
     width: fit-content;
     margin: 0 auto;
-    background: #fff;
+    background: var(--colour-text-background);
     padding: 2rem;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
@@ -113,7 +113,7 @@
 .form-input {
     width: 100%;
     padding: 0.5rem;
-    border: 1px solid #d1d5db;
+    border: 2px solid var(--colour-accent);
     border-radius: 4px;
     font-size: 1rem;
 }

static/dist/css/core_home.bundle.css

@@ -279,9 +279,10 @@ section.social-proof .section-subtitle {
 section.social-proof .container {
     width: fit-content;
     margin: 0 2vw;
+    min-width: 140px;
 }
 section.social-proof > .container {
-    max-width: min(600px, 90vw);
+    max-width: min(900px, 90vw);
     margin: 1vh auto;
 }
 

static/dist/css/main.bundle.css

@@ -274,6 +274,7 @@ input.dirty, textarea.dirty, select.dirty {
 
 select {
     border: 1px solid var(--colour-accent);
+    background-color: var(--colour-page-background-1);
 }
 
 img, video {

templates/pages/core/_home.html

@@ -130,22 +130,36 @@
             <h2 class="section-title text-center">Built for UK Trainers, By UK Trainers</h2>
 
             <div class="{{ model.FLAG_CARD }} {{ model.FLAG_SOCIAL_PROOF }}">
+                <div class="{{ model.FLAG_CONTAINER }}">
+                    <div class="section-title">90%</div>
+                    <div class="section-subtitle">Clients Spot Hidden Progress</div>
+                </div>
+                <div class="{{ model.FLAG_CONTAINER }}">
+                    <div class="section-title">75%</div>
+                    <div class="section-subtitle">Better Consistency At Home</div>
+                </div>
+                <div class="{{ model.FLAG_CONTAINER }}">
+                    <div class="section-title">4+ hrs</div>
+                    <div class="section-subtitle">Saved For Training Per Trainer Weekly</div>
+                </div>
+                <div class="{{ model.FLAG_CONTAINER }}">
+                    <div class="section-title">85%</div>
+                    <div class="section-subtitle">Clients Access Command Dictionary Weekly</div>
+                </div>
+                <div class="{{ model.FLAG_CONTAINER }}">
+                    <div class="section-title">250+</div>
+                    <div class="section-subtitle">Commands Tracked</div>
+                </div>
                 <div class="{{ model.FLAG_CONTAINER }}">
                     <div class="section-title">20+</div>
                     <div class="section-subtitle">Dogs Tracked</div>
                 </div>
+                <!-- 
                 <div class="{{ model.FLAG_CONTAINER }}">
                     <div class="section-title">5+</div>
                     <div class="section-subtitle">Active Trainers</div>
                 </div>
-                <div class="{{ model.FLAG_CONTAINER }}">
-                    <div class="section-title">6hrs</div>
-                    <div class="section-subtitle">Saved Per Week</div>
-                </div>
-                <div class="{{ model.FLAG_CONTAINER }}">
-                    <div class="section-title">40%</div>
-                    <div class="section-subtitle">Progress Improvement</div>
-                </div>
+                -->
             </div>
         </div>
     </section>