Fix: Style improvements on home page.

static/css/pages/core/home.css

@@ -114,18 +114,27 @@ section.benefits .container .card .container {
     min-width: 250px;
 }
 /* Solution Section */
+section.benefits .card.benefits,
+section.social-proof .card.social-proof {
+    display: flex;
+}
 section.solution .container .card {
     margin-top: 1vh;
-    max-width: min(2000px, 90vw);
+    max-width: min(2000px, 80vw);
 }
 
 section.benefits .card.benefits .container,
 section.solution .container .card .container {
     padding: 1vh 2vw;
+    max-width: min(500px, 80vw);
+}
+section.solution .container .card .container p {
+    margin-bottom: 1vh;
 }
 section.solution .project-thumbnail img {
-    max-width: 500px;
+    max-width: min(500px, 80vw);
-    max-height: 500px;
+    max-height: min(500px, 80vw);
+    border-radius: 1vh;
 }
 
 
@@ -157,18 +166,21 @@ section.social-proof ul li {
     font-size: 14px;
 }
 */
-section.benefits .card.benefits,
 section.social-proof .card.social-proof {
-    display: flex;
+    padding: 0;
 }
 section.social-proof .section-title {
     font-weight: bold;
     color: var(--colour-text-link-visited);
     margin-bottom: 0.25vh;
 }
+section.social-proof .section-subtitle {
+    margin: 1vh 1vw;
+}
 section.social-proof .container {
     max-width: min(600px, 90vw);
     width: fit-content;
+    margin: 1vh auto;
 }
 
 /* Early Access Section * /
@@ -195,10 +207,19 @@ section.early-access a.button {
 }
 */
 
-/* Features section */
+/* Features section * /
 section.features .button {
     margin-top: 0;
 }
+*/
+
+/* Testimonials section */
+section.testimonial p {
+    margin-bottom: 1vh;
+}
+section.testimonial h2 {
+    margin: 0 auto;
+}
 
 /* CTA Section */
 .cta-1,
@@ -222,7 +243,12 @@ section.cta-2 .card .container {
     padding: 2vh 1vw;
     margin: 1vh;
 }
-
+section.cta-2 .card .container h3 {
+    margin: 0 auto;
+}
+section.cta-2 .card .container p {
+    margin-top: 1vh;
+}
 /* FAQs * /
 section.faq .button {
     margin-bottom: 0.25rem;

static/dist/css/core_home.bundle.css

@@ -271,18 +271,27 @@ section.benefits .container .card .container {
     min-width: 250px;
 }
 /* Solution Section */
+section.benefits .card.benefits,
+section.social-proof .card.social-proof {
+    display: flex;
+}
 section.solution .container .card {
     margin-top: 1vh;
-    max-width: min(2000px, 90vw);
+    max-width: min(2000px, 80vw);
 }
 
 section.benefits .card.benefits .container,
 section.solution .container .card .container {
     padding: 1vh 2vw;
+    max-width: min(500px, 80vw);
+}
+section.solution .container .card .container p {
+    margin-bottom: 1vh;
 }
 section.solution .project-thumbnail img {
-    max-width: 500px;
+    max-width: min(500px, 80vw);
-    max-height: 500px;
+    max-height: min(500px, 80vw);
+    border-radius: 1vh;
 }
 
 
@@ -314,18 +323,21 @@ section.social-proof ul li {
     font-size: 14px;
 }
 */
-section.benefits .card.benefits,
 section.social-proof .card.social-proof {
-    display: flex;
+    padding: 0;
 }
 section.social-proof .section-title {
     font-weight: bold;
     color: var(--colour-text-link-visited);
     margin-bottom: 0.25vh;
 }
+section.social-proof .section-subtitle {
+    margin: 1vh 1vw;
+}
 section.social-proof .container {
     max-width: min(600px, 90vw);
     width: fit-content;
+    margin: 1vh auto;
 }
 
 /* Early Access Section * /
@@ -352,10 +364,19 @@ section.early-access a.button {
 }
 */
 
-/* Features section */
+/* Features section * /
 section.features .button {
     margin-top: 0;
 }
+*/
+
+/* Testimonials section */
+section.testimonial p {
+    margin-bottom: 1vh;
+}
+section.testimonial h2 {
+    margin: 0 auto;
+}
 
 /* CTA Section */
 .cta-1,
@@ -379,7 +400,12 @@ section.cta-2 .card .container {
     padding: 2vh 1vw;
     margin: 1vh;
 }
-
+section.cta-2 .card .container h3 {
+    margin: 0 auto;
+}
+section.cta-2 .card .container p {
+    margin-top: 1vh;
+}
 /* FAQs * /
 section.faq .button {
     margin-bottom: 0.25rem;

templates/layouts/layout.html

@@ -124,6 +124,7 @@
     </footer>
     
     {% include 'layouts/_shared.html' %}
+    {% include 'layouts/_shared_dog.html' %}
     <script src="{{ url_for('static', filename='dist/js/main.bundle.js') }}"></script>
 </body>
 </html>

templates/pages/core/_home.html

@@ -244,19 +244,19 @@
             
             <div class="{{ model.FLAG_CARD }}">
                 <div class="{{ model.FLAG_CONTAINER }}">
-                    <h4>🆓 Free During Alpha</h4>
+                    <h3>🆓 Free During Alpha</h3>
                     <p>Complete access to all features while we perfect the platform together</p>
                 </div>
                 <div class="{{ model.FLAG_CONTAINER }}">
-                    <h4>💰 50% Off for Life</h4>
+                    <h3>💰 50% Off for Life</h3>
                     <p>Lock in permanent founder pricing when we officially launch</p>
                 </div>
                 <div class="{{ model.FLAG_CONTAINER }}">
-                    <h4>🎨 Shape the Product</h4>
+                    <h3>🎨 Shape the Product</h3>
                     <p>Your feedback directly influences new features and improvements</p>
                 </div>
                 <div class="{{ model.FLAG_CONTAINER }}">
-                    <h4>🚀 First Access</h4>
+                    <h3>🚀 First Access</h3>
                     <p>Be first to try everything new as we add it</p>
                 </div>
             </div>
@@ -268,10 +268,8 @@
             <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_LIGHT }}">Apply for Alpha Access</a>
             <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_LIGHT }}">Book a Demo Call</a>
             
-            <p>
+            <p>Questions? Email us at {{ model.get_mail_contact_public() }}</p>
-                Questions? Email us at {{ model.get_mail_contact_public() }}<br>
+            <p>Response time: Under 24 hours</p>
-                Response time: Under 24 hours
-            </p>
         </div>
     </section>