8 Commits

Author SHA1 Message Date
bf2dfd06f9 Update src/app/page.tsx 2026-04-30 15:25:10 +00:00
83a4c7a77f Merge version_3 into main
Merge version_3 into main
2026-04-30 15:23:57 +00:00
bd02fbdf89 Update src/app/products/page.tsx 2026-04-30 15:23:54 +00:00
4668a82bc7 Merge version_3 into main
Merge version_3 into main
2026-04-30 15:23:32 +00:00
411686fc8b Add src/app/products/page.tsx 2026-04-30 15:23:29 +00:00
2c28f77976 Update src/app/page.tsx 2026-04-30 15:23:28 +00:00
27455cf62a Merge version_2 into main
Merge version_2 into main
2026-04-30 15:21:15 +00:00
b0abed3854 Merge version_2 into main
Merge version_2 into main
2026-04-30 15:20:48 +00:00
2 changed files with 99 additions and 5 deletions

View File

@@ -11,7 +11,7 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import { CheckCircle, Wrench } from 'lucide-react'; import { CheckCircle, Wrench, MessageSquare, Truck, ShieldCheck } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,7 +32,7 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ name: "Inicio", id: "hero" }, { name: "Inicio", id: "hero" },
{ name: "Productos", id: "products" }, { name: "Productos", id: "/products" },
{ name: "Asesoramiento", id: "assistant" }, { name: "Asesoramiento", id: "assistant" },
{ name: "Contacto", id: "contact" }, { name: "Contacto", id: "contact" },
]} ]}
@@ -45,7 +45,7 @@ export default function LandingPage() {
background={{ variant: "gradient-bars" }} background={{ variant: "gradient-bars" }}
title="Todo para tu baño, cocina y gas — sin vueltas" title="Todo para tu baño, cocina y gas — sin vueltas"
description="Te asesoramos antes de comprar. Evitá errores con expertos de confianza en Merlo." description="Te asesoramos antes de comprar. Evitá errores con expertos de confianza en Merlo."
buttons={[{ text: "Ver productos", href: "#products" }, { text: "Hablar con un experto", href: "https://wa.me/541100000000" }]} buttons={[{ text: "Ver productos", href: "/products" }, { text: "Hablar con un experto", href: "https://wa.me/541100000000" }]}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821283.jpg" imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821283.jpg"
/> />
</div> </div>
@@ -72,7 +72,11 @@ export default function LandingPage() {
buttons={[{ text: "Consultar ahora", href: "https://wa.me/541100000000" }]} buttons={[{ text: "Consultar ahora", href: "https://wa.me/541100000000" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg" imageSrc="http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
bulletPoints={[]} bulletPoints={[
{ title: "Atención personalizada", description: "Atención uno a uno con expertos en la materia.", icon: MessageSquare },
{ title: "Envío a domicilio en Merlo", description: "Recibí tus productos en la comodidad de tu hogar.", icon: Truck },
{ title: "Productos certificados", description: "Solo trabajamos con marcas homologadas.", icon: ShieldCheck }
]}
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>

90
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,90 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="medium"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Inicio", id: "/" },
{ name: "Productos", id: "/products" },
{ name: "Asesoramiento", id: "/#assistant" },
{ name: "Contacto", id: "/#contact" },
]}
brandName="ParqueGas"
/>
<div id="products">
<ProductCardOne
title="Nuestro Catálogo"
description="Encuentra la pieza exacta para tu instalación."
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "1", name: "Grifería Premium", price: "$55.000", imageSrc: "http://img.b2bpic.net/free-photo/silver-basin-mixer-isolated-gray-background_181624-59278.jpg" },
{ id: "2", name: "Kit Repuesto Gas", price: "$28.000", imageSrc: "http://img.b2bpic.net/free-photo/nature-kitchen-flow-open-closeup_1203-5200.jpg" },
{ id: "3", name: "Filtro de Agua", price: "$32.000", imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-20021.jpg" }
]}
/>
</div>
<div id="compatibility">
<FeatureCardTen
title="¿Es compatible?"
description="No te preocupes por el ajuste. Analizamos cada modelo."
textboxLayout="inline-image"
animationType="blur-reveal"
useInvertedBackground={false}
features={[
{
title: "Validación técnica", description: "Verificamos medidas y roscas antes de enviarte cualquier repuesto.", media: { imageSrc: "http://img.b2bpic.net/free-photo/faucet-sink_74190-4120.jpg" },
items: [],
reverse: false
}
]}
/>
</div>
<div id="assistant">
<SplitAbout
title="Soporte por WhatsApp"
description="¿Tienes dudas técnicas? Envíale una foto a nuestros expertos y te asistiremos."
textboxLayout="split-actions"
buttons={[{ text: "Chat con experto", href: "https://wa.me/541100000000" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg"
mediaAnimation="slide-up"
bulletPoints={[]}
useInvertedBackground={false}
/>
</div>
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36695.jpg"
logoText="ParqueGas"
columns={[{ title: "Ayuda", items: [{ label: "WhatsApp", href: "https://wa.me/541100000000" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}