diff --git a/src/app/page.tsx b/src/app/page.tsx index 24ca917..13aa505 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterMedia from "@/components/sections/footer/FooterMedia"; -import { Award, Check, CheckCircle, Mail, Package, Sparkles, Tag, Truck, Users, Wrench, Zap } from "lucide-react"; +import { Award, Check, CheckCircle, Mail, Package, Sparkles, Tag, Truck, Users, Wrench, Zap, Phone, Heart, MessageSquare } from "lucide-react"; export default function LandingPage() { return ( @@ -45,7 +45,7 @@ export default function LandingPage() { tag="¡30% de descuento en colchones!" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "circle-gradient" }} + background={{ variant: "glowing-orb" }} buttons={[ { text: "Llámanos Ahora", href: "tel:+34948407XXX" }, { text: "Solicita Información", href: "#contact" } @@ -161,7 +161,7 @@ export default function LandingPage() { items: [ { icon: Truck, text: "Entrega en 5-7 días" }, { icon: Wrench, text: "Instalación profesional" }, - { icon: CheckCircle, text: "Soporte post-venta" } + { icon: Phone, text: "Soporte post-venta" } ], reverse: true }, @@ -169,8 +169,8 @@ export default function LandingPage() { id: "3", title: "Atención Personalizada", description: "Nuestro equipo experto está disponible para asesorarte en la selección del sofá perfecto para tu hogar y necesidades.", media: { imageSrc: "http://img.b2bpic.net/free-photo/colleagues-taking-break-from-repairing-computers_23-2150881015.jpg" }, items: [ { icon: Users, text: "Equipo especializado" }, - { icon: CheckCircle, text: "Consultas disponibles" }, - { icon: CheckCircle, text: "Satisfacción garantizada" } + { icon: MessageSquare, text: "Consultas disponibles" }, + { icon: Heart, text: "Satisfacción garantizada" } ], reverse: false } diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..a786ed2 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,30 @@ -"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;