2 Commits

Author SHA1 Message Date
6e754e2979 Update src/app/page.tsx 2026-05-22 16:15:48 +00:00
ac5db69a42 Update src/app/page.tsx 2026-05-22 16:15:15 +00:00

View File

@@ -3,15 +3,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit'; 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 FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial'; import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -31,159 +28,42 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Inicio", { name: "About", id: "about" },
id: "hero", { name: "Products", id: "products" },
}, { name: "Contact", id: "contact" },
{
name: "Nosotros",
id: "about",
},
{
name: "Productos",
id: "products",
},
{
name: "Contacto",
id: "contact",
},
]} ]}
brandName="Ecomadera" brandName="Arte Rural"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroOverlayTestimonial
title="Muebles con Historia" title="Reclaimed Wood with History"
description="Transformamos madera reciclada en piezas únicas para tu hogar, combinando sostenibilidad con diseño artesanal." description="We transform reclaimed wood into unique pieces for your home, blending sustainability with artisan craftsmanship."
testimonials={[ testimonials={[
{ { name: "Elena R.", handle: "@elena_deco", testimonial: "The table looks perfect in my living room. Incredible quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kid-table_23-2149610743.jpg" },
name: "Elena R.", { name: "Carlos G.", handle: "@carlos_design", testimonial: "Unique pieces with a strong ecological consciousness.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughing-while-talking-phone_23-2147611578.jpg" },
handle: "@elena_deco", { name: "Sofia M.", handle: "@sofiam_home", testimonial: "The service was impeccable and the piece is a work of art.", 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" },
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",
},
]} ]}
buttons={[{ text: "Shop Collection", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440663.jpg" imageSrc="http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440663.jpg"
avatars={[ avatarText="+200 satisfied customers"
{
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> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} title="Our Philosophy"
title="Nuestra Filosofía" description="We believe in giving a second life to wood, creating furniture that not only decorates but tells stories and preserves the environment."
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."
bulletPoints={[ bulletPoints={[
{ { title: "Sustainability", description: "We use only recovered wood from responsible sources." },
title: "Sostenibilidad", { title: "Local Craftsmanship", description: "Each piece is hand-carved by local master artisans." },
description: "Usamos únicamente madera recuperada de fuentes responsables.", { title: "Exclusive Design", description: "No two pieces are alike due to the unique wood grain." },
},
{
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.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/texture-damaged-wooden-panels_1219-38.jpg" 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} 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> </div>
@@ -192,269 +72,50 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[ products={[
{ { id: "p1", brand: "Arte Rural", name: "Oak Dining Table", price: "$450", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/retro-furniture-being-sold-yard-sale_23-2151216819.jpg" },
id: "p1", { id: "p2", brand: "Arte Rural", name: "Rustic Console", price: "$290", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/wooden-media-console-with-decor_23-2152020451.jpg" },
brand: "Ecomadera", { id: "p3", brand: "Arte Rural", name: "King Size Bed", price: "$890", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-his-workshop_23-2148640320.jpg" },
name: "Mesa de Comedor Roble", { id: "p4", brand: "Arte Rural", name: "Minimalist Stool", price: "$85", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960698.jpg" },
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",
},
]} ]}
title="Nuestra Colección" title="Our Collection"
description="Explora nuestra selección de piezas artesanales hechas a medida." description="Explore our selection of handcrafted, custom-made furniture pieces."
useInvertedBackground={false}
/> />
</div> </div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardTwo <PricingCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[ plans={[
{ { id: "basic", badge: "Basic", price: "$150", subtitle: "Small pieces", buttons: [{ text: "Inquire" }], features: ["Standard design", "Treated wood"] },
id: "basic", { id: "pro", badge: "Premium", price: "$450", subtitle: "Large furniture", buttons: [{ text: "Inquire" }], features: ["Custom design", "Premium finish", "Extended warranty"] },
badge: "Base", { id: "custom", badge: "Exclusive", price: "Custom", subtitle: "Full projects", buttons: [{ text: "Inquire" }], features: ["Exclusive attention", "Interior design", "Priority shipping"] },
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",
],
},
]} ]}
title="Servicios a Medida" title="Custom Services"
description="Elige la opción que mejor se adapte a tu proyecto de interiorismo." description="Choose the option that best fits your interior design project."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} 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>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} tag="Contact"
background={{ title="Start Your Project"
variant: "gradient-bars", description="We are ready to transform your space with sustainable reclaimed wood furniture."
}}
tag="Contacto"
title="Hablemos de tu Proyecto"
description="Estamos listos para transformar tu espacio con madera sostenible."
imageSrc="http://img.b2bpic.net/free-photo/different-tools-workshop_23-2147749296.jpg" imageSrc="http://img.b2bpic.net/free-photo/different-tools-workshop_23-2147749296.jpg"
mediaAnimation="slide-up" background={{ variant: "plain" }}
useInvertedBackground={false}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="Ecomadera" logoText="Arte Rural"
columns={[ columns={[
{ { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }] },
title: "Empresa", { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
items: [
{
label: "Sobre Nosotros",
href: "#about",
},
{
label: "Proyectos",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Política de Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
],
},
]} ]}
/> />
</div> </div>