feat(homepage): add TrustStrip + GuaranteeBand for trust + risk-reversal

- TrustStrip.astro: single-row, grayscale-on-default / colour-on-hover client logo strip under the hero. 6 logos via <img> with explicit width/height + loading=lazy (CLS-safe), wraps to 3+3 on mobile. Includes sr-only "Trusted by" heading and dark-mode invert filter vetted against THEME_ACCESSIBILITY_AUDIT.md. Replaces the older ClientLogos placement on the homepage. - GuaranteeBand.astro: 3-up risk-reversal band wedged between PricingTimelineBand and InlineLeadForm. Three claims (30-day satisfaction guarantee, no long-term contracts, fixed-price quotes) with icon + headline + supporting body. Stacks vertically on mobile. - public/images/logos/: 6 placeholder SVG wordmarks (plnr, rentec, iit-patna, moc-soft, gov-bihar, pscl). Replace at same path with real client-supplied artwork when handed off. - index.astro: wires the two new components, repoints the hero scroll indicator to #trust-strip, preserves legacy #client-logos anchor for any external deep-links.
2026-06-17 13:35:26 +05:30
parent 35c8cc23a9
commit 210117e73e
9 changed files with 396 additions and 5 deletions
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" width="160" height="48" role="img" aria-label="Government of Bihar logo placeholder">
+  <title>Govt. of Bihar</title>
+  <circle cx="20" cy="24" r="13" fill="#15803d"/>
+  <path d="M20 13 L21.8 19 L28 19 L23 22.6 L24.8 28.8 L20 25 L15.2 28.8 L17 22.6 L12 19 L18.2 19 Z" fill="#fef3c7"/>
+  <text x="40" y="22" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="13" fill="#0f172a" letter-spacing="0.3">GOVT. OF BIHAR</text>
+  <text x="40" y="36" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="500" font-size="9" fill="#475569" letter-spacing="0.8">11 DISTRICTS · PSCL</text>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" width="160" height="48" role="img" aria-label="IIT Patna logo placeholder">
+  <title>IIT Patna</title>
+  <path d="M20 8 L34 18 L34 38 L6 38 L6 18 Z" fill="#b91c1c"/>
+  <rect x="12" y="24" width="4" height="12" fill="#fef3c7"/>
+  <rect x="18" y="24" width="4" height="12" fill="#fef3c7"/>
+  <rect x="24" y="24" width="4" height="12" fill="#fef3c7"/>
+  <rect x="6" y="22" width="28" height="2" fill="#fef3c7"/>
+  <text x="42" y="22" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="14" fill="#0f172a" letter-spacing="0.5">IIT PATNA</text>
+  <text x="42" y="36" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="500" font-size="9" fill="#475569" letter-spacing="1">UNIVERSITY SYSTEM</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" width="160" height="48" role="img" aria-label="MOC Soft Technologies logo placeholder">
+  <title>MOC Soft</title>
+  <rect x="6" y="12" width="24" height="24" rx="4" fill="#7c3aed"/>
+  <text x="18" y="30" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="13" fill="#ffffff" letter-spacing="-0.5">MOC</text>
+  <text x="38" y="24" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="14" fill="#0f172a" letter-spacing="0">MOC Soft</text>
+  <text x="38" y="38" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="500" font-size="9" fill="#475569" letter-spacing="0.8">TECHNOLOGIES</text>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" width="160" height="48" role="img" aria-label="PLNR logo placeholder">
+  <title>PLNR</title>
+  <rect x="6" y="10" width="28" height="28" rx="6" fill="#1d4ed8"/>
+  <text x="20" y="29" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="14" fill="#ffffff" letter-spacing="-0.5">P</text>
+  <text x="44" y="31" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="20" fill="#1e293b" letter-spacing="-0.5">PLNR</text>
+</svg>
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" width="160" height="48" role="img" aria-label="PSCL logo placeholder">
+  <title>PSCL</title>
+  <rect x="6" y="10" width="28" height="28" rx="14" fill="#0891b2"/>
+  <text x="20" y="29" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="13" fill="#ffffff" letter-spacing="-0.3">PS</text>
+  <text x="44" y="22" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="18" fill="#0f172a" letter-spacing="0">PSCL</text>
+  <text x="44" y="36" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="500" font-size="9" fill="#475569" letter-spacing="0.8">BIHAR · SCMS</text>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 48" width="160" height="48" role="img" aria-label="RENTEC logo placeholder">
+  <title>RENTEC</title>
+  <circle cx="20" cy="24" r="12" fill="#0d9488"/>
+  <path d="M14 20h8a3 3 0 0 1 0 6h-3l4 4h-3l-4-4h-2v4h-2V20zm2 2v2h6a1 1 0 0 0 0-2h-6z" fill="#ffffff"/>
+  <text x="40" y="31" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif" font-weight="800" font-size="18" fill="#0f172a" letter-spacing="0.5">RENTEC</text>
+</svg>