diff --git a/src/app/page.tsx b/src/app/page.tsx index 20ff94c..1346fce 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -55,11 +55,11 @@ export default function LandingPage() { testimonials={[ { name: "Ахмед Қодиров", handle: "Уй сахиби, Ахангаран", testimonial: "Juda yaxshi xizmat! Tezda keldilar va muammoni tez yechdilar. Barcha ishlariga ishonch qo'yaman!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg?_wi=1", imageAlt: "Ахмед Қодиров" + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg", imageAlt: "Ахмед Қодиров" }, { name: "Фарғона Асаналиева", handle: "Кўйга сотувчи, Алмалиқ", testimonial: "Профессионалтай ҳамма нарсани қилди. Қўлланмалар сифатли ва арзон нарсалар рентасига орзулиқ қилсам.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1", imageAlt: "Фарғона Асаналиева" + imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Фарғона Асаналиева" } ]} buttons={[ @@ -104,9 +104,10 @@ export default function LandingPage() { { value: "15+", title: "Йиллик тажрибаси" }, { value: "1000+", title: "Ҳамма қилинган лоўхи" } ]} - imageSrc="http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg" imageAlt="Сантехник қўлланмалар" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -122,15 +123,15 @@ export default function LandingPage() { products={[ { id: "1", brand: "Santexnik Pro", name: "Гидравлик қўлланмалар тўплами", price: "50,000 сўм", rating: 5, - reviewCount: "23", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=2", imageAlt: "Гидравлик қўлланмалар" + reviewCount: "23", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg", imageAlt: "Гидравлик қўлланмалар" }, { id: "2", brand: "Santexnik Pro", name: "Электр борилис қўлланмалари", price: "35,000 сўм", rating: 5, - reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=3", imageAlt: "Электр борилис қўлланмалари" + reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg", imageAlt: "Электр борилис қўлланмалари" }, { id: "3", brand: "Santexnik Pro", name: "Сантехник қўлланмалар тўплами", price: "25,000 сўм", rating: 5, - reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=4", imageAlt: "Сантехник қўлланмалар" + reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg", imageAlt: "Сантехник қўлланмалар" } ]} gridVariant="three-columns-all-equal-width" @@ -148,10 +149,10 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", name: "Ахмед Қодиров", handle: "Уй сахиби", testimonial: "Беқиста сантехник хизматлари! Тезда келиб, муаммони ўқ яхши ечиши мен жуда қуллади.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg?_wi=2", imageAlt: "Ахмед Қодиров" + id: "1", name: "Ахмед Қодиров", handle: "Уй сахиби", testimonial: "Беқиста сантехник хизматлари! Тезда келиб, муаммони ўқ яхши ечиши мен жуда қуллади.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg", imageAlt: "Ахмед Қодиров" }, { - id: "2", name: "Фарғона Асаналиева", handle: "Кўйга сотувчи", testimonial: "Профессионалтай ҳамма нарсани қилди. Сифатли қўлланмалар ва қисқа вақтда қилиб беришган.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2", imageAlt: "Фарғона Асаналиева" + id: "2", name: "Фарғона Асаналиева", handle: "Кўйга сотувчи", testimonial: "Профессионалтай ҳамма нарсани қилди. Сифатли қўлланмалар ва қисқа вақтда қилиб беришган.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Фарғона Асаналиева" }, { id: "3", name: "Ўтказ Ўмурзаков", handle: "Бизнес сотувчи", testimonial: "Янги сантехник систематасини ўрнатишда ўтказар жавоб бердилар. Ҳаммаси йўлида ишлапэди.", imageSrc: "http://img.b2bpic.net/free-photo/alright-got-it-cheerful-motivated-determined-redhead-enthusiastic-middleaged-woman-show-okay-ok-confirm-gesture-assured-smiling-satisfactory-gesture-give-positive-like-approval-green-wall_1258-46278.jpg", imageAlt: "Ўтказ Ўмурзаков" @@ -160,10 +161,10 @@ export default function LandingPage() { id: "4", name: "Наҳида Салимова", handle: "Ресторан сотувчи", testimonial: "Қўлланмалар рентасида жуда ижобий сўзлаш ва қисқа муддатда беришган. Бир бора қўлланмадик беверсер!", imageSrc: "http://img.b2bpic.net/free-photo/cheering-businesswoman-her-workplace_23-2148725143.jpg", imageAlt: "Наҳида Салимова" }, { - id: "5", name: "Шерзод Хамидов", handle: "Таъмирчи", testimonial: "Сантехник хизматлари юқори сифатда қилинди. Мен фақат бу сантехникни сусламан бўлса ҳам.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg?_wi=3", imageAlt: "Шерзод Хамидов" + id: "5", name: "Шерзод Хамидов", handle: "Таъмирчи", testimonial: "Сантехник хизматлари юқори сифатда қилинди. Мен фақат бу сантехникни сусламан бўлса ҳам.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg", imageAlt: "Шерзод Хамидов" }, { - id: "6", name: "Ғўзал Палванова", handle: "Уй сахиба", testimonial: "Чўл-чўл нарсаларни таъмирлашган. Жуда ёқим қўлланмалар сифатли ва арзон нарсалар.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=3", imageAlt: "Ғўзал Палванова" + id: "6", name: "Ғўзал Палванова", handle: "Уй сахиба", testimonial: "Чўл-чўл нарсаларни таъмирлашган. Жуда ёқим қўлланмалар сифатли ва арзон нарсалар.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Ғўзал Палванова" } ]} animationType="slide-up" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..e99f82f 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,52 @@ -"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?: string | number; + fill?: 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, + fontFamily = 'Arial, sans-serif', + fontWeight = 'bold', + fill = '#000000', + letterSpacing = 0, +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.6; + const width = textLength * charWidth + letterSpacing * (textLength - 1); + const height = fontSize * 1.5; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;