diff --git a/src/app/page.tsx b/src/app/page.tsx index 3dc30cd..0eb2d26 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="small" sizing="medium" - background="blurBottom" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="gradient" secondaryButtonStyle="radial-glow" @@ -45,17 +45,17 @@ export default function LandingPage() { title="Productos de limpieza a mayoreo para tu negocio" description="Calidad profesional, precios competitivos y distribución confiable. Soluciones de marca blanca para maximizar tus ganancias." tag="Mayoreo Profesional" - background={{ variant: "blurBottom" }} + background={{ variant: "animated-grid" }} buttons={[ { text: "Ver Catálogo", href: "products" }, { text: "Solicitar Cotización", href: "contact" } ]} mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg?_wi=1", imageAlt: "Contenedores de productos de limpieza a mayoreo" }, - { imageSrc: "http://img.b2bpic.net/free-photo/it-expert-monitors-server-farm-activity-using-tablet-while-walking-industrial-platform-data_482257-136209.jpg?_wi=1", imageAlt: "Proceso de llenado de garrafones" }, - { imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg?_wi=2", imageAlt: "Almacenamiento de productos de limpieza" }, - { imageSrc: "http://img.b2bpic.net/free-photo/it-expert-monitors-server-farm-activity-using-tablet-while-walking-industrial-platform-data_482257-136209.jpg?_wi=2", imageAlt: "Producción de limpiadores profesionales" }, - { imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg?_wi=3", imageAlt: "Inventario de productos a granel" } + { imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg", imageAlt: "Contenedores de productos de limpieza a mayoreo" }, + { imageSrc: "http://img.b2bpic.net/free-photo/it-expert-monitors-server-farm-activity-using-tablet-while-walking-industrial-platform-data_482257-136209.jpg", imageAlt: "Proceso de llenado de garrafones" }, + { imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg", imageAlt: "Almacenamiento de productos de limpieza" }, + { imageSrc: "http://img.b2bpic.net/free-photo/it-expert-monitors-server-farm-activity-using-tablet-while-walking-industrial-platform-data_482257-136209.jpg", imageAlt: "Producción de limpiadores profesionales" }, + { imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg", imageAlt: "Inventario de productos a granel" } ]} /> @@ -70,25 +70,25 @@ export default function LandingPage() { id: "ahorro", title: "Ahorro en Mayoreo", descriptions: [ "Compra grandes volúmenes a precios competitivos", "Reduce tus costos operativos significativamente", "Maximiza márgenes de ganancia en tu negocio" ], - imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg?_wi=4", imageAlt: "Ahorro en compras mayoristas" + imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-scientist-is-looking-inside-tank_645730-435.jpg", imageAlt: "Ahorro en compras mayoristas" }, { id: "rotacion", title: "Productos de Alta Rotación", descriptions: [ "Detergentes, suavizantes, cloro y más", "Productos que tus clientes siempre necesitan", "Demanda constante y ventas garantizadas" ], - imageSrc: "http://img.b2bpic.net/free-photo/eco-products-concept-with-copy-space_23-2148781885.jpg?_wi=1", imageAlt: "Productos de limpieza de alta demanda" + imageSrc: "http://img.b2bpic.net/free-photo/eco-products-concept-with-copy-space_23-2148781885.jpg", imageAlt: "Productos de limpieza de alta demanda" }, { id: "blanca", title: "Marca Blanca Personalizada", descriptions: [ "Ideal para negocios que desean su propia marca", "Etiquetado personalizado sin costo adicional", "Diferenciación en el mercado con tu identidad" ], - imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-disinfecting-solution_23-2148705047.jpg?_wi=1", imageAlt: "Productos con marca blanca personalizada" + imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-disinfecting-solution_23-2148705047.jpg", imageAlt: "Productos con marca blanca personalizada" }, { id: "distribucion", title: "Distribución Confiable", descriptions: [ "Entrega constante y productos de calidad", "Logística optimizada en toda la región", "Servicio profesional y puntual" ], - imageSrc: "http://img.b2bpic.net/free-photo/it-expert-monitors-server-farm-activity-using-tablet-while-walking-industrial-platform-data_482257-136209.jpg?_wi=3", imageAlt: "Proceso de distribución profesional" + imageSrc: "http://img.b2bpic.net/free-photo/it-expert-monitors-server-farm-activity-using-tablet-while-walking-industrial-platform-data_482257-136209.jpg", imageAlt: "Proceso de distribución profesional" } ]} gridVariant="two-columns-alternating-heights" @@ -105,7 +105,7 @@ export default function LandingPage() { tag="Catálogo" products={[ { - id: "1", name: "Detergente Líquido Premium", price: "Desde $15/litro", imageSrc: "http://img.b2bpic.net/free-photo/eco-products-concept-with-copy-space_23-2148781885.jpg?_wi=2", imageAlt: "Detergente líquido concentrado" + id: "1", name: "Detergente Líquido Premium", price: "Desde $15/litro", imageSrc: "http://img.b2bpic.net/free-photo/eco-products-concept-with-copy-space_23-2148781885.jpg", imageAlt: "Detergente líquido concentrado" }, { id: "2", name: "Suavizante de Tela Concentrado", price: "Desde $12/litro", imageSrc: "http://img.b2bpic.net/free-photo/beauty-care-cosmetic-product-with-pink-tones_23-2151005516.jpg", imageAlt: "Suavizante concentrado de alta calidad" @@ -117,7 +117,7 @@ export default function LandingPage() { id: "4", name: "Desengrasante Potente", price: "Desde $18/litro", imageSrc: "http://img.b2bpic.net/free-photo/water-towel-red-seat_23-2147735046.jpg", imageAlt: "Desengrasante industrial de alto rendimiento" }, { - id: "5", name: "Limpiador Multiusos", price: "Desde $10/litro", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-disinfecting-solution_23-2148705047.jpg?_wi=2", imageAlt: "Limpiador multiusos universal" + id: "5", name: "Limpiador Multiusos", price: "Desde $10/litro", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-disinfecting-solution_23-2148705047.jpg", imageAlt: "Limpiador multiusos universal" }, { id: "6", name: "Jabón para Trastes", price: "Desde $9/litro", imageSrc: "http://img.b2bpic.net/free-photo/white-container-bleach-marble_114579-38480.jpg", imageAlt: "Jabón concentrado para lavar platos" @@ -228,7 +228,7 @@ export default function LandingPage() { title: "Información", items: [ { label: "Teléfono: +52 (555) 1234-5678", href: "tel:+5555512345678" }, { label: "WhatsApp: +52 (555) 1234-5678", href: "https://wa.me/5555512345678" }, - { label: "Email: contacto@limpiomayo r.com", href: "mailto:contacto@limpiomayo r.com" }, + { label: "Email: contacto@limpiomay or.com", href: "mailto:contacto@limpiomayo r.com" }, { label: "Horario: Lunes a Viernes 8am - 6pm", href: "#" } ] }, diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..1242408 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,29 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ text, className = '' }) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file