From be8150d9a948e6fba5c2b71a02eabbce837b3fd1 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 31 Mar 2025 09:39:05 -0400
Subject: [PATCH] WIP updated footer.

---
 src/assets/img/neighborhood.svg               |  92 ++++++++++++++
 src/assets/img/skyline-van.svg                | 114 ++++++++++++++++++
 .../funnel-footer/funnel-footer.vue           |  27 ++++-
 3 files changed, 231 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/img/neighborhood.svg
 create mode 100644 src/assets/img/skyline-van.svg

diff --git a/src/assets/img/neighborhood.svg b/src/assets/img/neighborhood.svg
new file mode 100644
index 000000000..4022f9116
--- /dev/null
+++ b/src/assets/img/neighborhood.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 626.75 96.85">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-miterlimit: 10;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        fill: #f4f4f5;
+      }
+
+      .cls-1, .cls-4, .cls-3 {
+        stroke: #4d5151;
+        stroke-width: .75px;
+      }
+
+      .cls-2, .cls-5 {
+        stroke-width: 0px;
+      }
+
+      .cls-4 {
+        fill: none;
+      }
+
+      .cls-4, .cls-3 {
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .cls-5 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M203.44,4.72h45.81l11.16,11.27h-4.78l-.08,34.02h-31.91l-.6-32.54-19.61-12.75Z"/>
+  <path class="cls-3" d="M348.73,77.19c0-6.55,6.93-25.55,11.66-25.6,5.82,0,11.94,18.85,12.08,25.37.2,1.67.05,3.36-.45,4.96-.5,1.6-1.33,3.09-2.44,4.35-1.11,1.26-2.47,2.27-4,2.97-1.53.7-3.19,1.07-4.87,1.08-1.68.01-3.34-.33-4.88-1-1.54-.67-2.92-1.66-4.05-2.91-1.13-1.24-1.98-2.71-2.51-4.31-.52-1.6-.7-3.29-.53-4.96v.03Z"/>
+  <path class="cls-4" d="M360.48,96.47l.19-23.99.05-5.21"/>
+  <path class="cls-4" d="M170.46,57.01v38.14h-25.85"/>
+  <path class="cls-4" d="M28.59,95.14v-38.14"/>
+  <path class="cls-4" d="M89.07,95.14v-25.02h-16.28v15.42"/>
+  <path class="cls-4" d="M425.38,64.01v31.03"/>
+  <path class="cls-4" d="M378.57,95.04v-31.03"/>
+  <path class="cls-4" d="M397,72.34h14.6v14.55"/>
+  <path class="cls-4" d="M405.54,86.89h-13.2v-14.55"/>
+  <path class="cls-3" d="M387.67,64.01h-10.91v-20.9h51.26v20.9h-40.35Z"/>
+  <path class="cls-4" d="M401.97,72.34v14.55"/>
+  <path class="cls-4" d="M393.46,79.62h18.13"/>
+  <path class="cls-2" d="M391.42,50.01v-12.94h-7.48v18.82h7.48"/>
+  <path class="cls-4" d="M391.42,50.01v-12.94h-7.48v18.82h7.48"/>
+  <path class="cls-4" d="M170.46,42.75v-25.29L196.76.38l26.28,17.09v74.69"/>
+  <path class="cls-4" d="M305.4,22.15v72.99h-31.78"/>
+  <path class="cls-5" d="M217.11,95.14v-39.3h44.21v39.3"/>
+  <path class="cls-4" d="M217.11,95.14v-39.3h44.21v39.3"/>
+  <path class="cls-4" d="M254.83,9.82h42.77l12.34,12.33h-13.12"/>
+  <path class="cls-4" d="M203.44,4.72h45.81l11.16,11.27h-12.88"/>
+  <path class="cls-5" d="M227.09,57.68h-13.9l9.9-7.67h32.87l9.94,7.67h-14.57"/>
+  <path class="cls-4" d="M227.09,57.68h-13.9l9.9-7.67h32.87l9.94,7.67h-14.57"/>
+  <path class="cls-4" d="M10.64,82.38c5.67,0,10.27-4.6,10.27-10.27s-4.6-10.27-10.27-10.27S.38,66.44.38,72.11s4.6,10.27,10.27,10.27Z"/>
+  <path class="cls-4" d="M10.64,77.13l-8.64-8.66"/>
+  <path class="cls-4" d="M10.64,96.47v-27.6"/>
+  <path class="cls-3" d="M118.68,85.35v-15.22h-14.84v15.22h14.84Z"/>
+  <path class="cls-3" d="M148.09,85.35v-15.22h-14.84v15.22h14.84Z"/>
+  <path class="cls-3" d="M58.26,85.35v-15.22h-14.84v15.22h14.84Z"/>
+  <path class="cls-4" d="M255.63,15.99v34.02"/>
+  <path class="cls-2" d="M72.05,57.01H28.59l30.3-30.3h42.93"/>
+  <path class="cls-4" d="M72.05,57.01H28.59l30.3-30.3h42.93"/>
+  <path class="cls-4" d="M205.15,67.39v-34.39h-16.78v34.39h9.45"/>
+  <path class="cls-4" d="M277.74,52.31v-23.91h-9.88v23.91h5.57"/>
+  <path class="cls-4" d="M296.07,51.72v-23.91h-9.87v23.91h5.57"/>
+  <path class="cls-4" d="M557.92,95.14h-47.56v-21.4"/>
+  <path class="cls-4" d="M573.98,57.01v38.14h-5.43"/>
+  <path class="cls-4" d="M573.98,57.01l-31.72-27.94"/>
+  <path class="cls-3" d="M542.22,29.06l-31.67,27.94h-63.32l31.61-27.94h63.38Z"/>
+  <path class="cls-4" d="M447.23,57.01v38.05h12.75"/>
+  <path class="cls-4" d="M542.28,29.06h-.06"/>
+  <path class="cls-3" d="M470.35,83.07v-16.45h-9.88v16.45h9.88Z"/>
+  <path class="cls-3" d="M487.86,83.07v-16.45h-9.87v16.45h9.87Z"/>
+  <path class="cls-5" d="M549.13,64.87v-19.7h-11.85v19.7h6.87"/>
+  <path class="cls-4" d="M549.13,64.87v-19.7h-11.85v19.7h6.87"/>
+  <path class="cls-2" d="M95.23,33.29l23.54-22.57,51.69,46.29h-98.41"/>
+  <path class="cls-4" d="M95.23,33.29l23.54-22.57,51.69,46.29h-98.41"/>
+  <path class="cls-4" d="M616.11,85.37c5.67,0,10.27-4.6,10.27-10.27s-4.6-10.27-10.27-10.27-10.27,4.6-10.27,10.27,4.6,10.27,10.27,10.27Z"/>
+  <path class="cls-4" d="M616.11,80.11l8.66-8.66"/>
+  <path class="cls-4" d="M616.11,96.47v-24.61"/>
+  <path class="cls-3" d="M588.22,80.52c0-5.06,5.35-19.76,8.96-19.79,4.48,0,9.3,14.58,9.34,19.64.06,1.23-.13,2.47-.56,3.63-.43,1.16-1.09,2.22-1.94,3.12-.85.9-1.87,1.62-3.01,2.11-1.13.49-2.35.75-3.59.76-1.24.01-2.46-.23-3.6-.7-1.14-.47-2.17-1.18-3.04-2.06-.86-.88-1.54-1.93-1.99-3.09-.45-1.15-.66-2.38-.62-3.62h.04Z"/>
+  <path class="cls-4" d="M597.6,96.47l-.24-23.23"/>
+  <path class="cls-4" d="M597.43,83.1l-3.64-3.55"/>
+  <path class="cls-4" d="M361.04,80.99l5.03-5.03"/>
+  <path class="cls-5" d="M232.24,95.14v-22.96h13.79v16.75"/>
+  <path class="cls-4" d="M232.24,95.14v-22.96h13.79v16.75"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/img/skyline-van.svg b/src/assets/img/skyline-van.svg
new file mode 100644
index 000000000..443ae3463
--- /dev/null
+++ b/src/assets/img/skyline-van.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_3" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 758.33 237.7">
+  <defs>
+    <style>
+      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
+        stroke-linejoin: round;
+        stroke-width: .75px;
+      }
+
+      .cls-1, .cls-2, .cls-5, .cls-7 {
+        stroke: #4d5151;
+      }
+
+      .cls-1, .cls-7, .cls-8 {
+        fill: #f4f4f5;
+      }
+
+      .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
+        stroke-linecap: round;
+      }
+
+      .cls-2, .cls-3, .cls-9 {
+        fill: #fff;
+      }
+
+      .cls-3, .cls-4, .cls-6, .cls-8 {
+        stroke: #000;
+      }
+
+      .cls-4 {
+        fill: #d92d27;
+      }
+
+      .cls-10 {
+        fill: #db1f26;
+      }
+
+      .cls-10, .cls-9 {
+        stroke-width: 0px;
+      }
+
+      .cls-5, .cls-6 {
+        fill: none;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M306.68,235.52h-50.11v-28.47l-9.2-8.07v-127.18l-12.46-9.74V17.64h71.77v36.46h41.43v66.99l-41.43-.09v114.53Z"/>
+    <path class="cls-1" d="M453.61,120.87v19.99h81.77V60.11h-121.1v60.76"/>
+    <path class="cls-2" d="M295.76,54.1v-20.01h-12.26v20.01h12.26Z"/>
+    <path class="cls-2" d="M295.76,84.86v-20.01h-12.26v20.01h12.26Z"/>
+    <path class="cls-2" d="M318.96,84.86v-20.01h-12.28v20.01h12.28Z"/>
+    <path class="cls-2" d="M60.31,34.09h-12.28v20.01h12.28v-20.01Z"/>
+    <path class="cls-2" d="M60.31,64.86h-12.28v20.01h12.28v-20.01Z"/>
+    <path class="cls-2" d="M82.03,34.09h-12.28v20.01h12.28v-20.01Z"/>
+    <path class="cls-7" d="M38.1,24.58v82.51h37.87v75.55h27.56v52.98h18.54V24.58H38.1ZM60.35,84.86h-12.31v-20.01h12.28l.04,20.01ZM60.35,54.1h-12.31v-20.01h12.28l.04,20.01ZM82.07,54.1h-12.28v-20.01h12.18l.09,20.01Z"/>
+    <path class="cls-5" d="M110.66,24.58v-12.3h-61.4v5.23"/>
+    <path class="cls-5" d="M452.66,121.08h-104.19"/>
+    <path class="cls-5" d="M330.62,54.1V.38h83.66v59.73"/>
+    <path class="cls-5" d="M38.17,235.65H.38V107.12h75.59v75.55"/>
+    <path class="cls-2" d="M237.15,207.22c0-7.05-7.42-27.5-12.54-27.54-6.27,0-12.98,20.29-12.98,27.34-.01,1.68.3,3.34.93,4.89.63,1.55,1.56,2.97,2.73,4.16,1.18,1.19,2.57,2.15,4.12,2.8,1.54.65,3.2,1,4.87,1.01,1.68.01,3.34-.3,4.89-.93,1.55-.63,2.97-1.56,4.16-2.73,1.19-1.18,2.15-2.57,2.8-4.12.65-1.54,1-3.2,1.01-4.87h0Z"/>
+    <path class="cls-5" d="M224.14,235.47l.15-15.65.15-18.77"/>
+    <path class="cls-5" d="M224.34,213.29l-6.21-6.27"/>
+    <path class="cls-9" d="M361.37,162.85v-20.01h-12.28v20.01h6.92"/>
+    <path class="cls-5" d="M361.37,162.85v-20.01h-12.28v20.01h6.92"/>
+    <path class="cls-9" d="M335.67,162.85v-20.01h-12.28v20.01h6.92"/>
+    <path class="cls-5" d="M335.67,162.85v-20.01h-12.28v20.01h6.92"/>
+    <path class="cls-9" d="M335.67,196.32v-20.01h-12.28v20.01h6.92"/>
+    <path class="cls-5" d="M335.67,196.32v-20.01h-12.28v20.01h6.92"/>
+    <path class="cls-7" d="M236.52,140.2v-13.72h-86.08v13.72h86.08Z"/>
+    <path class="cls-7" d="M236.52,116.87v-13.7h-86.08v13.7h86.08Z"/>
+    <path class="cls-9" d="M33.11,171.38v-45.03h-15.34v45.03h9.87"/>
+    <path class="cls-5" d="M33.11,171.38v-45.03h-15.34v45.03h9.87"/>
+    <path class="cls-9" d="M58.55,171.38v-45.03h-15.34v45.03h9.87"/>
+    <path class="cls-5" d="M58.55,171.38v-45.03h-15.34v45.03h9.87"/>
+    <path class="cls-5" d="M122.12,41.82h50.7v21.49"/>
+    <path class="cls-9" d="M236.77,71.81h10.61l-18.54-14.28h-70.71l-18.54,14.28h84.86"/>
+    <path class="cls-5" d="M236.77,71.81h10.61l-18.54-14.28h-70.71l-18.54,14.28h84.86"/>
+    <path class="cls-5" d="M139.57,71.81v163.84h66.5"/>
+    <path class="cls-2" d="M256.55,219.82c7.04,0,12.76-5.71,12.76-12.76s-5.71-12.76-12.76-12.76-12.76,5.71-12.76,12.76,5.71,12.76,12.76,12.76Z"/>
+    <path class="cls-5" d="M256.55,213.29l10.75-10.76"/>
+    <path class="cls-5" d="M256.55,219.83v-18.12"/>
+    <path class="cls-5" d="M403.78,235.65h-35.24"/>
+    <path class="cls-7" d="M67.53,219.82c7.05,0,12.76-5.71,12.76-12.76s-5.71-12.76-12.76-12.76-12.76,5.71-12.76,12.76,5.71,12.76,12.76,12.76Z"/>
+    <path class="cls-5" d="M67.53,213.29l-10.76-10.76"/>
+    <path class="cls-5" d="M67.53,237.32v-34.29"/>
+    <path class="cls-5" d="M75.96,182.67h-17.43"/>
+    <path class="cls-2" d="M501.27,90.63v-20.01h-12.28v20.01h12.28Z"/>
+    <path class="cls-2" d="M524.45,90.63v-20.01h-12.28v20.01h12.28Z"/>
+    <path class="cls-5" d="M330.96,13.15h69.17"/>
+    <path class="cls-4" d="M425.24,221.31h-21.44v14.34h21.44v-14.34Z"/>
+    <path class="cls-4" d="M502.11,221.31h-24.3v14.34h24.3v-14.34Z"/>
+    <path class="cls-4" d="M560.48,221.31h-16.27v14.34h16.27v-14.34Z"/>
+    <path class="cls-4" d="M627.1,221.31h-24.55v14.34h24.55v-14.34Z"/>
+    <path class="cls-8" d="M627.1,163.57v57.75h-24.55v-33.59h-42.07v33.59h-16.28v-33.59h-42.09v33.59h-24.3v-17.05h-15.67s15.67-.01,15.67-.01v-8.67l-10.92-5.77h-30.75l-10.93,5.77v8.67h15.38s-15.35.01-15.35.01v17.05h-21.44v-57.75h223.3Z"/>
+    <path class="cls-6" d="M440.6,235.65v-31.39"/>
+    <path class="cls-6" d="M462.14,235.65v-31.39"/>
+    <path class="cls-8" d="M536.55,214.92h-26.78v-9.77h26.78v9.77Z"/>
+    <path class="cls-8" d="M569.69,205.15h25.21v9.77h-26.78v-9.77h1.57Z"/>
+    <path class="cls-3" d="M477.81,195.58v8.67h-52.6v-8.67l10.93-5.77h30.75l10.92,5.77Z"/>
+    <path class="cls-9" d="M600.6,135.14h6.97l19.53,28.43h-223.3l19.53-28.43h162.95"/>
+    <path class="cls-6" d="M600.6,135.14h6.97l19.53,28.43h-223.3l19.53-28.43h162.95"/>
+    <path class="cls-6" d="M440.58,235.65h10.95"/>
+  </g>
+  <path class="cls-10" d="M742.53,207.1h6.04c3.31,0,6.32,1.81,6.32,5.78l.68,7.36h2.38v7h-116.13v-6.15h2.07c0-26.49,4.11-30.53,4.11-30.53h78.89c7.56,4.45,15.63,16.54,15.63,16.54"/>
+  <path class="cls-6" d="M742.53,207.1h6.04c3.31,0,6.32,1.81,6.32,5.78l.68,7.36h2.38v7h-116.13v-6.15h2.07c0-26.49,4.11-30.53,4.11-30.53h78.89c7.56,4.45,15.63,16.54,15.63,16.54"/>
+  <path class="cls-9" d="M707.36,207.62v-16.41h19.15c5.47,1.37,16.41,16.41,16.41,16.41h-35.56Z"/>
+  <path class="cls-6" d="M742.53,207.1h6.04c3.31,0,6.32,1.81,6.32,5.78l.68,7.36h2.38v7h-116.13v-6.15h2.07c0-26.49,4.11-30.53,4.11-30.53h78.89c7.56,4.45,15.63,16.54,15.63,16.54"/>
+  <path class="cls-6" d="M643.9,221.07h7.82"/>
+  <path class="cls-6" d="M714.54,207.1h20.32"/>
+  <path class="cls-6" d="M707.85,190.56v16.54"/>
+  <path class="cls-3" d="M667.36,236.97c5.4,0,9.77-4.38,9.77-9.78s-4.38-9.78-9.77-9.78-9.78,4.38-9.78,9.78,4.38,9.78,9.78,9.78Z"/>
+  <path class="cls-3" d="M734.86,236.97c5.4,0,9.77-4.38,9.77-9.78s-4.38-9.78-9.77-9.78-9.78,4.38-9.78,9.78,4.38,9.78,9.78,9.78Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/fmg-components/funnel-footer/funnel-footer.vue b/src/fmg-components/funnel-footer/funnel-footer.vue
index 5a1a76bc1..677bb1f81 100644
--- a/src/fmg-components/funnel-footer/funnel-footer.vue
+++ b/src/fmg-components/funnel-footer/funnel-footer.vue
@@ -1,5 +1,21 @@
 <template>
     <div class="funnel-footer">
+        <div class="container-fluid">
+            <div class="row d-flex d-none d-md-flex">
+                <div class="col">
+                    <img
+                        class="skyline"
+                        src="~@/assets/img/skyline-van.svg"
+                        alt="" />
+                </div>
+                <div class="col d-flex justify-content-end align-items-end">
+                    <img
+                        class="neighborhood"
+                        src="~@/assets/img/neighborhood.svg"
+                        alt="" />
+                </div>
+            </div>
+        </div>
         <div class="footer-inner-wrapper">            
             <textLink
             linkType="newWindowLink"
@@ -48,10 +64,18 @@ export default {
 .funnel-footer {
     border-top: none;
     display: flex;
+    flex-direction: column;
     width: 100%;
     background: #ffffff;
-    flex: 1 0 auto;
     align-items: end;
+    margin-top: auto;
+
+    .skyline {
+        height: 96px;
+    }
+    .neighborhood {
+        height: 48px;
+    }
 
     .footer-inner-wrapper {
         display: flex;
@@ -61,7 +85,6 @@ export default {
         width: 100%;
         justify-content: center;
         align-items: center;
-        flex-direction: column;
 
         :deep(a) {
             &.new-window-link {