John Loper II
9d130f47e4
- Moved all business card SVGs, PDFs, and generation script to print/ - Moved flyer and yard sign files to print/ - Archived old website files and docs to legacy-site/ - Merged LoperBoys2.com website history with LoperBoys print collateral history - Single unified repo for the entire LoperBoys brand
167 lines
13 KiB
XML
167 lines
13 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 850 1100" width="8.5in" height="11in">
|
|
<defs>
|
|
<!-- Grassy green gradient for header -->
|
|
<linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#388E3C;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#1B5E20;stop-opacity:1" />
|
|
</linearGradient>
|
|
<!-- Warm amber accent (complements green nicely) -->
|
|
<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>
|
|
<!-- Soft green for service 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="850" height="1100" fill="#FAFAFA"/>
|
|
|
|
<!-- ==================== HEADER ==================== -->
|
|
<rect x="0" y="0" width="850" height="190" fill="url(#headerGrad)"/>
|
|
<!-- Subtle leaf pattern overlay -->
|
|
<circle cx="120" cy="50" r="30" fill="rgba(255,255,255,0.05)"/>
|
|
<circle cx="730" cy="140" r="25" fill="rgba(255,255,255,0.05)"/>
|
|
<circle cx="680" cy="40" r="20" fill="rgba(255,255,255,0.04)"/>
|
|
<circle cx="150" cy="150" r="18" fill="rgba(255,255,255,0.04)"/>
|
|
<!-- Wavy bottom edge -->
|
|
<path d="M0,165 Q106,180 212,170 Q319,160 425,175 Q531,190 637,175 Q744,160 850,180 L850,190 L0,190 Z" fill="url(#headerGrad)"/>
|
|
|
|
<!-- Brand name -->
|
|
<text x="425" y="75" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="62" font-weight="700" fill="#FFFFFF" text-anchor="middle" letter-spacing="3">LOPERBOYS</text>
|
|
|
|
<!-- Tagline -->
|
|
<text x="425" y="115" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="22" fill="rgba(255,255,255,0.92)" text-anchor="middle">Hard Work. Honest Prices. Local Service.</text>
|
|
|
|
<!-- Phone badge -->
|
|
<rect x="275" y="135" width="300" height="42" rx="21" fill="#F5A623"/>
|
|
<text x="425" y="163" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="24" font-weight="600" fill="#FFFFFF" text-anchor="middle">📞 220-200-4022</text>
|
|
|
|
<!-- ==================== INTRO ==================== -->
|
|
<text x="425" y="228" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="17" fill="#555555" text-anchor="middle">Your friendly neighborhood service crew — serving Warsaw & surrounding areas.</text>
|
|
|
|
<line x1="200" y1="248" x2="650" y2="248" stroke="#C8E6C9" stroke-width="2"/>
|
|
|
|
<!-- ==================== SERVICES ==================== -->
|
|
<text x="425" y="288" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="34" font-weight="700" fill="#1B5E20" text-anchor="middle" letter-spacing="2">OUR SERVICES</text>
|
|
|
|
<!-- 3x3 Grid: Each tile is 250 wide x 105 tall, with 15px gaps -->
|
|
<!-- Row 1 -->
|
|
<g transform="translate(50, 310)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🌱 Lawn Mowing</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Weekly / bi-weekly service</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Edging & trimming included</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Leaf cleanup in fall</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">Starting at $25/visit</text>
|
|
</g>
|
|
|
|
<g transform="translate(315, 310)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🪜 Gutter Cleanout</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">All debris removed</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Downspout flushing</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Spring & fall service</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">Starting at $75</text>
|
|
</g>
|
|
|
|
<g transform="translate(580, 310)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🪟 Window Cleaning</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Interior & exterior</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Screens cleaned</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Streak-free guaranteed</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">Starting at $50</text>
|
|
</g>
|
|
|
|
<!-- Row 2 -->
|
|
<g transform="translate(50, 430)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🍂 Leaf Raking</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Thorough raking & bagging</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Debris removal</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Multiple visits available</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">Starting at $80</text>
|
|
</g>
|
|
|
|
<g transform="translate(315, 430)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">❄️ Snow Shoveling</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">After every snowfall</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Driveway & walkway clearing</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Seasonal contracts available</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">Starting at $30/snowfall</text>
|
|
</g>
|
|
|
|
<g transform="translate(580, 430)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🚗 Car Washing</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Exterior hand wash</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Interior vacuum</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">We come to you!</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">Starting at $35</text>
|
|
</g>
|
|
|
|
<!-- Row 3 -->
|
|
<g transform="translate(50, 550)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🪵 Wood Stacking</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Neat, organized stacking</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Proper airflow for drying</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Firewood delivery available</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">From $60</text>
|
|
</g>
|
|
|
|
<g transform="translate(315, 550)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🗑️ Lawn Pick-up</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Branch & debris removal</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Weed and brush clearing</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Yard cleanup complete</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">From $50</text>
|
|
</g>
|
|
|
|
<g transform="translate(580, 550)">
|
|
<rect width="250" height="105" rx="10" fill="url(#tileGrad)" stroke="#A5D6A7" stroke-width="1.5"/>
|
|
<text x="20" y="30" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="18" font-weight="600" fill="#1B5E20">🧹 Porch Sweeping</text>
|
|
<text x="20" y="50" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Thorough sweeping</text>
|
|
<text x="20" y="66" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Debris removal</text>
|
|
<text x="20" y="82" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="12" fill="#555">Patios & decks too</text>
|
|
<text x="20" y="98" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#388E3C">From $15</text>
|
|
</g>
|
|
|
|
<!-- ==================== WHY US ==================== -->
|
|
<line x1="200" y1="695" x2="650" y2="695" stroke="#C8E6C9" stroke-width="2"/>
|
|
|
|
<text x="425" y="735" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="28" font-weight="700" fill="#1B5E20" text-anchor="middle" letter-spacing="2">WHY CHOOSE LOPERBOYS?</text>
|
|
|
|
<g transform="translate(80, 765)">
|
|
<text x="0" y="0" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="16" fill="#444">✅ Local & Reliable</text>
|
|
</g>
|
|
<g transform="translate(310, 765)">
|
|
<text x="0" y="0" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="16" fill="#444">💰 Affordable Pricing</text>
|
|
</g>
|
|
<g transform="translate(570, 765)">
|
|
<text x="0" y="0" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="16" fill="#444">🤝 Flexible Scheduling</text>
|
|
</g>
|
|
|
|
<!-- ==================== FOOTER ==================== -->
|
|
<rect x="0" y="830" width="850" height="270" fill="url(#headerGrad)"/>
|
|
<!-- Wavy top edge (matches header style) -->
|
|
<path d="M0,830 Q106,815 212,830 Q319,845 425,830 Q531,815 637,830 Q744,845 850,830 L850,850 L0,850 Z" fill="url(#headerGrad)"/>
|
|
|
|
<text x="425" y="910" font-family="'Poppins', 'Montserrat', 'Segoe UI', sans-serif" font-size="36" font-weight="700" fill="#FFFFFF" text-anchor="middle">Get a Free Quote Today!</text>
|
|
<text x="425" y="950" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="20" fill="rgba(255,255,255,0.9)" text-anchor="middle">Call or text 220-200-4022</text>
|
|
|
|
<!-- Contact details row -->
|
|
<rect x="175" y="975" width="500" height="1" fill="rgba(255,255,255,0.2)"/>
|
|
<text x="425" y="1010" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="18" fill="rgba(255,255,255,0.85)" text-anchor="middle">loperboys.com • contact@loperboys.com</text>
|
|
<text x="425" y="1045" font-family="'Inter', 'Nunito', 'Segoe UI', sans-serif" font-size="16" fill="rgba(255,255,255,0.7)" text-anchor="middle">Cash / Venmo / Cash App accepted</text>
|
|
|
|
<!-- Amber accent strip at very bottom -->
|
|
<rect x="0" y="1092" width="850" height="8" fill="#F5A623"/>
|
|
</svg>
|