Add 18x24 yard sign: green theme, bold text, 6 services

2026-06-11 13:38:18 -04:00
parent ad5c224676
commit ad2d6d469c
2 changed files with 92 additions and 0 deletions
@@ -0,0 +1,92 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 960" width="18in" height="24in">
+  <defs>
+    <!-- Same green gradient as flyer/business cards -->
+    <linearGradient id="headerGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#388E3C;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#1B5E20;stop-opacity:1" />
+    </linearGradient>
+    <!-- Amber accent -->
+    <linearGradient id="accentGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#F5A623;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#E8951E;stop-opacity:1" />
+    </linearGradient>
+    <!-- Subtle green for tile backgrounds -->
+    <linearGradient id="tileGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#F1F8E9;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#E8F5E9;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- ==================== BACKGROUND ==================== -->
+  <rect width="720" height="960" fill="#FAFAFA"/>
+
+  <!-- ==================== HEADER ==================== -->
+  <rect x="0" y="0" width="720" height="260" fill="url(#headerGrad)"/>
+  <!-- Wavy bottom edge -->
+  <path d="M0,245 Q90,260 180,248 Q270,236 360,250 Q450,264 540,250 Q630,236 720,245 L720,260 L0,260 Z" fill="url(#headerGrad)"/>
+
+  <!-- Subtle leaf circles -->
+  <circle cx="80" cy="70" r="40" fill="rgba(255,255,255,0.04)"/>
+  <circle cx="640" cy="180" r="35" fill="rgba(255,255,255,0.04)"/>
+  <circle cx="590" cy="60" r="28" fill="rgba(255,255,255,0.03)"/>
+
+  <!-- Brand name — EXTREMELY BOLD -->
+  <text x="360" y="130" font-family="'Poppins', 'Montserrat', 'Arial Black', sans-serif" font-size="110" font-weight="700" fill="#FFFFFF" text-anchor="middle" letter-spacing="4">LOPERBOYS</text>
+
+  <!-- Subtitle -->
+  <text x="360" y="185" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="36" fill="rgba(255,255,255,0.9)" text-anchor="middle" font-weight="500">LOCAL SERVICE CREW</text>
+
+  <!-- Phone badge -->
+  <rect x="160" y="210" width="400" height="60" rx="30" fill="#F5A623"/>
+  <text x="360" y="252" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="42" font-weight="700" fill="#FFFFFF" text-anchor="middle">📞 220-200-4022</text>
+
+  <!-- ==================== SERVICES ==================== -->
+  <!-- Simple bold service list -->
+  <text x="360" y="340" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="56" font-weight="700" fill="#1B5E20" text-anchor="middle" letter-spacing="2">WE DO</text>
+
+  <!-- Service tiles in 3x2 grid -->
+  <g transform="translate(60, 370)">
+    <rect width="280" height="90" rx="12" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="2"/>
+    <text x="140" y="56" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="36" font-weight="600" fill="#1B5E20" text-anchor="middle">🌱 LAWN MOWING</text>
+  </g>
+
+  <g transform="translate(380, 370)">
+    <rect width="280" height="90" rx="12" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="2"/>
+    <text x="140" y="56" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="36" font-weight="600" fill="#1B5E20" text-anchor="middle">❄️ SNOW REMOVAL</text>
+  </g>
+
+  <g transform="translate(60, 475)">
+    <rect width="280" height="90" rx="12" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="2"/>
+    <text x="140" y="56" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="36" font-weight="600" fill="#1B5E20" text-anchor="middle">🪜 GUTTER CLEANOUT</text>
+  </g>
+
+  <g transform="translate(380, 475)">
+    <rect width="280" height="90" rx="12" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="2"/>
+    <text x="140" y="56" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="36" font-weight="600" fill="#1B5E20" text-anchor="middle">🪟 WINDOW CLEANING</text>
+  </g>
+
+  <g transform="translate(60, 580)">
+    <rect width="280" height="90" rx="12" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="2"/>
+    <text x="140" y="56" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="36" font-weight="600" fill="#1B5E20" text-anchor="middle">🚗 CAR WASHING</text>
+  </g>
+
+  <g transform="translate(380, 580)">
+    <rect width="280" height="90" rx="12" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="2"/>
+    <text x="140" y="56" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="36" font-weight="600" fill="#1B5E20" text-anchor="middle">🍂 LEAF RAKING</text>
+  </g>
+
+  <!-- ==================== CTA ==================== -->
+  <text x="360" y="740" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="48" font-weight="700" fill="#1B5E20" text-anchor="middle">AFFORDABLE &amp; RELIABLE</text>
+  <text x="360" y="785" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="32" fill="#555" text-anchor="middle">Serving Warsaw &amp; Surrounding Areas</text>
+
+  <!-- ==================== FOOTER ==================== -->
+  <rect x="0" y="830" width="720" height="130" fill="url(#headerGrad)"/>
+  <!-- Wavy top edge -->
+  <path d="M0,830 Q90,818 180,830 Q270,842 360,830 Q450,818 540,830 Q630,842 720,830 L720,850 L0,850 Z" fill="url(#headerGrad)"/>
+
+  <text x="360" y="900" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="44" font-weight="700" fill="#FFFFFF" text-anchor="middle">CALL FOR A FREE QUOTE!</text>
+  <text x="360" y="945" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="30" fill="rgba(255,255,255,0.85)" text-anchor="middle">loperboys.com</text>
+
+  <!-- Amber accent strip at bottom -->
+  <rect x="0" y="952" width="720" height="8" fill="#F5A623"/>
+</svg>