feat: complete migration to static MDX, stabilize local infrastructure and fix i18n issues

components/sections/CTASection.tsx

@@ -1,16 +1,30 @@
 "use client";
 
 import React from "react";
-import { m } from "framer-motion";
-import { Reveal } from "../Reveal";
-import { Counter } from "../Counter";
-import { TechBackground } from "../TechBackground";
-import { Button } from "../Button";
+import { motion } from "framer-motion";
+import { Reveal } from "@/components/Reveal";
+import { Counter } from "@/components/Counter";
+import { TechBackground } from "@/components/TechBackground";
+import { Button } from "@/components/Button";
 import { useTranslations } from "next-intl";
 
-export const CTASection = () => {
+interface CTASectionProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+}
+
+export const CTASection = ({
+  title,
+  subtitle,
+  buttonText,
+}: CTASectionProps) => {
   const t = useTranslations("Index");
 
+  const displayTitle = title || t("cta.title");
+  const displaySubtitle = subtitle || t("cta.subtitle");
+  const displayButtonText = buttonText || t("cta.button");
+
   return (
     <section className="bg-white relative overflow-hidden">
       <TechBackground />
@@ -34,7 +48,7 @@ export const CTASection = () => {
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
-                <m.circle
+                <motion.circle
                   animate={{ r: [400, 410, 400], opacity: [0.1, 0.2, 0.1] }}
                   transition={{
                     duration: 5,
@@ -47,7 +61,7 @@ export const CTASection = () => {
                   stroke="white"
                   strokeWidth="2"
                 />
-                <m.circle
+                <motion.circle
                   animate={{ r: [300, 310, 300], opacity: [0.1, 0.2, 0.1] }}
                   transition={{
                     duration: 4,
@@ -61,7 +75,7 @@ export const CTASection = () => {
                   stroke="white"
                   strokeWidth="2"
                 />
-                <m.circle
+                <motion.circle
                   animate={{ r: [200, 210, 200], opacity: [0.1, 0.2, 0.1] }}
                   transition={{
                     duration: 3,
@@ -80,10 +94,10 @@ export const CTASection = () => {
 
             <div className="relative z-10">
               <h2 className="text-3xl md:text-6xl font-bold text-white mb-6 md:mb-8 leading-tight">
-                {t("cta.title")}
+                {displayTitle}
               </h2>
               <p className="text-slate-300 text-lg md:text-xl mb-8 md:mb-12 leading-relaxed">
-                {t("cta.subtitle")}
+                {displaySubtitle}
               </p>
               <Button
                 href="/kontakt"
@@ -91,7 +105,7 @@ export const CTASection = () => {
                 showArrow
                 className="w-full sm:w-auto !px-10 !py-5 text-lg"
               >
-                {t("cta.button")}
+                {displayButtonText}
               </Button>
             </div>
           </div>