2026-03-05 21:06:57 +00:00
4 changed files with 39 additions and 33 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,17 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
+import { Poppins } from "next/font/google";
+import { Montserrat } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+const montserrat = Montserrat({
+  variable: "--font-montserrat",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
@@ -34,7 +34,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
+          className={`${poppins.variable} ${montserrat.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,16 +13,16 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="compact"
-      sizing="mediumLarge"
-      background="blurBottom"
-      cardStyle="inset"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="semibold"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="floatingGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
@@ -41,7 +41,7 @@ export default function LandingPage() {
          title="Gestoría Profesional de Confianza"
          description="Asesoramos y gestionamos todos tus trámites de forma rápida, clara y profesional. Más de 10 años acompañando a empresas y autónomos."
          tag="⭐ 4.9/5 en Reseñas"
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "📞 Llamar Ahora", href: "tel:+34XXXXXXXXX" },
            { text: "📩 Solicitar Asesoramiento", href: "#contact" }
@@ -49,8 +49,9 @@ export default function LandingPage() {
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-his-office-businessperson-professional-environment_482257-32764.jpg?_wi=1", imageAlt: "gestoría oficina profesional contador negocios" }
          ]}
-          mediaAnimation="blur-reveal"
-          buttonAnimation="blur-reveal"
+          mediaAnimation="slide-up"
+          buttonAnimation="slide-up"
+          tagAnimation="slide-up"
        />
      </div>

@@ -59,6 +60,7 @@ export default function LandingPage() {
          title="Por Qué Tantos Clientes Confían en Nosotros"
          description="Profesionalidad, rapidez y atención cercana son los pilares de nuestro servicio. Nuestros clientes nos eligen porque sabemos escuchar y actuar con eficiencia."
          tag="Ventajas Clave"
+          tagAnimation="slide-up"
          features={[
            {
              id: 1,
@@ -79,7 +81,7 @@ export default function LandingPage() {
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
-          buttonAnimation="blur-reveal"
+          buttonAnimation="slide-up"
        />
      </div>

@@ -92,7 +94,7 @@ export default function LandingPage() {
          buttons={[
            { text: "Solicita Información sin Compromiso", href: "#contact" }
          ]}
-          buttonAnimation="blur-reveal"
+          buttonAnimation="slide-up"
        />
      </div>

@@ -101,6 +103,7 @@ export default function LandingPage() {
          title="Lo Que Dicen Nuestros Clientes"
          description="La confianza de nuestros clientes es nuestro mayor logro. Aquí están sus testimonios reales."
          tag="Reseñas"
+          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
@@ -119,6 +122,7 @@ export default function LandingPage() {
          ]}
          animationType="slide-up"
          carouselMode="buttons"
+          buttonAnimation="slide-up"
        />
      </div>

@@ -127,6 +131,7 @@ export default function LandingPage() {
          title="Experiencia y Confianza que Marcan la Diferencia"
          description="Nuestro compromiso es ofrecer un servicio profesional, cercano y eficiente. Cada día trabajamos para resolver las gestiones de nuestros clientes con rapidez, claridad y total confianza."
          tag="Nuestro Impacto"
+          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
@@ -138,6 +143,7 @@ export default function LandingPage() {
            }
          ]}
          animationType="slide-up"
+          buttonAnimation="slide-up"
        />
      </div>

@@ -158,7 +164,7 @@ export default function LandingPage() {
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-team-meeting-modern-office-interior_1163-4771.jpg"
          imageAlt="oficina moderna consultoría profesional acogedor"
-          mediaAnimation="blur-reveal"
+          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Solicitar Asesoramiento"
        />
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #0c1325;
-  --primary-cta: #0b07ff;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e34400;
  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
  --secondary-cta-text: #0c1325;
-  --accent: #93b7ff;
-  --background-accent: #a8bae8;
+  --accent: #ff7b05;
+  --background-accent: #e34400;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);