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"
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 (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file