diff --git a/src/app/page.tsx b/src/app/page.tsx index e7726c5..1b4e118 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { Clock, Droplet, Hammer, MapPin, Package, Star, Truck, Users, Wrench, Zap } from "lucide-react"; +import { Clock, Droplet, Hammer, MapPin, Package, Star, Truck, Users, Wrench, Zap, Layers } from "lucide-react"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel"; @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="mediumLarge" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="shadow" secondaryButtonStyle="solid" @@ -51,20 +51,26 @@ export default function LandingPage() { { text: "Solicitar Cotización", href: "#contact" }, ]} buttonAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "plain" }} carouselItems={[ { - id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-selecting-shovel-shop_107420-94836.jpg?_wi=1", imageAlt: "Ferretería FerreTec Monterrey"}, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-selecting-shovel-shop_107420-94836.jpg", imageAlt: "Ferretería FerreTec Monterrey" + }, { - id: "2", imageSrc: "http://img.b2bpic.net/free-photo/assorted-work-tools-wood-background_93675-130092.jpg", imageAlt: "Herramientas y construcción"}, + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/assorted-work-tools-wood-background_93675-130092.jpg", imageAlt: "Herramientas y construcción" + }, { - id: "3", imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-polymer-granules-cable_93675-129839.jpg", imageAlt: "Material eléctrico"}, + id: "3", imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-polymer-granules-cable_93675-129839.jpg", imageAlt: "Material eléctrico" + }, { - id: "4", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg", imageAlt: "Suministros de plomería"}, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg", imageAlt: "Suministros de plomería" + }, { - id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-car-mechanic-talking-while-using-computer-auto-repair-shop_637285-7570.jpg", imageAlt: "Personal amigable y atentivo"}, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-car-mechanic-talking-while-using-computer-auto-repair-shop_637285-7570.jpg", imageAlt: "Personal amigable y atentivo" + }, { - id: "6", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-putting-signature-clipboard-courier-holding-box-brunette-female-customer-accepting-delivery-parcel-from-deliveryman-red-uniform-home-delivery-service-post-concept_74855-11932.jpg", imageAlt: "Entrega el mismo día"}, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-putting-signature-clipboard-courier-holding-box-brunette-female-customer-accepting-delivery-parcel-from-deliveryman-red-uniform-home-delivery-service-post-concept_74855-11932.jpg", imageAlt: "Entrega el mismo día" + }, ]} autoPlay={true} autoPlayInterval={4000} @@ -83,22 +89,28 @@ export default function LandingPage() { features={[ { icon: Hammer, - title: "Herramientas", description: "Herramientas manuales y eléctricas de calidad para profesionales y aficionados."}, + title: "Herramientas", description: "Herramientas manuales y eléctricas de calidad para profesionales y aficionados." + }, { icon: Zap, - title: "Material Eléctrico", description: "Cables, conectores, interruptores y todo lo necesario para instalaciones eléctricas."}, + title: "Material Eléctrico", description: "Cables, conectores, interruptores y todo lo necesario para instalaciones eléctricas." + }, { icon: Droplet, - title: "Plomería", description: "Tuberías, accesorios y materiales para sistemas de agua y drenaje."}, + title: "Plomería", description: "Tuberías, accesorios y materiales para sistemas de agua y drenaje." + }, { icon: Layers, - title: "Construcción", description: "Materiales de construcción, cemento, herrajes y accesorios para estructuras."}, + title: "Construcción", description: "Materiales de construcción, cemento, herrajes y accesorios para estructuras." + }, { icon: Package, - title: "Tornillería", description: "Tornillos, tuercas, pernos y fijaciones en diversas medidas y materiales."}, + title: "Tornillería", description: "Tornillos, tuercas, pernos y fijaciones en diversas medidas y materiales." + }, { icon: Truck, - title: "Entrega el Mismo Día", description: "Servicio de entrega local rápido y confiable en Monterrey y zona cercana."}, + title: "Entrega el Mismo Día", description: "Servicio de entrega local rápido y confiable en Monterrey y zona cercana." + }, ]} /> @@ -107,7 +119,8 @@ export default function LandingPage() { @@ -143,15 +156,20 @@ export default function LandingPage() { faqsAnimation="slide-up" faqs={[ { - id: "1", title: "¿Realizan entregas el mismo día?", content: "Sí, ofrecemos servicio de entrega el mismo día para órdenes recibidas antes de las 2 PM en Monterrey y zona cercana. Te contactaremos para confirmar la dirección y hora de entrega."}, + id: "1", title: "¿Realizan entregas el mismo día?", content: "Sí, ofrecemos servicio de entrega el mismo día para órdenes recibidas antes de las 2 PM en Monterrey y zona cercana. Te contactaremos para confirmar la dirección y hora de entrega." + }, { - id: "2", title: "¿Cuál es su horario de atención?", content: "Estamos abiertos de lunes a viernes 8 AM a 7 PM, sábados 8 AM a 5 PM, y domingos 9 AM a 2 PM. Para consultas urgentes, puedes llamar al 81 1481 3468."}, + id: "2", title: "¿Cuál es su horario de atención?", content: "Estamos abiertos de lunes a viernes 8 AM a 7 PM, sábados 8 AM a 5 PM, y domingos 9 AM a 2 PM. Para consultas urgentes, puedes llamar al 81 1481 3468." + }, { - id: "3", title: "¿Realizan cotizaciones para proyectos grandes?", content: "Absoluto. Para proyectos de construcción, mantenimiento o trabajos especiales, ofrecemos cotizaciones personalizadas. Contáctanos con los detalles de tu proyecto."}, + id: "3", title: "¿Realizan cotizaciones para proyectos grandes?", content: "Absoluto. Para proyectos de construcción, mantenimiento o trabajos especiales, ofrecemos cotizaciones personalizadas. Contáctanos con los detalles de tu proyecto." + }, { - id: "4", title: "¿Qué métodos de pago aceptan?", content: "Aceptamos efectivo, transferencias bancarias, tarjetas de crédito y débito. Para órdenes grandes, también contamos con opciones de crédito."}, + id: "4", title: "¿Qué métodos de pago aceptan?", content: "Aceptamos efectivo, transferencias bancarias, tarjetas de crédito y débito. Para órdenes grandes, también contamos con opciones de crédito." + }, { - id: "5", title: "¿Puedo hacer pedidos por teléfono?", content: "Sí, puedes llamar al 81 1481 3468 para hacer pedidos, consultar disponibilidad o solicitar recomendaciones. Nuestro equipo te asistirá personalmente."}, + id: "5", title: "¿Puedo hacer pedidos por teléfono?", content: "Sí, puedes llamar al 81 1481 3468 para hacer pedidos, consultar disponibilidad o solicitar recomendaciones. Nuestro equipo te asistirá personalmente." + }, ]} /> @@ -161,7 +179,7 @@ export default function LandingPage() { title="Solicita Tu Cotización" description="Cuéntanos qué necesitas y te responderemos rápidamente con una propuesta personalizada. También puedes llamar directamente al 81 1481 3468." useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/man-selecting-shovel-shop_107420-94836.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/man-selecting-shovel-shop_107420-94836.jpg" imageAlt="Ferretería FerreTec" mediaPosition="right" mediaAnimation="slide-up" @@ -215,6 +233,3 @@ export default function LandingPage() { ); } - -// Importing Layers icon for construction feature -import { Layers } from "lucide-react";