Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f5ed81425b |
159
src/app/page.tsx
159
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user