refactor: use css theme variables, enforce strict typing without any and remove dead Hero component

src/blocks/FinalCTA/Component.tsx

@@ -7,7 +7,7 @@ type Props = Extract<NonNullable<Page['layout']>[0], { blockType: 'finalCta' }>
 
 export const FinalCTABlock: React.FC<Props> = ({ title, subtitle, buttonText }) => {
   return (
-    <section className="py-32 bg-blue-600 text-white text-center">
+    <section className="py-32 bg-accent text-white text-center">
       <div className="container mx-auto px-4 max-w-3xl">
         <motion.h2 
           initial={{ opacity: 0, scale: 0.95 }}
@@ -24,7 +24,7 @@ export const FinalCTABlock: React.FC<Props> = ({ title, subtitle, buttonText })
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true }}
             transition={{ duration: 0.5, delay: 0.1 }}
-            className="text-xl md:text-2xl text-blue-100 mb-12"
+            className="text-xl md:text-2xl text-white/80 mb-12"
           >
             {subtitle}
           </motion.p>