183 lines
11 KiB
TypeScript
183 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import Link from 'next/link';
|
||
import { MessageCircle, Store, Package, Clock, Star, Users, Briefcase, Award, Hammer, Drill, HardHat, Leaf, Paintbrush, Faucet, Bolt, Zap, SprayCan, Home, Grid, Lock } from 'lucide-react';
|
||
|
||
export default function HomePage() {
|
||
const navItems = [
|
||
{ name: "Inicio", id: "/" },
|
||
{ name: "Productos", id: "/productos" },
|
||
{ name: "Contacto", id: "/contacto" }
|
||
];
|
||
|
||
const footerNavItemsColumn1 = [
|
||
{ label: "Herramientas Manuales", href: "/productos" },
|
||
{ label: "Herramientas Eléctricas", href: "/productos" },
|
||
{ label: "Construcción", href: "/productos" },
|
||
{ label: "Jardín y Exterior", href: "/productos" },
|
||
{ label: "Pinturería", href: "/productos" },
|
||
{ label: "Plomería y Gas", href: "/productos" },
|
||
{ label: "Electricidad", href: "/productos" },
|
||
{ label: "Cerrajería y Seguridad", href: "/productos" }
|
||
];
|
||
|
||
const footerNavItemsColumn2 = [
|
||
{ label: "Inicio", href: "/" },
|
||
{ label: "Catálogo", href: "/productos" },
|
||
{ label: "Contacto", href: "/contacto" },
|
||
{ label: "WhatsApp", href: "https://wa.me/5492915111489" }
|
||
];
|
||
|
||
const footerNavItemsColumn3 = [
|
||
{ label: "14 de Julio 2857", href: "https://maps.app.goo.gl/address" },
|
||
{ label: "Bahía Blanca, BA", href: "https://maps.app.goo.gl/address" },
|
||
{ label: "Lun–Vie 8:00–18:00", href: "#" },
|
||
{ label: "Sáb 8:00–13:00", href: "#" },
|
||
{ label: "+54 9 291 511-1489", href: "tel:+5492915111489" }
|
||
];
|
||
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="FerreShop"
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uujncs"
|
||
logoAlt="FerreShop Logo"
|
||
navItems={navItems}
|
||
button={{ text: "WhatsApp", href: "https://wa.me/5492915111489" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero" className="bg-[var(--background-accent)]">
|
||
<HeroLogo
|
||
logoText="Todo lo que\nnecesitás\npara tu obra."
|
||
description="Más de 5.000 productos en stock. Herramientas, plomería, electricidad, pinturería y más. Atención al gremio y al particular.\
|
||
\n5.000+ Productos · 40+ Años de trayectoria · 4.7★ Calificación Google"
|
||
buttons={[
|
||
{ text: "Ver catálogo →", href: "/productos" },
|
||
{ text: "Consultar por WhatsApp", href: "https://wa.me/5492915111489" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/busy-workshop-with-broken-mountain-bicycle-table_613910-20760.jpg"
|
||
imageAlt="Industrial workshop with tools"
|
||
showDimOverlay={true}
|
||
ariaLabel="Hero section with headline and call to action for FerreShop"
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust-metrics" data-section="trust-metrics">
|
||
<MetricCardOne
|
||
title="Confianza y Trayectoria"
|
||
description="Conocé por qué somos tu mejor opción en Bahía Blanca."
|
||
metrics={[
|
||
{ id: "metric-1", value: "Local Físico", title: "14 de Julio 2857, BB", description: "", icon: Store },
|
||
{ id: "metric-2", value: "Envíos y Retiros", title: "Coordiná por WhatsApp", description: "", icon: Package },
|
||
{ id: "metric-3", value: "Horario Corrido", title: "Lun–Vie 8–18 · Sáb 8–13", description: "", icon: Clock },
|
||
{ id: "metric-4", value: "4.7 en Google", title: "Más de 150 reseñas", description: "", icon: Star }
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
ariaLabel="FerreShop trust metrics section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="categories" data-section="categories">
|
||
<FeatureHoverPattern
|
||
tag="Explorá por rubro"
|
||
title="Encontrá lo que buscás"
|
||
description="Ver todo el catálogo →"
|
||
features={[
|
||
{ icon: Hammer, title: "Herramientas Manuales", description: "Gherardi, El Roble, Santa Juana.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Drill, title: "Herramientas Eléctricas", description: "Variedad de marcas y modelos.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: HardHat, title: "Construcción", description: "Albañilería y materiales.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Leaf, title: "Jardín y Exterior", description: "Todo para tu espacio verde.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Paintbrush, title: "Pinturería", description: "Colores y accesorios.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Faucet, title: "Plomería y Gas", description: "Soluciones para tu hogar.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Bolt, title: "Tornillería y Fijaciones", description: "Amplia variedad en stock.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Lock, title: "Cerrajería y Seguridad", description: "Protege lo que más importa.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Zap, title: "Electricidad", description: "Materiales y accesorios.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: SprayCan, title: "Limpieza y Hogar", description: "Productos esenciales.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Link, title: "Accesorios y Soportes", description: "Completá tus proyectos.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Home, title: "Decoración y Aberturas", description: "Para tu espacio ideal.", button: { text: "Explorar", href: "/productos" } },
|
||
{ icon: Grid, title: "Otros", description: "Consulta por otros productos.", button: { text: "Explorar", href: "/productos" } }
|
||
]}
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
ariaLabel="Product categories to explore"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose-us" data-section="why-choose-us">
|
||
<MetricCardOne
|
||
title="¿Por qué elegir FerreShop?"
|
||
description="Descubrí los beneficios de comprar con nosotros."
|
||
metrics={[
|
||
{ id: "metric-5", value: "Expertos", title: "Asesoramiento Profesional", description: "Nuestro equipo te guiará en cada proyecto.", icon: Users },
|
||
{ id: "metric-6", value: "Calidad", title: "Marcas Líderes", description: "Solo trabajamos con productos de alta gama.", icon: Award },
|
||
{ id: "metric-7", value: "Variedad", title: "El Mayor Stock", description: "Más de 5.000 productos disponibles.", icon: Briefcase }
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
ariaLabel="Why choose FerreShop section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials" className="bg-[var(--background-accent)]">
|
||
<TestimonialCardTwo
|
||
tag="Lo que dicen nuestros clientes"
|
||
title="La mejor ferretería de Bahía Blanca."
|
||
description="4.7 promedio en Google"
|
||
testimonials={[
|
||
{ id: "1", name: "Matias Rial", role: "Cliente", testimonial: "La mejor ferretería. Buen surtido, precio y calidad. Excelente atención.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-expressing-dissatisfaction-blue-shirt-looking-displeased-front-view_176474-99162.jpg", imageAlt: "Avatar of Matias Rial", icon: Star },
|
||
{ id: "2", name: "Gaby Trujillo", role: "Cliente", testimonial: "Tienen de todo, y te atienden de 10. Siempre tengo la solución que necesito.", imageSrc: "http://img.b2bpic.net/free-photo/packaging-advisor-having-merchandise-boxes-hands_482257-88034.jpg", imageAlt: "Avatar of Gaby Trujillo", icon: Star },
|
||
{ id: "3", name: "Guillermo Calderoni", role: "Cliente", testimonial: "Personal que asesora de forma muy profesional con amplios conocimientos. Los recomiendo.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-service-agent_23-2151933145.jpg", imageAlt: "Avatar of Guillermo Calderoni", icon: Star },
|
||
{ id: "4", name: "Juan Perez", role: "Cliente", testimonial: "Excelente atención y variedad de productos. Siempre encuentro lo que busco.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg", imageAlt: "Avatar of Juan Perez", icon: Star },
|
||
{ id: "5", name: "Maria Lopez", role: "Cliente", testimonial: "Muy buenos precios y la calidad de los productos es inmejorable. Recomiendo FerreShop.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170408.jpg", imageAlt: "Avatar of Maria Lopez", icon: Star }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
ariaLabel="Customer testimonials section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer" className="bg-[#1C1C1E]">
|
||
<FooterBase
|
||
logoText="FerreShop"
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uujncs"
|
||
logoAlt="FerreShop Logo"
|
||
columns={[
|
||
{ title: "Categorías", items: footerNavItemsColumn1 },
|
||
{ title: "Navegación", items: footerNavItemsColumn2 },
|
||
{ title: "Local", items: footerNavItemsColumn3 }
|
||
]}
|
||
copyrightText="© 2026 FerreShop · Bahía Blanca · Todos los precios son de referencia · Consultá disponibilidad"
|
||
ariaLabel="Site footer for FerreShop"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|