From c6f56e9877add2ee4b8a992fbcfd7985146bcc55 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 10:38:56 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c40719e..f0cc28c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -54,7 +54,7 @@ export default function LandingPage() { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-lipstick-arrangement-plain-background_23-2148306680.jpg", imageAlt: "Premium lipstick product showcase" }, { - imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-hand-holding-lip-care_1150-14163.jpg?_wi=1", imageAlt: "Red luxury lipstick" + imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-hand-holding-lip-care_1150-14163.jpg", imageAlt: "Red luxury lipstick" } ]} rating={5} @@ -74,7 +74,7 @@ export default function LandingPage() { tagIcon={Palette} products={[ { - id: "1", name: "Crimson Dream", price: "$28", variant: "Classic Red • 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-hand-holding-lip-care_1150-14163.jpg?_wi=2", imageAlt: "Crimson Dream red lipstick" + id: "1", name: "Crimson Dream", price: "$28", variant: "Classic Red • 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-hand-holding-lip-care_1150-14163.jpg", imageAlt: "Crimson Dream red lipstick" }, { id: "2", name: "Nude Romance", price: "$28", variant: "Warm Nude • 4 Colors", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-red-silk_23-2148978202.jpg", imageAlt: "Nude Romance nude lipstick" @@ -116,11 +116,11 @@ export default function LandingPage() { features={[ { id: "1", title: "Long-Lasting Color", author: "24-Hour Wear", description: "Vibrant color that stays put from morning to night. Smudge-proof formula that doesn't fade.", tags: ["Durability", "Professional"], - imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-applying-makeup_23-2148113125.jpg?_wi=1", imageAlt: "Long-lasting lipstick application" + imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-applying-makeup_23-2148113125.jpg", imageAlt: "Long-lasting lipstick application" }, { id: "2", title: "Hydrating Formula", author: "Comfort First", description: "Enriched with natural oils and vitamins. Your lips stay soft, moisturized, and beautiful all day.", tags: ["Care", "Natural"], - imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-applying-makeup_23-2148113125.jpg?_wi=2", imageAlt: "Hydrating lipstick formula" + imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-applying-makeup_23-2148113125.jpg", imageAlt: "Hydrating lipstick formula" } ]} animationType="slide-up" @@ -154,8 +154,8 @@ export default function LandingPage() { tagIcon={Award} textboxLayout="default" useInvertedBackground={false} - logos={[ - "http://img.b2bpic.net/free-photo/purple-lipstick-shade-pink-background-flat-lay_23-2149518337.jpg", "http://img.b2bpic.net/free-vector/gradient-luxury-logo-template_23-2150816442.jpg", "http://img.b2bpic.net/free-vector/flat-design-fashion-week-youtube-thumbnail_23-2151084398.jpg", "http://img.b2bpic.net/free-vector/books-logo-set-different-colors_60389-96.jpg", "http://img.b2bpic.net/free-vector/set-flat-design-ai-logo-template_23-2148914664.jpg", "http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pastel-colors_52683-30203.jpg", "http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-set_23-2148828530.jpg" + names={[ + "Sephora", "Ulta Beauty", "Vogue", "Harper's Bazaar", "Allure", "Elle", "Nylon" ]} speed={40} showCard={true} -- 2.49.1 From 61676f0c9b6a31e063ee16a6317aec0ecc07d5ca Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 10:38:56 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 68 +++++++++---------- 1 file changed, 31 insertions(+), 37 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..b209d6d 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,45 @@ -"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; + fontSize?: number; + fontFamily?: string; + fontWeight?: number | string; + letterSpacing?: number; + fillColor?: 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 = '', + fontSize = 48, + fontFamily = 'system-ui, -apple-system, sans-serif', + fontWeight = 700, + letterSpacing = 0, + fillColor = 'currentColor', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1