Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -8,9 +8,12 @@ import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+// Added imports for new/replaced components
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
 import { Sparkles, Compass, Instagram, Facebook, Linkedin, MapPin } from "lucide-react";
 
 export default function LuxuryTravelAgencyTemplatePage() {
@@ -68,6 +71,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                             { text: "Conoce Nuestra Esencia", href: "#about" }
                         ]}
                         useInvertedBackground={false}
+                        buttonAnimation="slide-up" 
                     />
                 </div>
                 <div id="suites" data-section="suites">
@@ -198,13 +202,46 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         }}
                     />
                 </div>
-                <FooterCard
+                {/* New CTA section */}
+                <div id="final-cta" data-section="final-cta">
+                    <ContactCTA
+                        tag="Listo para Desconectar?"
+                        title="Su Santuario le Espera."
+                        description="Déjese seducir por la promesa de la calma. Reserve su estancia en Boho Suites Dénia y comience su viaje hacia la serenidad."
+                        buttons={[{ text: "Reservar Ahora", href: "#contact" }]}
+                        background={{ variant: "sparkles-gradient" }}
+                        buttonAnimation="slide-up" 
+                        useInvertedBackground={true} 
+                    />
+                </div>
+                {/* Replaced FooterCard with FooterBase */}
+                <FooterBase
                     logoText="Boho Suites Dénia"
-                    copyrightText="© 2024 Boho Suites Dénia | Un Refugio de Calma en la Costa Blanca"
-                    socialLinks={[
-                        { icon: Instagram, href: "https://instagram.com/bohosuitesdenia", ariaLabel: "Instagram de Boho Suites Dénia" },
-                        { icon: Facebook, href: "https://facebook.com/bohosuitesdenia", ariaLabel: "Facebook de Boho Suites Dénia" },
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn de Boho Suites Dénia" }
+                    copyrightText="© 2024 Boho Suites Dénia. Todos los derechos reservados."
+                    columns={[
+                        {
+                            title: "Contáctenos",                            items: [
+                                { label: "info@bohosuitesdenia.com", href: "mailto:info@bohosuitesdenia.com" },
+                                { label: "+34 966 423 000", href: "tel:+34966423000" },
+                                { label: "Calle Mar Mediterráneo, 10, Dénia", href: "https://maps.app.goo.gl/boho-suites-denia" } 
+                            ]
+                        },
+                        {
+                            title: "Síganos",                            items: [
+                                { label: "Instagram", href: "https://instagram.com/bohosuitesdenia" },
+                                { label: "Facebook", href: "https://facebook.com/bohosuitesdenia" },
+                                { label: "LinkedIn", href: "#" }
+                            ]
+                        },
+                        {
+                            title: "Explorar",                            items: [
+                                { label: "Nuestro Refugio", href: "#about" },
+                                { label: "Suites", href: "#suites" },
+                                { label: "Experiencias", href: "#experiences" },
+                                { label: "Opiniones", href: "#reviews" },
+                                { label: "Reservar", href: "#contact" }
+                            ]
+                        }
                     ]}
                 />
             </ReactLenis>

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-libre-baskerville), serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FCF5ED;
-  --card: #FDFCF9;
-  --foreground: #2E2C2C;
-  --primary-cta: #D28C6E;
-  --primary-cta-text: #FDFCF9;
-  --secondary-cta: #9B9A7C;
-  --secondary-cta-text: #2E2C2C;
-  --accent: #A77053;
-  --background-accent: #F4E8D8;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);