Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3fc5169be0 | |||
| e8fde69808 | |||
| 6e754e2979 | |||
| bfd5b567f1 | |||
| ac5db69a42 |
403
src/app/page.tsx
403
src/app/page.tsx
@@ -3,15 +3,12 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,97 +28,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Nosotros", id: "about" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Ecomadera"
|
||||
brandName="Arte Rural"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Muebles con Historia"
|
||||
description="Transformamos madera reciclada en piezas únicas para tu hogar, combinando sostenibilidad con diseño artesanal."
|
||||
title="Muebles de Madera Reciclada con Historia"
|
||||
description="Transformamos madera recuperada en piezas únicas para tu hogar, combinando sostenibilidad con el arte de la carpintería artesanal."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_deco",
|
||||
testimonial: "La mesa quedó perfecta en mi salón. Calidad increíble.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kid-table_23-2149610743.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos G.",
|
||||
handle: "@carlos_design",
|
||||
testimonial: "Piezas únicas y con mucha conciencia ecológica.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughing-while-talking-phone_23-2147611578.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia M.",
|
||||
handle: "@sofiam_home",
|
||||
testimonial: "El servicio fue impecable y el mueble es una obra de arte.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-young-man-sitting-cafe-with-mobile-phone-wearing-wireless-headphones_1258-314098.jpg",
|
||||
},
|
||||
{
|
||||
name: "Javier L.",
|
||||
handle: "@javier_l",
|
||||
testimonial: "Una inversión maravillosa para mi nuevo piso.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-waitress-serving-cocktail-female-customer-wooden-table_23-2147936268.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lucía B.",
|
||||
handle: "@lucia_b",
|
||||
testimonial: "Se nota el cuidado y el detalle en cada veta.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Colección",
|
||||
href: "#products",
|
||||
},
|
||||
{ name: "Elena R.", handle: "@elena_deco", testimonial: "La mesa quedó perfecta en mi living. Calidad increíble.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kid-table_23-2149610743.jpg" },
|
||||
{ name: "Carlos G.", handle: "@carlos_design", testimonial: "Piezas únicas con una fuerte conciencia ecológica.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughing-while-talking-phone_23-2147611578.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Ver Colección", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440663.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-drawing-ipad_23-2150172106.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-dark-haired-girl-leans-shoulder-boyfriend-who-holds-wrapped-potted-domestic-plant_273609-33198.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-family-sitting-kitchen_1157-17593.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="+200 clientes satisfechos"
|
||||
/>
|
||||
</div>
|
||||
@@ -129,61 +54,15 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Filosofía"
|
||||
description="Creemos en darle una segunda vida a la madera, creando muebles que no solo decoran, sino que cuentan historias y preservan el medio ambiente."
|
||||
description="Creemos en dar una segunda vida a la madera, creando muebles que no solo decoran, sino que cuentan historias y preservan el medio ambiente."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sostenibilidad",
|
||||
description: "Usamos únicamente madera recuperada de fuentes responsables.",
|
||||
},
|
||||
{
|
||||
title: "Artesanía Local",
|
||||
description: "Cada pieza es tallada a mano por expertos ebanistas locales.",
|
||||
},
|
||||
{
|
||||
title: "Diseño Exclusivo",
|
||||
description: "No hay dos piezas iguales gracias a las vetas de la madera.",
|
||||
},
|
||||
{ title: "Sostenibilidad", description: "Usamos solo madera recuperada de fuentes responsables." },
|
||||
{ title: "Artesanía Local", description: "Cada pieza es tallada a mano por artesanos locales expertos." },
|
||||
{ title: "Diseño Exclusivo", description: "No hay dos piezas iguales debido a las vetas únicas de la madera." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/texture-damaged-wooden-panels_1219-38.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Madera Tratada",
|
||||
descriptions: [
|
||||
"Protección total contra plagas y humedad.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farm-honeycomb-pile_23-2148172981.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Acabados Naturales",
|
||||
descriptions: [
|
||||
"Barnices orgánicos que realzan la textura.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-restoring-wooden-furniture_23-2150232719.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Estructura Reforzada",
|
||||
descriptions: [
|
||||
"Uniones tradicionales para máxima resistencia.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chipping-wood-aged-surface_23-2148394691.jpg",
|
||||
},
|
||||
]}
|
||||
title="Calidad en Cada Detalle"
|
||||
description="Nuestros procesos aseguran durabilidad y belleza estética."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -192,273 +71,51 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Ecomadera",
|
||||
name: "Mesa de Comedor Roble",
|
||||
price: "450 €",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-furniture-being-sold-yard-sale_23-2151216819.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Ecomadera",
|
||||
name: "Consola Rústica",
|
||||
price: "290 €",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-media-console-with-decor_23-2152020451.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Ecomadera",
|
||||
name: "Cama King Size",
|
||||
price: "890 €",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-his-workshop_23-2148640320.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Ecomadera",
|
||||
name: "Taburete Minimalista",
|
||||
price: "85 €",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960698.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Ecomadera",
|
||||
name: "Librería Vintage",
|
||||
price: "350 €",
|
||||
rating: 4,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-frames-shelf_23-2147755105.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Ecomadera",
|
||||
name: "Baúl de Almacenaje",
|
||||
price: "210 €",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-workshop_23-2147773370.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Arte Rural", name: "Mesa de Roble", price: "$450", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/retro-furniture-being-sold-yard-sale_23-2151216819.jpg" },
|
||||
{ id: "p2", brand: "Arte Rural", name: "Consola Rústica", price: "$290", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/wooden-media-console-with-decor_23-2152020451.jpg" },
|
||||
]}
|
||||
title="Nuestra Colección"
|
||||
description="Explora nuestra selección de piezas artesanales hechas a medida."
|
||||
description="Explora nuestra selección de muebles hechos a mano y a medida."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Base",
|
||||
price: "150 €",
|
||||
subtitle: "Piezas pequeñas",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contactar",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Diseño estándar",
|
||||
"Madera tratada",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "450 €",
|
||||
subtitle: "Piezas de gran tamaño",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contactar",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Diseño personalizado",
|
||||
"Acabado premium",
|
||||
"Garantía extendida",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "custom",
|
||||
badge: "Exclusivo",
|
||||
price: "Cotizar",
|
||||
subtitle: "Proyectos completos",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contactar",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Atención exclusiva",
|
||||
"Diseño de interiores",
|
||||
"Envío prioritario",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Básico", price: "$150", subtitle: "Piezas pequeñas", buttons: [{ text: "Consultar" }], features: ["Diseño estándar", "Madera tratada"] },
|
||||
{ id: "pro", badge: "Premium", price: "$450", subtitle: "Muebles grandes", buttons: [{ text: "Consultar" }], features: ["Diseño personalizado", "Acabado premium", "Garantía extendida"] },
|
||||
]}
|
||||
title="Servicios a Medida"
|
||||
description="Elige la opción que mejor se adapte a tu proyecto de interiorismo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
title="Servicios Personalizados"
|
||||
description="Elige la opción que mejor se ajuste a tu proyecto de interiorismo."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marta S.",
|
||||
role: "Arquitecta",
|
||||
company: "HomeStaging",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-table-worried-expression_1194-4578.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Javier L.",
|
||||
role: "Diseñador",
|
||||
company: "UrbanDesign",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-woman-her-young-daughter-white-shirts-black-pants-sitting-chairs-quarreling-light-living-room_141793-98937.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ana C.",
|
||||
role: "Propietaria",
|
||||
company: "Residencia Privada",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delighted-young-couple-sitting-couch-surrounded-by-boxes_273609-31771.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luis D.",
|
||||
role: "Manager",
|
||||
company: "Hotel Boutique",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-sofa-home_23-2147744902.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Isabel P.",
|
||||
role: "Decoradora",
|
||||
company: "Studio Interior",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-sustainable-lifestyle_23-2148999369.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Piezas entregadas",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Clientes felices",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Rating promedio",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La satisfacción es nuestra mejor garantía."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿De dónde proviene la madera?",
|
||||
content: "Recuperamos madera de antiguas estructuras industriales y graneros para asegurar su resistencia.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Cómo hago un pedido personalizado?",
|
||||
content: "Puedes contactarnos vía formulario y un experto te atenderá personalmente.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Cuánto tarda la entrega?",
|
||||
content: "Al ser trabajos artesanales, el tiempo estimado es de 3 a 4 semanas.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "¿Hacen envíos a nivel nacional?",
|
||||
content: "Sí, realizamos envíos seguros con embalaje reforzado a toda la península.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Respondemos a tus dudas principales sobre nuestros procesos."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Hablemos de tu Proyecto"
|
||||
description="Estamos listos para transformar tu espacio con madera sostenible."
|
||||
title="Inicia tu proyecto con Arte Rural"
|
||||
description="Estamos en Av. 12 de Octubre 3053, Pilar, Buenos Aires. Horario: Lun-Vie 10am-6pm, Sáb 10am-2pm, Dom Cerrado. ¡Contáctanos y transformemos tu espacio!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/different-tools-workshop_23-2147749296.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Ecomadera"
|
||||
logoText="Arte Rural"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Proyectos",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Empresa", items: [{ label: "Nosotros", href: "#about" }, { label: "Productos", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user