feat: complete release preparation, 10+ ad mediation, CI/CD, and docker deployment

site/src/sections/CTA.tsx

@@ -8,31 +8,58 @@ export function CTA() {
   const { t } = useI18n()
 
   return (
-    <section className="relative py-24 md:py-32">
-      {/* Background glow */}
-      <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[400px] bg-brand-amber/[0.03] rounded-full blur-[120px] pointer-events-none" />
+    <section className="relative py-28 md:py-36 overflow-hidden">
+      {/* Background radial glow */}
+      <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[500px] bg-brand-amber/[0.045] rounded-full blur-[140px] pointer-events-none" />
 
       <Container className="relative text-center">
         <Crosshair className="inline-block mb-8">
-          <WaveBars className="h-8 px-2" />
+          <WaveBars className="h-9 px-3" />
         </Crosshair>
 
-        <h2 className="font-display text-display font-bold text-neutral-50 mb-6 max-w-3xl mx-auto">
+        <h2
+          className="font-display text-display font-extrabold text-neutral-50 mb-6 max-w-3xl mx-auto tracking-tight break-keep"
+          style={{ wordBreak: 'keep-all', overflowWrap: 'break-word' }}
+        >
           {t.cta.title1} <span className="text-brand-amber">{t.cta.title2}</span>
         </h2>
 
-        <p className="text-base md:text-lg text-neutral-400 max-w-xl mx-auto mb-10 leading-relaxed">
+        <p
+          className="text-base md:text-lg text-neutral-400 max-w-xl mx-auto mb-8 leading-relaxed break-keep"
+          style={{ wordBreak: 'keep-all', overflowWrap: 'break-word' }}
+        >
           {t.cta.subtitle1}
           <br />
           {t.cta.subtitle2}
         </p>
 
-        <GlowButton href="#" variant="primary" size="lg">
-          {t.cta.downloadBtn}
-        </GlowButton>
+        {/* Hotkey Hint Box */}
+        <div className="inline-flex items-center gap-2 mb-10 px-4 py-2 rounded-xl bg-surface-800/80 border border-white/[0.08] shadow-inner">
+          <span className="font-mono text-nano text-neutral-400 uppercase tracking-widest">
+            Push-to-Talk:
+          </span>
+          <div className="flex items-center gap-1 font-mono text-xs font-semibold text-neutral-200">
+            <span className="px-2 py-0.5 rounded bg-surface-600 border border-white/[0.1]">Ctrl</span>
+            <span className="text-neutral-500">+</span>
+            <span className="px-2 py-0.5 rounded bg-surface-600 border border-white/[0.1]">Shift</span>
+            <span className="text-neutral-500">+</span>
+            <span className="px-2.5 py-0.5 rounded bg-brand-amber/20 border border-brand-amber/40 text-brand-amber">Space</span>
+          </div>
+        </div>
 
-        <p className="font-mono text-nano text-neutral-600 mt-8 uppercase tracking-widest">
-          {t.cta.systemReq}
+        <div>
+          <GlowButton
+            href="https://github.com/user/D3ROVoice/releases"
+            variant="primary"
+            size="lg"
+            className="shadow-glow-md hover:shadow-glow-lg"
+          >
+            {t.cta.downloadBtn}
+          </GlowButton>
+        </div>
+
+        <p className="font-mono text-nano text-neutral-500 mt-8 uppercase tracking-widest">
+          {t.cta.systemReq} · 100% OPEN ARCHITECTURE
         </p>
       </Container>
     </section>