Update src/app/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -1,48 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-
-export default function ContactPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="shift-hover"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="largeSmallSizeMediumTitles"
-      background="fluid"
-      cardStyle="solid"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="glass"
-      headingFontWeight="extrabold"
-    >
-      <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Properties", id: "/#properties" },
-            { name: "Why Us", id: "/#why-us" },
-            { name: "Reviews", id: "/#reviews" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName=""
-        />
-        <div className="pt-32">
-          <ContactSplit
-            title="Contáctanos"
-            description="¿Tienes dudas o necesitas ayuda? Envíanos un mensaje y te responderemos pronto."
-            tag="Soporte"
-            background={{ variant: "gradient-bars" }}
-            useInvertedBackground={false}
-            inputPlaceholder="Enter your email"
-            buttonText="Enviar"
-            onSubmit={(email) => window.location.href = `mailto:ricardo@garcessa.com?subject=Inquiry from ${email}`}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/page.tsx

@@ -29,15 +29,25 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",          id: "/"},
+          name: "Home",
+          id: "home",
+        },
         {
-          name: "Properties",          id: "#properties"},
+          name: "Properties",
+          id: "properties",
+        },
         {
-          name: "Why Us",          id: "#why-us"},
+          name: "Why Us",
+          id: "why-us",
+        },
         {
-          name: "Reviews",          id: "#reviews"},
+          name: "Reviews",
+          id: "reviews",
+        },
         {
-          name: "Contact",          id: "/contact"},
+          name: "Contact",
+          id: "contact",
+        },
       ]}
       brandName=""
     />
@@ -46,26 +56,47 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars"}}
+        variant: "gradient-bars",
+      }}
       title="Smart Living"
       description="Tu hogar en el corazón de Ciudad de Panamá."
       buttons={[
         {
-          text: "Reservar en Airbnb",          href: "https://airbnb.com"},
+          text: "Reservar en Airbnb",
+          href: "https://airbnb.com",
+        },
       ]}
       carouselItems={[
         {
-          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119030.jpg?_wi=1",          imageAlt: "Smart Living Panama"},
+          id: "1",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359431001-a2el8a22.png",
+          imageAlt: "Smart Living Panama",
+        },
         {
-          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119030.jpg?_wi=2",          imageAlt: "Smart Living Panama"},
+          id: "2",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358920266-czb1npog.png",
+          imageAlt: "Smart Living Panama",
+        },
         {
-          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119030.jpg?_wi=3",          imageAlt: "Smart Living Panama"},
+          id: "3",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359097601-a0z6ucgj.png",
+          imageAlt: "Smart Living Panama",
+        },
         {
-          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119030.jpg?_wi=4",          imageAlt: "Smart Living Panama"},
+          id: "4",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358424283-5u1ggdo5.png",
+          imageAlt: "Smart Living Panama",
+        },
         {
-          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119030.jpg?_wi=5",          imageAlt: "Smart Living Panama"},
+          id: "5",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359181941-0q7jcx0j.png",
+          imageAlt: "Smart Living Panama",
+        },
         {
-          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119030.jpg?_wi=6",          imageAlt: "Smart Living Panama"},
+          id: "6",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359119109-mmrj6444.png",
+          imageAlt: "Smart Living Panama",
+        },
       ]}
     />
   </div>
@@ -78,9 +109,19 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "prop-1",          name: "Novolux",          price: "Airbnb",          variant: "Central Location",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358424283-5u1ggdo5.png"},
+          id: "prop-1",
+          name: "Novolux",
+          price: "Airbnb",
+          variant: "Central Location",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358424283-5u1ggdo5.png",
+        },
         {
-          id: "prop-2",          name: "Vía Argentina",          price: "Airbnb",          variant: "Heart of the City",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358302034-83i8n4mt.png"},
+          id: "prop-2",
+          name: "Vía Argentina",
+          price: "Airbnb",
+          variant: "Heart of the City",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358302034-83i8n4mt.png",
+        },
       ]}
       title="Nuestras Propiedades"
       description="Explora nuestros espacios confortables y modernos en las mejores zonas de Panamá."
