From 1f88088c620b0a05dfd6d04633728dfe8677e7e4 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 19:15:20 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9a5c6be..47b473e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -45,18 +45,18 @@ export default function LandingPage() { @@ -89,9 +89,9 @@ export default function LandingPage() { carouselMode="buttons" products={[ { id: "underwear", name: "Cotton Underwear", price: "Premium Quality", variant: "Multiple Sizes & Colors", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-shapewear-front-view_23-2149956335.jpg", imageAlt: "Premium cotton underwear collection" }, - { id: "clothing", name: "Cotton Clothing", price: "Comfortable Basics", variant: "T-Shirts, Basics, Apparel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-detail_23-2149385262.jpg?_wi=2", imageAlt: "Natural cotton clothing collection" }, - { id: "fabrics", name: "Premium Cotton Fabrics", price: "100% Natural", variant: "High-Quality Textiles", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575336.jpg?_wi=2", imageAlt: "Premium cotton fabrics and textiles" }, - { id: "household", name: "Household Cotton Products", price: "Home Essentials", variant: "Linens, Towels & More", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangement-with-fresh-sheets_23-2150551110.jpg?_wi=2", imageAlt: "Cotton household textiles collection" } + { id: "clothing", name: "Cotton Clothing", price: "Comfortable Basics", variant: "T-Shirts, Basics, Apparel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-detail_23-2149385262.jpg", imageAlt: "Natural cotton clothing collection" }, + { id: "fabrics", name: "Premium Cotton Fabrics", price: "100% Natural", variant: "High-Quality Textiles", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575336.jpg", imageAlt: "Premium cotton fabrics and textiles" }, + { id: "household", name: "Household Cotton Products", price: "Home Essentials", variant: "Linens, Towels & More", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangement-with-fresh-sheets_23-2150551110.jpg", imageAlt: "Cotton household textiles collection" } ]} /> @@ -140,7 +140,7 @@ export default function LandingPage() { useInvertedBackground={false} mediaAnimation="slide-up" mediaPosition="right" - imageSrc="http://img.b2bpic.net/free-photo/shopping-mall-with-people-motion_1203-521.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/shopping-mall-with-people-motion_1203-521.jpg" imageAlt="Cottonil Al Barsha store location" inputs={[ { name: "name", type: "text", placeholder: "Your Name", required: true }, @@ -159,7 +159,7 @@ export default function LandingPage() { description="Experience premium cotton quality and exceptional customer service" subdescription="Al Barsha 1, Dubai | Open Daily" icon={MapPin} - imageSrc="http://img.b2bpic.net/free-photo/arm-hand-resting-rust-colored-linen_23-2152029616.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/arm-hand-resting-rust-colored-linen_23-2152029616.jpg" imageAlt="Cottonil premium collection" useInvertedBackground={false} mediaAnimation="slide-up" -- 2.49.1 From 2431d6b41044ce55696af5d4190c470009c2bbe9 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 19:15:20 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 67 +++++++++---------- 1 file changed, 31 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..cbaed4a 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,46 @@ -"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; + textClassName?: string; + fontSize?: number; + letterSpacing?: number; + dominantBaseline?: 'hanging' | 'middle' | 'auto' | 'baseline' | 'central' | 'mathematical'; } -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 = '', + textClassName = '', + fontSize = 32, + letterSpacing = 0, + dominantBaseline = 'central', +}) => { + // Estimate SVG width based on text length and font size + const estimatedWidth = Math.max(200, text.length * fontSize * 0.6); + const svgHeight = fontSize + 20; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1