bender/304cb3d6-853f-4ab4-8682-79c57a730df1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #3

Merged
bender merged 2 commits from version_4 into main 2026-04-20 16:11:55 +00:00
Conversation 0 Commits 2 Files Changed 2 +46 -156
2 changed files with 46 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/app/page.tsx
View File

@@ -3,14 +3,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { CheckCircle, Clock, MapPin, MessageSquare, Star } from "lucide-react";
export default function LandingPage() {
@@ -31,14 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio", id: "hero"},
{
name: "Categorías", id: "categorias"},
{
name: "Servicios", id: "servicios"},
{
name: "Contacto", id: "contacto"},
{ name: "Inicio", id: "hero" },
{ name: "Categorías", id: "categorias" },
{ name: "Servicios", id: "servicios" },
{ name: "Contacto", id: "contacto" },
]}
brandName="Ferretería Fischer"
/>
@@ -46,63 +43,25 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Soluciones rápidas para tu hogar, siempre a mano"
description="Ferretería Fischer – variedad, precio y soluciones prácticas. Tu ferretería de confianza en el barrio, lista para lo que necesites."
buttons={[
{
text: "Ver productos", href: "#categorias"},
{
text: "Escribir por WhatsApp", href: "https://wa.me/549110000000"},
{ text: "Ver productos", href: "#categorias" },
{ text: "Escribir por WhatsApp", href: "https://wa.me/549110000000" },
]}
imageSrc="http://img.b2bpic.net/free-photo/group-friends-enjoying-drinks-bar_23-2147859498.jpg"
imageAlt="Interior de nuestra ferretería"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg", alt: "Cliente satisfecho 1"},
{
src: "http://img.b2bpic.net/free-photo/cute-korean-barista-girl-pouring-coffee-prepare-filter-batch-brew-pour-working-cafe_1258-197409.jpg", alt: "Cliente satisfecho 2"},
{
src: "http://img.b2bpic.net/free-photo/shop-sign-neon-lights-with-mannequin_23-2148283878.jpg", alt: "Cliente satisfecho 3"},
{
src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3089.jpg", alt: "Cliente satisfecho 4"},
{
src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg", alt: "Cliente satisfecho 5"},
]}
avatarText="Más de 500 vecinos nos eligen"
marqueeItems={[
{
type: "text", text: "Atención personalizada"},
{
type: "text", text: "Precios competitivos"},
{
type: "text", text: "Ubicación céntrica"},
{
type: "text", text: "Calidad garantizada"},
{
type: "text", text: "Soluciones rápidas"},
]}
/>
</div>
<div id="confianza" data-section="confianza">
<AboutMetric
<SocialProofOne
names={["Bosch", "Makita", "Stanley", "Dewalt", "Black+Decker"]}
title="Marcas líderes que confían en nosotros"
description="Solo trabajamos con proveedores de alta calidad para garantizarte el mejor resultado."
useInvertedBackground={true}
title="Te asesoramos en serio (aunque no sepas nada)"
metrics={[
{
icon: Star,
label: "Rating", value: "4.0"},
{
icon: CheckCircle,
label: "Asesoramiento", value: "Sin vueltas"},
{
icon: Clock,
label: "Soluciones", value: "Rápidas"},
]}
metricsAnimation="slide-up"
/>
</div>
@@ -113,18 +72,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1", name: "Herramientas", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg"},
{
id: "2", name: "Electricidad", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-25060.jpg"},
{
id: "3", name: "Plomería", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg"},
{
id: "4", name: "Pinturería", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-artist-brushes_23-2148575564.jpg"},
{
id: "5", name: "Cerrajería", price: "Corte de llaves", imageSrc: "http://img.b2bpic.net/free-photo/key-icon-left-side_187299-39488.jpg"},
{
id: "6", name: "Servicios Pro", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-vector/tool-icons-collection_1284-904.jpg"},
{ id: "1", name: "Herramientas", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg" },
{ id: "2", name: "Electricidad", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-25060.jpg" },
{ id: "3", name: "Plomería", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg" },
{ id: "4", name: "Pinturería", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-artist-brushes_23-2148575564.jpg" },
{ id: "5", name: "Cerrajería", price: "Corte de llaves", imageSrc: "http://img.b2bpic.net/free-photo/key-icon-left-side_187299-39488.jpg" },
{ id: "6", name: "Servicios Pro", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-vector/tool-icons-collection_1284-904.jpg" },
]}
title="Encontrá lo que buscás"
description="Dividido por categorías para tu comodidad."
@@ -137,12 +90,9 @@ export default function LandingPage() {
title="Por qué elegir Fischer"
description="Más que una ferretería, somos tu aliado para los arreglos del hogar."
accordionItems={[
{
id: "d1", title: "Gran variedad", content: "Tenemos de todo, desde el tornillo más pequeño hasta herramientas profesionales."},
{
id: "d2", title: "Buenos precios", content: "Calidad al mejor precio para cuidar tu economía."},
{
id: "d3", title: "Atención personalizada", content: "Te dedicamos el tiempo necesario para que te lleves lo que realmente necesitás."},
{ id: "d1", title: "Gran variedad", content: "Tenemos de todo, desde el tornillo más pequeño hasta herramientas profesionales." },
{ id: "d2", title: "Buenos precios", content: "Calidad al mejor precio para cuidar tu economía." },
{ id: "d3", title: "Atención personalizada", content: "Te dedicamos el tiempo necesario para que te lleves lo que realmente necesitás." },
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-with-mouth-opened-looking-camera_23-2147679210.jpg"
mediaAnimation="slide-up"
@@ -150,95 +100,35 @@ export default function LandingPage() {
</div>
<div id="servicios" data-section="servicios">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
<FaqSplitMedia
faqs={[
{
id: "s1", title: "Corte de llaves", content: "Hacemos duplicados en el momento con máxima precisión."},
{
id: "s2", title: "Envíos a domicilio", content: "Consultanos por envíos en la zona."},
{
id: "s3", title: "Asesoramiento técnico", content: "¿No sabés qué comprar? Mandanos una foto por WhatsApp y te guiamos."},
{ id: "s1", title: "Corte de llaves", content: "Hacemos duplicados en el momento con máxima precisión." },
{ id: "s2", title: "Envíos a domicilio", content: "Consultanos por envíos en la zona." },
{ id: "s3", title: "Asesoramiento técnico", content: "¿No sabés qué comprar? Mandanos una foto por WhatsApp y te guiamos." },
]}
title="Servicios Especiales"
description="Ofrecemos soluciones para facilitarte la vida."
title="Preguntas Frecuentes"
description="Resolvemos tus dudas rápidamente."
imageSrc="http://img.b2bpic.net/free-photo/man-using-smartphone_23-2148401344.jpg"
faqsAnimation="slide-up"
/>
</div>
<div id="horarios" data-section="horarios">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "h1", value: "Lunes a Viernes", description: "8:30 - 19:30"},
{
id: "h2", value: "Sábados", description: "9:00 - 13:00"},
{
id: "h3", value: "WhatsApp", description: "24/7 para consultas"},
]}
title="Horarios de Atención"
description="Te recomendamos consultar por WhatsApp antes de venir por cualquier duda."
/>
</div>
<div id="cta" data-section="cta">
<AboutMetric
useInvertedBackground={true}
title="¿Necesitás algo YA?"
metrics={[
{
icon: MessageSquare,
label: "WhatsApp", value: "¡Escribinos!"},
{
icon: MapPin,
label: "Ubicación", value: "Monroe 4401"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="contacto" data-section="contacto">
<ContactSplitForm
<ContactText
text="¿Necesitás una solución ahora mismo? Contactanos directamente por WhatsApp para atención inmediata."
buttons={[{ text: "Hablar por WhatsApp", href: "https://wa.me/549110000000" }]}
background={{ variant: "gradient-bars" }}
useInvertedBackground={true}
title="Vení a conocernos"
description="Estamos en Monroe 4401, CABA. ¡Vení sin vueltas!"
inputs={[
{
name: "nombre", type: "text", placeholder: "Tu nombre", required: true,
},
{
name: "consulta", type: "text", placeholder: "Tu consulta", required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/location-symbol-with-building_23-2150169883.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterLogoEmphasis
logoText="Ferretería Fischer"
columns={[
{
title: "Ferretería Fischer", items: [
{
label: "Monroe 4401, CABA", href: "#contacto"},
],
},
{
title: "Navegación", items: [
{
label: "Categorías", href: "#categorias"},
{
label: "Servicios", href: "#servicios"},
],
},
{ items: [{ label: "Categorías", href: "#categorias" }, { label: "Servicios", href: "#servicios" }] },
{ items: [{ label: "WhatsApp", href: "https://wa.me/549110000000" }, { label: "Monroe 4401, CABA" }] }
]}
bottomLeftText="© 2024 Ferretería Fischer"
bottomRightText="Todos los derechos reservados"
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #1a1a1a;
--card: #262626;
--foreground: #f5f5f5;
--primary-cta: #fde047;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #333333;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #fde047;
--background-accent: #fde047;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);