From 3a222b2a77e0fa8c7f04361471909413de972b58 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 13:33:52 +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 ae9e578..9adeb74 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -67,28 +67,28 @@ export default function LandingPage() { title: "Advanced Camera System", description: "Capture life's moments with professional-grade photography and cinematography capabilities.", icon: Camera, mediaItems: [ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/close-up-product-photography-of-an-advan-1773235939231-632ad03a.png", imageAlt: "Advanced camera system" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png?_wi=1", imageAlt: "Camera interface" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png", imageAlt: "Camera interface" } ] }, { title: "Powerful Processor", description: "Experience lightning-fast performance with our cutting-edge custom-engineered processor.", icon: Zap, mediaItems: [ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/sleek-representation-of-cutting-edge-pro-1773235939742-86d07f4f.png", imageAlt: "Processor technology" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png?_wi=2", imageAlt: "Performance metrics" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png", imageAlt: "Performance metrics" } ] }, { title: "All-Day Battery", description: "Stay connected from sunrise to sunset with exceptional battery life.", icon: Battery, mediaItems: [ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/innovative-battery-technology-visualizat-1773235939778-dc21971f.png", imageAlt: "Battery technology" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png?_wi=3", imageAlt: "Battery performance" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png", imageAlt: "Battery performance" } ] }, { title: "Premium Build Quality", description: "Crafted from the finest materials with meticulous attention to detail.", icon: Shield, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/premium-product-design-showcase-highligh-1773235940891-156289a3.png?_wi=1", imageAlt: "Premium materials" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png?_wi=4", imageAlt: "Design details" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/premium-product-design-showcase-highligh-1773235940891-156289a3.png", imageAlt: "Premium materials" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/beautiful-product-display-showing-innova-1773235939379-341236b1.png", imageAlt: "Design details" } ] } ]} @@ -105,7 +105,7 @@ export default function LandingPage() { description="Sarah Chen" subdescription="Tech Innovator & Product Designer" icon={Star} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/premium-product-design-showcase-highligh-1773235940891-156289a3.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ankl1VR1lMaKgN5h04HR4nBfKQ/premium-product-design-showcase-highligh-1773235940891-156289a3.png" imageAlt="Premium product design" mediaAnimation="slide-up" useInvertedBackground={false} From 2028788bc48ea2955bd621ef1336aa502bf4484a Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 13:33:52 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 70 ++++++++++--------- 1 file changed, 36 insertions(+), 34 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..279fde3 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,53 @@ -"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; + fontWeight?: number | string; + letterSpacing?: number; } -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, + fontWeight = 700, + letterSpacing = 0, +}) => { + const textWidth = text.length * (fontSize * 0.6); + const viewBoxWidth = textWidth + 40; + const viewBoxHeight = fontSize + 20; return ( + + + + + + - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;