bender/a3359b3e-ea2f-4145-a342-833f4670667a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-04 20:39:23 +00:00
Conversation 0 Commits 1 Files Changed 1 +139 -85
1 changed files with 139 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Zap, Building2, Factory, MapPin, Truck, Users, Award, Quote } from "lucide-react";
import { Zap, Building2, Factory, MapPin, Truck, Users, Award, Quote, CheckCircle, Package, Briefcase, ShieldCheck, Beaker, Gauge, Lock, HelpCircle } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -29,7 +29,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmall"
background="grid"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -43,9 +43,7 @@ export default function HomePage() {
id: item.id,
}))}
button={{
text: "Solicitar Info",
href: "/contacto",
}}
text: "Solicitar Info", href: "/contacto"}}
/>
</div>
@@ -55,22 +53,18 @@ export default function HomePage() {
tagIcon={Zap}
title="Adhesivos Industriales de Alto Rendimiento en Rubí"
description="En Rubidicol SL desarrollamos y fabricamos colas adhesivas de excelente rendimiento para madera, metal y múltiples aplicaciones industriales. Desde nuestro centro en Rubí, suministramos soluciones fiables, técnicas y adaptadas a cada cliente."
background={{ variant: "grid" }}
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beakers-equipment-table-factory-laboratory_1359-307.jpg",
imageAlt: "Adhesivos industriales de Rubidicol",
},
imageSrc: "http://img.b2bpic.net/free-photo/beakers-equipment-table-factory-laboratory_1359-307.jpg", imageAlt: "Adhesivos industriales de Rubidicol"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-green-screen-heavy-industry-factory-features-metallic-pipes-steel-frameworks_482257-135738.jpg?_wi=1",
imageAlt: "Instalaciones de producción de Rubidicol",
},
imageSrc: "http://img.b2bpic.net/free-photo/vertical-green-screen-heavy-industry-factory-features-metallic-pipes-steel-frameworks_482257-135738.jpg", imageAlt: "Instalaciones de producción de Rubidicol"},
]}
rating={5}
ratingText="Confianza de Empresas en Cataluña"
buttons={[
{ text: "Solicitar Asesoramiento", href: "/contacto" },
{ text: "Conocer Productos", href: "/productos" },
{ text: "Solicitar Asesoramiento", href: "#contact" },
{ text: "Conocer Productos", href: "#products" },
]}
tagAnimation="slide-up"
buttonAnimation="slide-up"
@@ -86,7 +80,7 @@ export default function HomePage() {
description="Con más de 20 años en el sector, Rubidicol SL se ha consolidado como referente local en la fabricación de adhesivos técnicos."
subdescription="Ubicados en Rubí, Polígono Industrial Can Jardí"
icon={Factory}
imageSrc="http://img.b2bpic.net/free-photo/vertical-green-screen-heavy-industry-factory-features-metallic-pipes-steel-frameworks_482257-135738.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/vertical-green-screen-heavy-industry-factory-features-metallic-pipes-steel-frameworks_482257-135738.jpg"
imageAlt="Instalaciones de Rubidicol SL"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -102,24 +96,16 @@ export default function HomePage() {
features={[
{
icon: MapPin,
title: "Producción Local en Rubí",
description: "Fabricación propia con control total de calidad en nuestras instalaciones especializadas.",
},
title: "Producción Local en Rubí", description: "Fabricación propia con control total de calidad en nuestras instalaciones especializadas."},
{
icon: Truck,
title: "Entregas Rápidas",
description: "Servicio logístico ágil para Barcelona y alrededores con disponibilidad inmediata.",
},
title: "Entregas Rápidas", description: "Servicio logístico ágil para Barcelona y alrededores con disponibilidad inmediata."},
{
icon: Users,
title: "Atención Técnica Directa",
description: "Asesoramiento especializado y soporte personalizado para cada cliente y aplicación.",
},
title: "Atención Técnica Directa", description: "Asesoramiento especializado y soporte personalizado para cada cliente y aplicación."},
{
icon: Award,
title: "Control Técnico Riguroso",
description: "Cada lote producido pasa por exhaustivos controles de calidad y homogeneidad.",
},
title: "Control Técnico Riguroso", description: "Cada lote producido pasa por exhaustivos controles de calidad y homogeneidad."},
]}
animationType="slide-up"
textboxLayout="default"
@@ -133,31 +119,16 @@ export default function HomePage() {
title="Nuestros Adhesivos"
description="Soluciones especializadas para cada aplicación industrial con máximo rendimiento garantizado."
tag="Catálogo de Productos"
tagIcon={Award}
tagIcon={Package}
products={[
{
id: "1",
name: "Adhesivo para Madera Premium",
price: "Consultar",
imageSrc: "http://img.b2bpic.net/free-photo/making-restoring-your-own-wooden-furniture-home_52683-109786.jpg?_wi=1",
imageAlt: "Adhesivo para madera de Rubidicol",
initialQuantity: 1,
id: "1", name: "Adhesivo para Madera Premium", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/making-restoring-your-own-wooden-furniture-home_52683-109786.jpg", imageAlt: "Adhesivo para madera de Rubidicol", initialQuantity: 1,
},
{
id: "2",
name: "Adhesivo Estructural para Metal",
price: "Consultar",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-paint-cups_23-2148591234.jpg?_wi=1",
imageAlt: "Adhesivo para metal de Rubidicol",
initialQuantity: 1,
id: "2", name: "Adhesivo Estructural para Metal", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-paint-cups_23-2148591234.jpg", imageAlt: "Adhesivo para metal de Rubidicol", initialQuantity: 1,
},
{
id: "3",
name: "Adhesivo Multiuso Industrial",
price: "Consultar",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-paint-cups_23-2148591236.jpg?_wi=1",
imageAlt: "Adhesivo multiuso de Rubidicol",
initialQuantity: 1,
id: "3", name: "Adhesivo Multiuso Industrial", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/front-view-paint-cups_23-2148591236.jpg", imageAlt: "Adhesivo multiuso de Rubidicol", initialQuantity: 1,
},
]}
gridVariant="three-columns-all-equal-width"
@@ -168,6 +139,53 @@ export default function HomePage() {
/>
</div>
<div id="sectors" data-section="sectors">
<MetricCardTwo
title="Sectores Servidos"
description="Trabajamos con empresas de diversos sectores en Cataluña proporcionando soluciones técnicas especializadas."
tag="Industrias"
tagIcon={Briefcase}
metrics={[
{ id: "1", value: "Carpintería", description: "Mobiliario y Fabricación" },
{ id: "2", value: "Metal", description: "Industria Metalúrgica" },
{ id: "3", value: "Construcción", description: "Proyectos y Obras" },
{ id: "4", value: "Packaging", description: "Soluciones de Embalaje" },
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="slide-up"
/>
</div>
<div id="quality" data-section="quality">
<FeatureHoverPattern
title="Estándares de Calidad Rubidicol"
description="Aplicamos controles técnicos rigurosos en cada lote producido garantizando máxima fiabilidad."
tag="Garantía Técnica"
tagIcon={ShieldCheck}
features={[
{
icon: Beaker,
title: "Homogeneidad de Formulación", description: "Consistencia perfecta en cada lote con rigurosos controles de composición química."},
{
icon: Gauge,
title: "Control de Viscosidad", description: "Viscosidad exacta para cada aplicación industrial según especificaciones técnicas."},
{
icon: Zap,
title: "Ensayos de Resistencia", description: "Pruebas completas de adhesión, durabilidad y resistencia estructural."},
{
icon: Lock,
title: "Seguridad en Almacenamiento", description: "Condiciones óptimas de conservación y manipulación según normativas industriales."},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Lo que Dicen Nuestros Clientes"
@@ -176,41 +194,13 @@ export default function HomePage() {
tagIcon={Quote}
testimonials={[
{
id: "1",
title: "Excelente Calidad y Fiabilidad",
quote: "Llevamos más de 8 años trabajando con Rubidicol y nunca hemos tenido un problema de suministro. Sus adhesivos para madera nos ofrecen una resistencia excelente y el trato siempre es cercano y profesional.",
name: "Jordi M.",
role: "Fabricante de Mobiliario",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Jordi M., cliente de Rubidicol",
},
id: "1", title: "Excelente Calidad y Fiabilidad", quote: "Llevamos más de 8 años trabajando con Rubidicol y nunca hemos tenido un problema de suministro. Sus adhesivos para madera nos ofrecen una resistencia excelente y el trato siempre es cercano y profesional.", name: "Jordi M.", role: "Fabricante de Mobiliario", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jordi M., cliente de Rubidicol"},
{
id: "2",
title: "Soluciones Técnicas Especializadas",
quote: "Rubidicol entiende realmente nuestras necesidades en la industria metalúrgica. Sus adhesivos estructurales cumplen exactamente con nuestras especificaciones técnicas.",
name: "María García",
role: "Ingeniera de Procesos",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",
imageAlt: "María García, cliente de Rubidicol",
},
id: "2", title: "Soluciones Técnicas Especializadas", quote: "Rubidicol entiende realmente nuestras necesidades en la industria metalúrgica. Sus adhesivos estructurales cumplen exactamente con nuestras especificaciones técnicas.", name: "María García", role: "Ingeniera de Procesos", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "María García, cliente de Rubidicol"},
{
id: "3",
title: "Servicio Local Ágil",
quote: "La proximidad es fundamental en nuestro sector. Las entregas rápidas y el soporte técnico directo hacen la diferencia en nuestros proyectos.",
name: "Carlos López",
role: "Responsable de Compras",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "Carlos López, cliente de Rubidicol",
},
id: "3", title: "Servicio Local Ágil", quote: "La proximidad es fundamental en nuestro sector. Las entregas rápidas y el soporte técnico directo hacen la diferencia en nuestros proyectos.", name: "Carlos López", role: "Responsable de Compras", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Carlos López, cliente de Rubidicol"},
{
id: "4",
title: "Confianza Demostrada",
quote: "Rubidicol es nuestro proveedor de adhesivos desde hace 5 años. Consistencia, calidad y profesionalismo en cada interacción.",
name: "Pere Font",
role: "Gerente de Producción",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "Pere Font, cliente de Rubidicol",
},
id: "4", title: "Confianza Demostrada", quote: "Rubidicol es nuestro proveedor de adhesivos desde hace 5 años. Consistencia, calidad y profesionalismo en cada interacción.", name: "Pere Font", role: "Gerente de Producción", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Pere Font, cliente de Rubidicol"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -218,12 +208,78 @@ export default function HomePage() {
/>
</div>
<div id="contact" data-section="contact">
<div className="py-24 px-4 md:px-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-4xl md:text-5xl font-bold mb-6">Solicitar Información Técnica</h2>
<p className="text-lg text-gray-600 mb-12">Contacte con nuestro equipo técnico para resolver sus dudas sobre adhesivos industriales y obtener asesoramiento personalizado.</p>
<form className="space-y-6 bg-white p-8 rounded-lg shadow-lg">
<div>
<label className="block text-sm font-medium mb-2">Nombre completo</label>
<input type="text" placeholder="Nombre completo" className="w-full px-4 py-2 border border-gray-300 rounded-lg" required />
</div>
<div>
<label className="block text-sm font-medium mb-2">Nombre de la empresa</label>
<input type="text" placeholder="Nombre de la empresa" className="w-full px-4 py-2 border border-gray-300 rounded-lg" required />
</div>
<div>
<label className="block text-sm font-medium mb-2">Email de contacto</label>
<input type="email" placeholder="Email de contacto" className="w-full px-4 py-2 border border-gray-300 rounded-lg" required />
</div>
<div>
<label className="block text-sm font-medium mb-2">Teléfono</label>
<input type="tel" placeholder="Teléfono" className="w-full px-4 py-2 border border-gray-300 rounded-lg" required />
</div>
<div>
<label className="block text-sm font-medium mb-2">Mensaje</label>
<textarea placeholder="Describa sus necesidades de adhesivo o consulta técnica..." rows={5} className="w-full px-4 py-2 border border-gray-300 rounded-lg" required></textarea>
</div>
<button type="submit" className="w-full bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition">Enviar Solicitud</button>
</form>
</div>
</div>
</div>
<div id="faq" data-section="faq">
<div className="py-24 px-4 md:px-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-4xl md:text-5xl font-bold mb-6">Preguntas Frecuentes</h2>
<p className="text-lg text-gray-600 mb-12">Encuentre respuestas a las preguntas más comunes sobre nuestros adhesivos industriales y servicios.</p>
<div className="space-y-4">
<details className="bg-white p-6 rounded-lg shadow border border-gray-200">
<summary className="font-semibold cursor-pointer">¿Cuáles son los adhesivos más populares de Rubidicol?</summary>
<p className="mt-4 text-gray-600">Nuestros productos estrella son el adhesivo para madera premium, adhesivo estructural para metal y el adhesivo multiuso industrial. Cada uno está formulado específicamente para aplicaciones particulares con máximo rendimiento.</p>
</details>
<details className="bg-white p-6 rounded-lg shadow border border-gray-200">
<summary className="font-semibold cursor-pointer">¿Cuál es el tiempo de entrega desde Rubí?</summary>
<p className="mt-4 text-gray-600">Ofrecemos entregas rápidas en Barcelona y alrededores. Para solicitudes estándar, el tiempo de entrega es de 24-48 horas. Contacte para consultar disponibilidad de productos específicos.</p>
</details>
<details className="bg-white p-6 rounded-lg shadow border border-gray-200">
<summary className="font-semibold cursor-pointer">¿Disponemos de asesoramiento técnico?</summary>
<p className="mt-4 text-gray-600">Sí, nuestro equipo técnico está disponible para proporcionar asesoramiento especializado sobre la selección de adhesivos, aplicaciones y especificaciones técnicas.</p>
</details>
<details className="bg-white p-6 rounded-lg shadow border border-gray-200">
<summary className="font-semibold cursor-pointer">¿Qué garantía ofrecen en sus adhesivos?</summary>
<p className="mt-4 text-gray-600">Todos nuestros adhesivos cumplen rigurosos estándares de calidad. Garantizamos homogeneidad de formulación, viscosidad exacta y resistencia estructural conforme a especificaciones.</p>
</details>
<details className="bg-white p-6 rounded-lg shadow border border-gray-200">
<summary className="font-semibold cursor-pointer">¿Realizan formulaciones personalizadas?</summary>
<p className="mt-4 text-gray-600">Sí, disponemos de capacidad para crear formulaciones personalizadas adaptadas a aplicaciones específicas. Consulte con nuestro equipo técnico sus requerimientos particulares.</p>
</details>
<details className="bg-white p-6 rounded-lg shadow border border-gray-200">
<summary className="font-semibold cursor-pointer">¿Cuál es el horario de atención?</summary>
<p className="mt-4 text-gray-600">Estamos disponibles de lunes a viernes de 7:00 a 18:00 en nuestras instalaciones de Rubí. Puede contactarnos vía teléfono o email para consultas urgentes.</p>
</details>
</div>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Empresa",
items: [
title: "Empresa", items: [
{ label: "Sobre Nosotros", href: "/empresa" },
{ label: "Productos", href: "/productos" },
{ label: "Sectores", href: "/sectores" },
@@ -231,17 +287,15 @@ export default function HomePage() {
],
},
{
title: "Contacto",
items: [
{ label: "Solicitar Información", href: "/contacto" },
title: "Contacto", items: [
{ label: "Solicitar Información", href: "#contact" },
{ label: "936 97 21 04", href: "tel:+34936972104" },
{ label: "Polígono Industrial Can Jardí, Rubí", href: "https://maps.google.com/?q=Rubidicol+Rubi" },
{ label: "Lunes - Viernes: 7:00 - 18:00", href: "#" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Uso", href: "#" },
{ label: "Política de Cookies", href: "#" },