diff --git a/src/app/clientes/page.tsx b/src/app/clientes/page.tsx
index d6d47b3..7f42884 100644
--- a/src/app/clientes/page.tsx
+++ b/src/app/clientes/page.tsx
@@ -10,11 +10,12 @@ export default function ClientesPage() {
     { name: "Fortalezas", id: "/fortalezas" },
     { name: "Clientes", id: "/clientes" },
     { name: "Presencia", id: "/presencia" },
-    { name: "Contacto", id: "/contacto" },
+    { name: "Contacto", id: "/contacto" }
   ];
 
   const themeProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"};
+    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>
diff --git a/src/app/contacto/page.tsx b/src/app/contacto/page.tsx
index 74d164c..61c190f 100644
--- a/src/app/contacto/page.tsx
+++ b/src/app/contacto/page.tsx
@@ -10,11 +10,12 @@ export default function ContactoPage() {
     { name: "Fortalezas", id: "/fortalezas" },
     { name: "Clientes", id: "/clientes" },
     { name: "Presencia", id: "/presencia" },
-    { name: "Contacto", id: "/contacto" },
+    { name: "Contacto", id: "/contacto" }
   ];
 
   const themeProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"};
+    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>
diff --git a/src/app/empresas/page.tsx b/src/app/empresas/page.tsx
index afcb3a3..adfca4d 100644
--- a/src/app/empresas/page.tsx
+++ b/src/app/empresas/page.tsx
@@ -10,11 +10,12 @@ export default function EmpresasPage() {
     { name: "Fortalezas", id: "/fortalezas" },
     { name: "Clientes", id: "/clientes" },
     { name: "Presencia", id: "/presencia" },
-    { name: "Contacto", id: "/contacto" },
+    { name: "Contacto", id: "/contacto" }
   ];
 
   const themeProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"};
+    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>
diff --git a/src/app/fortalezas/page.tsx b/src/app/fortalezas/page.tsx
index 7e6a157..a93c688 100644
--- a/src/app/fortalezas/page.tsx
+++ b/src/app/fortalezas/page.tsx
@@ -10,11 +10,12 @@ export default function FortalezasPage() {
     { name: "Fortalezas", id: "/fortalezas" },
     { name: "Clientes", id: "/clientes" },
     { name: "Presencia", id: "/presencia" },
-    { name: "Contacto", id: "/contacto" },
+    { name: "Contacto", id: "/contacto" }
   ];
 
   const themeProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"};
+    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>
diff --git a/src/app/nosotros/page.tsx b/src/app/nosotros/page.tsx
index 05af2ff..2ac6959 100644
--- a/src/app/nosotros/page.tsx
+++ b/src/app/nosotros/page.tsx
@@ -10,11 +10,12 @@ export default function NosotrosPage() {
     { name: "Fortalezas", id: "/fortalezas" },
     { name: "Clientes", id: "/clientes" },
     { name: "Presencia", id: "/presencia" },
-    { name: "Contacto", id: "/contacto" },
+    { name: "Contacto", id: "/contacto" }
   ];
 
   const themeProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"};
+    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6ca4677..fc28426 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,11 +10,12 @@ export default function HomePage() {
     { name: "Fortalezas", id: "/fortalezas" },
     { name: "Clientes", id: "/clientes" },
     { name: "Presencia", id: "/presencia" },
-    { name: "Contacto", id: "/contacto" },
+    { name: "Contacto", id: "/contacto" }
   ];
 
   const themeProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"};
+    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>
diff --git a/src/app/presencia/page.tsx b/src/app/presencia/page.tsx
index 539bf3a..f046bee 100644
--- a/src/app/presencia/page.tsx
+++ b/src/app/presencia/page.tsx
@@ -10,11 +10,12 @@ export default function PresenciaPage() {
     { name: "Fortalezas", id: "/fortalezas" },
     { name: "Clientes", id: "/clientes" },
     { name: "Presencia", id: "/presencia" },
-    { name: "Contacto", id: "/contacto" },
+    { name: "Contacto", id: "/contacto" }
   ];
 
   const themeProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"};
+    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "medium",    sizing: "medium",    background: "grid",    cardStyle: "layered-gradient",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "solid",    headingFontWeight: "medium"
+  } as const;
 
   return (
     <ThemeProvider {...themeProps}>