@@ -95,17 +136,41 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Diseño Moderno ",          description: "Muebles bonitos, modernos y funcionales ",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358900044-gnf46fc1.png",          imageAlt: "Location"},
+          title: "Diseño Moderno ",
+          description: "Muebles bonitos, modernos y funcionales ",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358900044-gnf46fc1.png",
+          imageAlt: "Location",
+        },
         {
-          title: "Staff 24/7",          description: "Front desk y portería siempre disponibles.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358920266-czb1npog.png",          imageAlt: "Support"},
+          title: "Staff 24/7",
+          description: "Front desk y portería siempre disponibles.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775358920266-czb1npog.png",
+          imageAlt: "Support",
+        },
         {
-          title: "Limpieza Garantizada",          description: "Espacios impecables que coinciden con las fotos.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359181941-0q7jcx0j.png",          imageAlt: "Cleanliness"},
+          title: "Limpieza Garantizada",
+          description: "Espacios impecables que coinciden con las fotos.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359181941-0q7jcx0j.png",
+          imageAlt: "Cleanliness",
+        },
         {
-          title: "Check-in Fácil",          description: "Proceso sencillo y rápido.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359119109-mmrj6444.png",          imageAlt: "Check-in"},
+          title: "Check-in Fácil",
+          description: "Proceso sencillo y rápido.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359119109-mmrj6444.png",
+          imageAlt: "Check-in",
+        },
         {
-          title: "Excelente Relación Valor-Precio",          description: "Lo mejor por tu dinero.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359431001-a2el8a22.png",          imageAlt: "Value"},
+          title: "Excelente Relación Valor-Precio",
+          description: "Lo mejor por tu dinero.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359431001-a2el8a22.png",
+          imageAlt: "Value",
+        },
         {
-          title: "Cerca de todo",          description: "Pasos del metro y Cinta Costera.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359466789-z6tjkgen.png",          imageAlt: "Accessibility"},
+          title: "Cerca de todo",
+          description: "Pasos del metro y Cinta Costera.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359466789-z6tjkgen.png",
+          imageAlt: "Accessibility",
+        },
       ]}
       title="Por qué elegirnos"
       description="Tu tranquilidad es nuestra prioridad."
@@ -120,32 +185,68 @@ export default function LandingPage() {
       author="-Humberto"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359466789-z6tjkgen.png",          alt: "-Humberto"},
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359466789-z6tjkgen.png",
+          alt: "-Humberto",
+        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359431001-a2el8a22.png",          alt: "Maria"},
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359431001-a2el8a22.png",
+          alt: "Maria",
+        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359181941-0q7jcx0j.png",          alt: "Carlos"},
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359181941-0q7jcx0j.png",
+          alt: "Carlos",
+        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359466789-z6tjkgen.png",          alt: "Sofia"},
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359466789-z6tjkgen.png",
+          alt: "Sofia",
+        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359431001-a2el8a22.png",          alt: "David"},
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bv6YtvLGteCKCFP415sKd0AOrs/uploaded-1775359431001-a2el8a22.png",
+          alt: "David",
+        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
   </div>
 
+  <div id="contact" data-section="contact">
+      <ContactText
+      useInvertedBackground={false}
+      background={{
+        variant: "gradient-bars",
+      }}
+      text="¿Listo para reservar tu estadía? Contáctanos hoy mismo."
+      buttons={[
+        {
+          text: "Reservar en Airbnb",
+          href: "https://airbnb.com",
+        },
+        {
+          text: "WhatsApp",
+          href: "https://wa.me/yournumber",
+        },
+      ]}
+    />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
         {
           items: [
             {
-              label: "Inicio",              href: "/"},
+              label: "Inicio",
+              href: "#home",
+            },
             {
-              label: "Properties",              href: "#properties"},
+              label: "Propiedades",
+              href: "#properties",
+            },
             {
-              label: "Contacto",              href: "/contact"},
+              label: "Contacto",
+              href: "#contact",
+            },
           ],
         },
       ]}