312 lines
16 KiB
TypeScript
312 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Airplay, Car, Filter, Gauge, Headset, MapPin, Package, ShoppingBag, Sparkles, SprayCan, Truck, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Nosotros", id: "#about"},
|
|
{
|
|
name: "Características", id: "#features"},
|
|
{
|
|
name: "Productos", id: "#products"},
|
|
{
|
|
name: "Testimonios", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contacto", id: "#contact"},
|
|
]}
|
|
brandName="Nice Depot"
|
|
button={{
|
|
text: "Comprar Ahora", href: "#products"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Nice Depot"
|
|
description="Tu solución integral para limpieza, repuestos y accesorios automotrices."
|
|
buttons={[
|
|
{
|
|
text: "Explorar Productos", href: "#products"},
|
|
{
|
|
text: "Contacto", href: "#contact"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg", imageAlt: "Productos de limpieza para vehículos"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428303.jpg", imageAlt: "Repuestos automotrices variados"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552226.jpg", imageAlt: "Productos de limpieza para el hogar"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184217.jpg", imageAlt: "Accesorios automotrices modernos"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35952.jpg", imageAlt: "Proceso de lavado y limpieza de vehículos"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-using-diagnostic-tool-attaching-jumper-cables-car-engine-while-working-auto-repair-shop_637285-4269.jpg", imageAlt: "Mecánico trabajando en un motor de coche"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Nuestra Historia"
|
|
title="Calidad y Confianza en Cada Producto"
|
|
description="En Nice Productos, nos dedicamos a ofrecer soluciones de alta calidad para el cuidado de tu hogar y vehículo. Desde 2005, hemos sido el socio de confianza para miles de clientes, garantizando satisfacción y resultados impecables. Nuestro compromiso es brindarte lo mejor."
|
|
subdescription="Creemos en la excelencia, la durabilidad y un servicio al cliente excepcional. Siempre estamos buscando innovar y expandir nuestro catálogo para satisfacer todas tus necesidades de limpieza y automoción."
|
|
icon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Envío Rápido y Seguro", description: "Recibe tus pedidos en tiempo récord, con seguimiento y protección en cada envío.", bentoComponent: "3d-stack-cards", items: [
|
|
{
|
|
icon: Truck,
|
|
title: "Despacho", subtitle: "Rápido", detail: "Nacional"},
|
|
{
|
|
icon: Package,
|
|
title: "Empaque", subtitle: "Seguro", detail: "Protegido"},
|
|
{
|
|
icon: MapPin,
|
|
title: "Rastreo", subtitle: "Detallado", detail: "En Vivo"},
|
|
]
|
|
},
|
|
{
|
|
title: "Amplio Catálogo de Productos", description: "Encuentra todo lo que necesitas, desde limpieza hasta repuestos, en un solo lugar.", bentoComponent: "orbiting-icons", centerIcon: ShoppingBag,
|
|
items: [
|
|
{
|
|
icon: SprayCan,
|
|
ring: 1,
|
|
},
|
|
{
|
|
icon: Car,
|
|
ring: 2,
|
|
},
|
|
{
|
|
icon: Wrench,
|
|
ring: 3,
|
|
},
|
|
{
|
|
icon: Airplay,
|
|
ring: 1,
|
|
},
|
|
{
|
|
icon: Filter,
|
|
ring: 2,
|
|
},
|
|
{
|
|
icon: Gauge,
|
|
ring: 3,
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: "Soporte al Cliente Dedicado", description: "Nuestro equipo está listo para asistirte con cualquier duda o consulta.", bentoComponent: "reveal-icon", icon: Headset
|
|
}
|
|
]}
|
|
title="Por Qué Elegir Nice Productos"
|
|
description="Ofrecemos una experiencia de compra superior con beneficios diseñados para tu comodidad y tranquilidad."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p-1", name: "Shampoo para Carro Premium", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/bleach-bottle_187299-46016.jpg", imageAlt: "Shampoo para carro"},
|
|
{
|
|
id: "p-2", name: "Abrillantador de Llantas", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-spray_23-2148108861.jpg", imageAlt: "Abrillantador de llantas"},
|
|
{
|
|
id: "p-3", name: "Paños de Microfibra (3-pack)", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg", imageAlt: "Paños de microfibra"},
|
|
{
|
|
id: "p-4", name: "Ambientador de Auto", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/place-airbag-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16599.jpg", imageAlt: "Ambientador de auto"},
|
|
{
|
|
id: "p-5", name: "Filtro de Aceite Universal", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-engine-part-with-ratchet-repair-garage_1170-1693.jpg", imageAlt: "Filtro de aceite"},
|
|
{
|
|
id: "p-6", name: "Soporte Universal para Teléfono", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg", imageAlt: "Soporte para teléfono"},
|
|
{
|
|
id: "p-7", name: "Limpiador Multiusos", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizers-around-white-containers-blue-wall_114579-7226.jpg", imageAlt: "Limpiador multiusos"},
|
|
{
|
|
id: "p-8", name: "Limpiacristales Anti-rayas", price: "$6.75", imageSrc: "http://img.b2bpic.net/free-photo/young-female-is-resting-after-cleaning_1398-1095.jpg", imageAlt: "Limpiacristales"},
|
|
]}
|
|
title="Nuestros Productos Destacados"
|
|
description="Descubre nuestra selección premium para el cuidado automotriz y la limpieza del hogar."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Excelente calidad de productos", quote: "¡Los productos de limpieza para vehículos son increíbles! Mi coche nunca había lucido tan brillante. Recomiendo Nice Productos al 100%.", name: "Carlos R.", role: "Entusiasta Automotriz", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-emotive-amazed-beautiful-woman-holds-sponges-uses-cleaning-supplies-brining-house-order_273609-25244.jpg", imageAlt: "Cliente satisfecho Carlos R."},
|
|
{
|
|
id: "2", title: "El mejor lugar para repuestos", quote: "He comprado varios repuestos aquí y siempre encuentro exactamente lo que necesito a precios justos. El servicio es rápido y confiable.", name: "María G.", role: "Mecánica Independiente", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-25903.jpg", imageAlt: "Cliente satisfecha María G."},
|
|
{
|
|
id: "3", title: "Accesorios innovadores y útiles", quote: "Los accesorios automotrices que ofrecen son muy prácticos y de gran calidad. Le dieron un toque moderno al interior de mi carro.", name: "Javier P.", role: "Conductor Diario", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-while-taking-some-facial-cream-isolated-white-background-with_1258-138004.jpg", imageAlt: "Cliente satisfecho Javier P."},
|
|
{
|
|
id: "4", title: "Limpieza profunda y efectiva", quote: "Usé los productos de limpieza para mi casa y quedé fascinada. Son muy efectivos y dejan un aroma fresco y duradero.", name: "Ana L.", role: "Ama de Casa", imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121339.jpg", imageAlt: "Cliente satisfecha Ana L."},
|
|
{
|
|
id: "5", title: "Superó mis expectativas", quote: "Tenía dudas al principio, pero Nice Productos superó todas mis expectativas. La atención y la calidad de los productos son de primera.", name: "Roberto M.", role: "Comerciante", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-choosing-car-car-showroom_1303-26751.jpg", imageAlt: "Cliente satisfecho Roberto M."},
|
|
]}
|
|
title="Lo que Dicen Nuestros Clientes"
|
|
description="Nuestra prioridad es tu satisfacción. Lee las experiencias de quienes ya confían en Nice Productos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Nuestros Clientes Confían en Nosotros"
|
|
description="Trabajamos con una amplia gama de clientes satisfechos en diferentes sectores."
|
|
buttons={[
|
|
{
|
|
text: "Ver Más Casos", href: "#"},
|
|
]}
|
|
speed={60}
|
|
showCard={false}
|
|
names={[
|
|
"Clean Innovations", "Auto Solutions", "Home Shine Co.", "Vehicle Xpert", "Detail Masters", "Global Auto Parts", "Sparkle Cleaners"
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "¿Cuáles son los métodos de pago aceptados?", content: "Aceptamos tarjetas de crédito (Visa, MasterCard, American Express), transferencias bancarias y pagos a través de PayPal."},
|
|
{
|
|
id: "faq-2", title: "¿Realizan envíos a todo el país?", content: "Sí, realizamos envíos a nivel nacional. El tiempo de entrega y el costo pueden variar según tu ubicación."},
|
|
{
|
|
id: "faq-3", title: "¿Se pueden devolver o cambiar los productos?", content: "Sí, aceptamos devoluciones y cambios dentro de los 30 días posteriores a la compra, siempre y cuando los productos estén en su estado original."},
|
|
{
|
|
id: "faq-4", title: "¿Ofrecen garantía en los repuestos automotrices?", content: "Todos nuestros repuestos automotrices cuentan con garantía del fabricante. Los detalles específicos se encuentran en la descripción de cada producto."},
|
|
{
|
|
id: "faq-5", title: "¿Tienen descuentos para compras al por mayor?", content: "Sí, ofrecemos precios especiales para compras al por mayor. Por favor, contáctanos directamente para más información."},
|
|
]}
|
|
sideTitle="¿Tienes Preguntas?"
|
|
sideDescription="Encuentra respuestas a las consultas más frecuentes sobre nuestros productos y servicios."
|
|
buttons={[
|
|
{
|
|
text: "Contactar Soporte", href: "#contact"},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Contacto"
|
|
title="¿Listo para Mejorar tu Coche y Hogar?"
|
|
description="Estamos aquí para ayudarte a encontrar los mejores productos y soluciones. Contáctanos hoy mismo para asesoría personalizada."
|
|
buttons={[
|
|
{
|
|
text: "Enviar Mensaje", href: "mailto:info@niceproductos.com"},
|
|
{
|
|
text: "Llamar Ahora", href: "tel:+123456789"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/blue-marble-swirl-background-diy-abstract-flowing-texture-experimental-art_53876-103615.jpg"
|
|
logoText="Nice Depot"
|
|
columns={[
|
|
{
|
|
title: "Productos", items: [
|
|
{
|
|
label: "Limpieza General", href: "#products"},
|
|
{
|
|
label: "Limpieza Automotriz", href: "#products"},
|
|
{
|
|
label: "Repuestos", href: "#products"},
|
|
{
|
|
label: "Accesorios", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Compañía", items: [
|
|
{
|
|
label: "Sobre Nosotros", href: "#about"},
|
|
{
|
|
label: "Testimonios", href: "#testimonials"},
|
|
{
|
|
label: "Contacto", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Soporte", items: [
|
|
{
|
|
label: "Preguntas Frecuentes", href: "#faq"},
|
|
{
|
|
label: "Ayuda", href: "#"},
|
|
{
|
|
label: "Envíos", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Nice Productos | Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|