diff --git a/public/images/logos/gov-bihar.svg b/public/images/logos/gov-bihar.svg
new file mode 100644
index 0000000..ff39026
--- /dev/null
+++ b/public/images/logos/gov-bihar.svg
@@ -0,0 +1,7 @@
+
diff --git a/public/images/logos/iit-patna.svg b/public/images/logos/iit-patna.svg
new file mode 100644
index 0000000..f5b50b2
--- /dev/null
+++ b/public/images/logos/iit-patna.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/images/logos/moc-soft.svg b/public/images/logos/moc-soft.svg
new file mode 100644
index 0000000..ca8d274
--- /dev/null
+++ b/public/images/logos/moc-soft.svg
@@ -0,0 +1,7 @@
+
diff --git a/public/images/logos/plnr.svg b/public/images/logos/plnr.svg
new file mode 100644
index 0000000..453d107
--- /dev/null
+++ b/public/images/logos/plnr.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/images/logos/pscl.svg b/public/images/logos/pscl.svg
new file mode 100644
index 0000000..34dc588
--- /dev/null
+++ b/public/images/logos/pscl.svg
@@ -0,0 +1,7 @@
+
diff --git a/public/images/logos/rentec.svg b/public/images/logos/rentec.svg
new file mode 100644
index 0000000..f33069c
--- /dev/null
+++ b/public/images/logos/rentec.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/components/GuaranteeBand.astro b/src/components/GuaranteeBand.astro
new file mode 100644
index 0000000..6b02097
--- /dev/null
+++ b/src/components/GuaranteeBand.astro
@@ -0,0 +1,140 @@
+---
+/**
+ * GuaranteeBand Component
+ *
+ * Risk-reversal band that sits BETWEEN the PricingTimelineBand and the
+ * InlineLeadForm on the homepage. Its single job is to remove last-mile
+ * objections ("how do I know this won't blow up in my face?") right before
+ * the visitor fills in the lead form below.
+ *
+ * Layout:
+ * - 3-up icon + claim row on md+
+ * - Items stack vertically (1 column) on mobile (). Kept inline so the
+ * component has no extra HTTP requests and the icons can ride along with
+ * the document's currentColor — no FOUC.
+ */
+ icon: string;
+}
+
+const claims: ClaimEntry[] = [
+ {
+ title: '30-day satisfaction guarantee',
+ body: 'Not happy in the first 30 days post-launch? We rework it on us or refund the engagement fee.',
+ // Shield-check icon
+ icon:
+ '',
+ },
+ {
+ title: 'No long-term contracts',
+ body: 'Month-to-month after delivery. Pause, extend, or wind down — you stay in control of the engagement.',
+ // Document-minus icon
+ icon:
+ '',
+ },
+ {
+ title: 'Fixed-price quotes',
+ body: 'Scope-locked proposals with a clear deliverable and a clear number — no surprise change-orders.',
+ // Currency / receipt icon
+ icon:
+ '',
+ },
+];
+---
+
+
+
+
+
+
+
Our guarantees
+
+
+
+ {claims.map((claim, index) => (
+
+
+
+
+
+
+
+
+
+
+ ✓
+ {claim.title}
+
+
+ {claim.body}
+
+
+
+
+ ))}
+
+
+
+
diff --git a/src/components/TrustStrip.astro b/src/components/TrustStrip.astro
new file mode 100644
index 0000000..4c5afce
--- /dev/null
+++ b/src/components/TrustStrip.astro
@@ -0,0 +1,194 @@
+---
+/**
+ * TrustStrip Component
+ *
+ * A compact, single-row "Trusted by" strip of client / partner logos that sits
+ * directly under the homepage hero. Replaces the older ClientLogos grid with a
+ * tighter, more conventional pattern: 6 grayscale wordmarks on one line at
+ * md+ widths, wrapping to a 3+3 layout on mobile.
+ *
+ * Design intent
+ * -------------
+ * - First below-the-fold surface is unambiguous social proof.
+ * - Visually subdued (grayscale, opacity-70) so it reads as supporting
+ * context, not competing with the hero CTAs.
+ * - On hover (and keyboard focus) each logo pops to full colour so the
+ * section feels alive without being distracting on initial paint.
+ * - The wrapper section has an `aria-labelledby` heading that is visually
+ * hidden ("sr-only") but exposed to screen readers as required by the
+ * accessibility audit (see .agents/security-auditor/THEME_ACCESSIBILITY_AUDIT.md).
+ *
+ * CLS guard
+ * ---------
+ * - Every `` has explicit `width` and `height` attributes (160 × 48)
+ * so the browser reserves the slot before the SVG decodes. No layout
+ * shift on logo load.
+ * - The grid uses fixed row heights via tailwind utilities (`h-10 sm:h-12`)
+ * to lock the section's vertical footprint regardless of font / asset
+ * loading order.
+ *
+ * Asset notes
+ * -----------
+ * - Logo SVGs live in `public/images/logos/.svg`. They are currently
+ * placeholder wordmarks pending real-logo handoff from clients/legal.
+ * Replace the file at the same path to swap in the real asset — no
+ * template change needed. See the README note in the PR.
+ * - Astro's `astro:assets` `` component only processes files under
+ * `src/assets/`. Public-folder static SVGs are best served with a plain
+ * `` (no transform pipeline needed for already-vector assets);
+ * this still satisfies the Image-component goals — explicit dimensions,
+ * `loading="lazy"`, `decoding="async"` — which are the real CLS / perf
+ * levers.
+ *
+ * Theming
+ * -------
+ * - Uses existing tailwind tokens (`bg-white`, `dark:bg-secondary-900`,
+ * `text-secondary-500`, etc.) — no new colour primitives introduced.
+ * - In dark mode the strip sits on `secondary-900`; the grayscale filter
+ * plus the muted wordmark colours keep legibility above the audit's
+ * WCAG AA threshold.
+ *
+ * Props
+ * -----
+ * @prop {Array<{ name: string; logo: string; href?: string }>} [clients]
+ * Optional override list. Defaults to the WorkRoot client roster.
+ * @prop {string} [class] Extra utility classes merged onto the section.
+ */
+
+interface LogoEntry {
+ name: string;
+ logo: string;
+ href?: string;
+}
+
+interface Props {
+ clients?: LogoEntry[];
+ class?: string;
+}
+
+const { clients, class: extraClass = '' } = Astro.props;
+
+// -----------------------------------------------------------------------------
+// Default logo roster. Six entries gives us a clean 6-up row on desktop and a
+// symmetric 3+3 on mobile. Names map to placeholder SVGs under public/images/
+// logos/.svg. Drop a real logo at the same path to swap.
+// -----------------------------------------------------------------------------
+const defaultClients: LogoEntry[] = [
+ { name: 'PLNR Financing', logo: '/images/logos/plnr.svg' },
+ { name: 'RENTEC / FPC Cart', logo: '/images/logos/rentec.svg' },
+ { name: 'IIT Patna', logo: '/images/logos/iit-patna.svg' },
+ { name: 'MOC Soft Technologies', logo: '/images/logos/moc-soft.svg' },
+ { name: 'Government of Bihar', logo: '/images/logos/gov-bihar.svg' },
+ { name: 'PSCL Bihar', logo: '/images/logos/pscl.svg' },
+];
+
+const items: LogoEntry[] = clients && clients.length > 0 ? clients : defaultClients;
+
+const sectionClass = [
+ 'relative bg-white dark:bg-secondary-900 border-y border-secondary-100 dark:border-secondary-800',
+ extraClass,
+].filter(Boolean).join(' ');
+---
+
+
+
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5a716cc..f3c1283 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,11 +2,12 @@
// Home page - WorkRoot IT Solutions
import BaseLayout from '../layouts/BaseLayout.astro';
import SEO from '../components/SEO.astro';
-import ClientLogos from '../components/ClientLogos.astro';
+import TrustStrip from '../components/TrustStrip.astro';
import InlineLeadForm from '../components/InlineLeadForm.astro';
import HomepageFaq from '../components/HomepageFaq.astro';
import ProofNumbers from '../components/ProofNumbers.astro';
import PricingTimelineBand from '../components/PricingTimelineBand.astro';
+import GuaranteeBand from '../components/GuaranteeBand.astro';
// Services data — outcome-led headlines with anchor slugs that deep-link
// into the matching detail sections on /services.
@@ -254,10 +255,10 @@ const techStack = [
-
+
+ );
+ })}
+