Merge version_1 into main #2
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -52,18 +52,18 @@ export default function LandingPage() {
|
||||
{ text: "📩 Безплатна заявка", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg?_wi=1", imageAlt: "Отпушване на канали" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg?_wi=1", imageAlt: "Ремонт на течове" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1", imageAlt: "Монтаж на смесители" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg", imageAlt: "Отпушване на канали" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg", imageAlt: "Ремонт на течове" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Монтаж на смесители" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-flat-icons-set_1284-16876.jpg", imageAlt: "Ремонт на тоалетни" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-15373.jpg?_wi=1", imageAlt: "Монтаж на бойлери" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg?_wi=1", imageAlt: "ВиК ремонти в баня" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-lying-sink_23-2147772221.jpg?_wi=1", imageAlt: "Професионален водопроводчик" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15655.jpg?_wi=1", imageAlt: "Качествена работа" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-15373.jpg", imageAlt: "Монтаж на бойлери" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg", imageAlt: "ВиК ремонти в баня" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-lying-sink_23-2147772221.jpg", imageAlt: "Професионален водопроводчик" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15655.jpg", imageAlt: "Качествена работа" }
|
||||
]}
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
@@ -163,22 +163,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Мария Георгиева, Пловдив", date: "Date: 15 January 2025", title: "Много бърза реакция и качествен ремонт", quote: "Имах теч в кухнята и се обадих. Дошли са за по-малко от час и решиха проблема като професионалисти. Препоръчвам топло!", tag: "Ремонт на течове", avatarSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg?_wi=2"
|
||||
id: "1", name: "Мария Георгиева, Пловдив", date: "Date: 15 January 2025", title: "Много бърза реакция и качествен ремонт", quote: "Имах теч в кухнята и се обадих. Дошли са за по-малко от час и решиха проблема като професионалисти. Препоръчвам топло!", tag: "Ремонт на течове", avatarSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Петър Иванов, Пловдив", date: "Date: 10 January 2025", title: "Непревзойдено качество на обслужване", quote: "Поправиха ми запушения канал за минути. Приветливи, професионални и честни цени. Ще ги позовам за всички мои нужди.", tag: "Отпушване на канали", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg?_wi=2"
|
||||
id: "2", name: "Петър Иванов, Пловдив", date: "Date: 10 January 2025", title: "Непревзойдено качество на обслужване", quote: "Поправиха ми запушения канал за минути. Приветливи, професионални и честни цени. Ще ги позовам за всички мои нужди.", tag: "Отпушване на канали", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Валентина Петрова, Тракия", date: "Date: 5 January 2025", title: "Поставиха ми нов бойлер - всичко отлично", quote: "Цялата работа беше проведена професионално. Хубав съвет, чиста работа и брза инсталация. Благодарен съм за точността.", tag: "Монтаж на бойлери", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-15373.jpg?_wi=2"
|
||||
id: "3", name: "Валентина Петрова, Тракия", date: "Date: 5 January 2025", title: "Поставиха ми нов бойлер - всичко отлично", quote: "Цялата работа беше проведена професионално. Хубав съвет, чиста работа и брза инсталация. Благодарен съм за точността.", tag: "Монтаж на бойлери", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-15373.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Димитър Христов, Кършияка", date: "Date: 28 December 2024", title: "24/7 услуга - те наистина работят нощем", quote: "Нужен ми беше аварийният сервиз в два часа сутринта. Дошли са веднага и решиха проблема. Невероятно отговорни хора!", tag: "Аварийни услуги", avatarSrc: "http://img.b2bpic.net/free-vector/colorful-pack-businessman-characters_23-2147605368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-lying-sink_23-2147772221.jpg?_wi=2"
|
||||
id: "4", name: "Димитър Христов, Кършияка", date: "Date: 28 December 2024", title: "24/7 услуга - те наистина работят нощем", quote: "Нужен ми беше аварийният сервиз в два часа сутринта. Дошли са веднага и решиха проблема. Невероятно отговорни хора!", tag: "Аварийни услуги", avatarSrc: "http://img.b2bpic.net/free-vector/colorful-pack-businessman-characters_23-2147605368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-lying-sink_23-2147772221.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Александра Василева, Център", date: "Date: 20 December 2024", title: "Санитар с дъх към качеството", quote: "Нямам думи - просто отлично! Работата, сервиза, общува... всичко е топ. Страхотни хора и професионалци.", tag: "ВиК ремонти", avatarSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg?_wi=2"
|
||||
id: "5", name: "Александра Василева, Център", date: "Date: 20 December 2024", title: "Санитар с дъх към качеството", quote: "Нямам думи - просто отлично! Работата, сервиза, общува... всичко е топ. Страхотни хора и професионалци.", tag: "ВиК ремонти", avatarSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Владимир Василев, Кючук Париж", date: "Date: 15 December 2024", title: "Водопроводчик, каквито трябва!", quote: "Коректен, професионален, пунктуален и с честни цени. Това е редкост в днешното време. Всички мои съседи вече их препоръчват.", tag: "Смяна на смесители", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=2"
|
||||
id: "6", name: "Владимир Василев, Кючук Париж", date: "Date: 15 December 2024", title: "Водопроводчик, каквито трябва!", quote: "Коректен, професионален, пунктуален и с честни цени. Това е редкост в днешното време. Всички мои съседи вече их препоръчват.", tag: "Смяна на смесители", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -233,7 +233,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15655.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15655.jpg"
|
||||
imageAlt="Професионален водопроводчик в работа"
|
||||
mediaPosition="left"
|
||||
faqs={[
|
||||
@@ -268,7 +268,7 @@ export default function LandingPage() {
|
||||
{ text: "📧 Изпратете заявка", href: "#" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,33 @@
|
||||
"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;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
textClassName = '',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * 60} 100`}
|
||||
className={`w-full h-auto ${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
className={`text-3xl font-bold ${textClassName}`}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user