Merge version_2 into main #2
379
src/app/page.tsx
379
src/app/page.tsx
@@ -3,7 +3,6 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
@@ -11,7 +10,6 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Activos",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Nosotros", id: "#about" },
|
||||
{ name: "Activos", id: "#features" },
|
||||
{ name: "Contacto", id: "#contact" },
|
||||
]}
|
||||
brandName="Inmorva"
|
||||
/>
|
||||
@@ -54,64 +40,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Inmorva: Patrimonio y Excelencia Inmobiliaria"
|
||||
description="Gestión estratégica de activos en Barcelona y Cerdanyola del Vallès con un enfoque familiar y profesional."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver nuestros activos",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Ver nuestros activos", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/metal-building-stairway-blue-sky_181624-5735.jpg?_wi=1"
|
||||
imageAlt="Edificio corporativo profesional"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836758.jpg",
|
||||
alt: "Modern skyscrapers in japan business district",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-skyscrapers-with-windows_23-2148836757.jpg",
|
||||
alt: "Modern skyscrapers with windows",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-999.jpg",
|
||||
alt: "detail shot of skyscrapers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-shot-axis-towers-tbilisi-georgia-blue-sky_181624-61144.jpg",
|
||||
alt: "Low angle shot of Axis Towers in Tbilisi Georgia under a blue sky",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95728.jpg",
|
||||
alt: "Aerial view of streets and office building in business district",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Barcelona",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cerdanyola",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gestión Patrimonial",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excelencia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Confianza",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,19 +54,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradición familiar,",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/laptop-table_23-2148868359.jpg",
|
||||
alt: "Gestión",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "visión de futuro",
|
||||
},
|
||||
{ type: "text", content: "Tradición familiar," },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/laptop-table_23-2148868359.jpg", alt: "Gestión" },
|
||||
{ type: "text", content: "visión de futuro" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,299 +68,33 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Apartamentos Turísticos",
|
||||
description: "Ubicaciones céntricas en Barcelona.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-with-large-pink-suitcase-vacation-tropical-country_343596-3041.jpg",
|
||||
title: "Apartamentos Turísticos", description: "Gestión integral a través de Airbnb y Booking. Contacta con nosotros para información directa.", buttons: [{ text: "Contactar ahora", href: "#contact" }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-with-large-pink-suitcase-vacation-tropical-country_343596-3041.jpg"
|
||||
},
|
||||
{
|
||||
title: "Oficinas Corporativas",
|
||||
description: "Espacios modernos en Cerdanyola.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg",
|
||||
},
|
||||
{
|
||||
title: "Coworking Flex",
|
||||
description: "Entornos productivos y colaborativos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-office-instruments-wooden-table-nobody-empty-business-space-with-laptop-cup-coffee-supplies-used-work-startup-company-boardroom_482257-27794.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gestión Patrimonial",
|
||||
description: "Asesoramiento experto para inversores.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-sauna-sunlit-walk-wooden-waves_169016-68887.jpg",
|
||||
},
|
||||
{
|
||||
title: "Servicios Exclusivos",
|
||||
description: "Trato personalizado y confidencial.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deckchair-swimming-pool-resort_1150-11099.jpg",
|
||||
},
|
||||
title: "Espacios Corporativos", description: "Oficinas privadas, espacios de coworking colaborativos y parking disponible en Cerdanyola del Vallès.", imageSrc: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg"
|
||||
}
|
||||
]}
|
||||
title="Nuestros Activos"
|
||||
description="Soluciones inmobiliarias diversas adaptadas a necesidades corporativas y turísticas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Barcelona",
|
||||
name: "Piso Ramblas",
|
||||
price: "Desde 150€",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897507.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Barcelona",
|
||||
name: "Piso Eixample",
|
||||
price: "Desde 180€",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-with-coffee-cup_23-2149637977.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Barcelona",
|
||||
name: "Loft Gótico",
|
||||
price: "Desde 200€",
|
||||
rating: 5,
|
||||
reviewCount: "31",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626672.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Barcelona",
|
||||
name: "Apartamento Mar",
|
||||
price: "Desde 160€",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-305.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Barcelona",
|
||||
name: "Estudio Plaza",
|
||||
price: "Desde 140€",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254651.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Barcelona",
|
||||
name: "Penthouse Sagrada",
|
||||
price: "Desde 250€",
|
||||
rating: 5,
|
||||
reviewCount: "28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725305.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestros Apartamentos Turísticos"
|
||||
description="Residencias cuidadas para una estancia inigualable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Coworking",
|
||||
price: "150€",
|
||||
period: "/mes",
|
||||
features: [
|
||||
"Acceso 24/7",
|
||||
"Internet fibra",
|
||||
"Cafetería",
|
||||
],
|
||||
button: {
|
||||
text: "Consultar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-from-home_23-2148916093.jpg",
|
||||
imageAlt: "Woman working from home",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Oficina Privada",
|
||||
price: "450€",
|
||||
period: "/mes",
|
||||
features: [
|
||||
"Privacidad total",
|
||||
"Climatización",
|
||||
"Parking incluido",
|
||||
],
|
||||
button: {
|
||||
text: "Consultar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-building-stairway-blue-sky_181624-5735.jpg?_wi=2",
|
||||
imageAlt: "Woman working from home",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Parking Plaza",
|
||||
price: "90€",
|
||||
period: "/mes",
|
||||
features: [
|
||||
"Seguridad 24h",
|
||||
"Acceso fácil",
|
||||
"CCTV",
|
||||
],
|
||||
button: {
|
||||
text: "Consultar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_23-2148868359.jpg",
|
||||
imageAlt: "Woman working from home",
|
||||
},
|
||||
]}
|
||||
title="Espacios para empresas"
|
||||
description="Elige el espacio ideal para tu negocio en Cerdanyola."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jordi P.",
|
||||
handle: "Empresario",
|
||||
testimonial: "Excelente gestión y trato familiar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marta G.",
|
||||
handle: "Freelance",
|
||||
testimonial: "Un espacio de coworking inspirador.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328337.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex R.",
|
||||
handle: "Turista",
|
||||
testimonial: "El apartamento estaba impecable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-man-showing-peace-sign_23-2148518148.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara V.",
|
||||
handle: "Directora",
|
||||
testimonial: "Parking seguro y muy accesible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-car-charger-electric-vehicle-charging-station_107420-94914.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marc L.",
|
||||
handle: "Arrendatario",
|
||||
testimonial: "Profesionalidad en todo momento.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-thoughtful-handsome-boss_1262-4814.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="La satisfacción de nuestros clientes avala nuestra gestión."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cómo reservar un apartamento?",
|
||||
content: "Contacta con nosotros directamente.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Dónde están las oficinas?",
|
||||
content: "Cerdanyola del Vallès, zona bien comunicada.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Tienen parking privado?",
|
||||
content: "Sí, disponemos de plazas en el edificio.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools-pointing-side-isolated-orange-wall_141793-121703.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber sobre Inmorva."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Estamos a su disposición para cualquier consulta patrimonial."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactar ahora",
|
||||
href: "mailto:info@inmorva.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contactar ahora", href: "mailto:info@inmorva.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Quiénes somos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Activos",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Turismo",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Corporativo",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Empresa", items: [{ label: "Quiénes somos", href: "#about" }, { label: "Activos", href: "#features" }] },
|
||||
{ title: "Servicios", items: [{ label: "Turismo", href: "#features" }, { label: "Corporativo", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }] },
|
||||
]}
|
||||
logoText="Inmorva"
|
||||
/>
|
||||
@@ -443,4 +102,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user