fix: move provider marquee after code demo section, center align

web/default/src/features/home/components/sections/hero.tsx

@@ -234,28 +234,6 @@ export function Hero(props: HeroProps) {
         </button>
       </div>
 
-      {/* ── Provider logos marquee (between hero and code demo) ── */}
-      <div className='relative py-16'>
-        <p className='mb-4 text-center text-xs font-medium uppercase tracking-widest text-muted-foreground/60'>
-          {t('Supported providers')}
-        </p>
-        <div className='relative overflow-hidden'>
-          <div className='flex animate-[marquee_30s_linear_infinite] gap-8'>
-            {[...providers, ...providers].map((name, i) => (
-              <span
-                key={`${name}-${i}`}
-                className='shrink-0 text-sm font-semibold text-muted-foreground/40'
-              >
-                {name}
-              </span>
-            ))}
-          </div>
-          {/* Fade edges */}
-          <div className='pointer-events-none absolute inset-y-0 left-0 w-16 bg-gradient-to-r from-background to-transparent' />
-          <div className='pointer-events-none absolute inset-y-0 right-0 w-16 bg-gradient-to-l from-background to-transparent' />
-        </div>
-      </div>
-
       {/* ── Section 2: Code Demo ── */}
       <div
         ref={sections[1].ref}
@@ -344,6 +322,28 @@ export function Hero(props: HeroProps) {
         </div>
       </div>
 
+      {/* ── Provider logos marquee (after code demo, before footer) ── */}
+      <div className='relative py-16'>
+        <p className='mb-4 text-center text-xs font-medium uppercase tracking-widest text-muted-foreground/60'>
+          {t('Supported providers')}
+        </p>
+        <div className='relative mx-auto max-w-6xl overflow-hidden px-6'>
+          <div className='flex w-max animate-[marquee_30s_linear_infinite] gap-8'>
+            {[...providers, ...providers].map((name, i) => (
+              <span
+                key={`${name}-${i}`}
+                className='shrink-0 text-sm font-semibold text-muted-foreground/40'
+              >
+                {name}
+              </span>
+            ))}
+          </div>
+          {/* Fade edges */}
+          <div className='pointer-events-none absolute inset-y-0 left-0 w-16 bg-gradient-to-r from-background to-transparent' />
+          <div className='pointer-events-none absolute inset-y-0 right-0 w-16 bg-gradient-to-l from-background to-transparent' />
+        </div>
+      </div>
+
       {/* Marquee keyframes */}
       <style>{`
         @keyframes marquee {