bender/298ea047-501e-4c0e-a747-eee712bec209
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-11 10:11:58 +00:00
parent 859956470d 2aca877baf
commit d1856ff254
2 changed files with 25 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLarge"
background="blurBottom"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -45,7 +45,7 @@ export default function LandingPage() {
<HeroCentered
title="Идеально ухоженные ногти, профессионально выполнены"
description="Профессиональное мастерство маникюра встречается с премиальными стандартами гигиены в Lolli Nails Studio. Забронируйте встречу сегодня и испытайте ногти, которые держатся красиво неделями."
background={{ variant: "blurBottom" }}
background={{ variant: "plain" }}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/blonde-woman-model-studio_1303-14017.jpg", alt: "Довольный клиент 1"
@@ -76,24 +76,23 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Гель-лак покрытие", description: "Долговечное глянцевое покрытие, которое держится до 4 недель без сколов и потускнения. Сертифицировано для длительного ношения.", imageSrc: "http://img.b2bpic.net/free-photo/human-finger-touching-sequins-capsule-pink-background_23-2147827924.jpg?_wi=1"
title: "Гель-лак покрытие", description: "Долговечное глянцевое покрытие, которое держится до 4 недель без сколов и потускнения. Сертифицировано для длительного ношения.", imageSrc: "http://img.b2bpic.net/free-photo/human-finger-touching-sequins-capsule-pink-background_23-2147827924.jpg"
},
{
id: 2,
title: "Наращивание ногтей", description: "Профессиональное наращивание акрилом и гелем с использованием высококачественных материалов. Выполняется опытными мастерами.", imageSrc: "http://img.b2bpic.net/free-vector/25-years-anniversary-stationery-collection_23-2148828277.jpg?_wi=1"
title: "Наращивание ногтей", description: "Профессиональное наращивание акрилом и гелем с использованием высококачественных материалов. Выполняется опытными мастерами.", imageSrc: "http://img.b2bpic.net/free-vector/25-years-anniversary-stationery-collection_23-2148828277.jpg"
},
{
id: 3,
title: "SMART педикюр", description: "Инновационный аппаратный педикюр с использованием новейшего оборудования. Безболезненно, эффективно, стерильно.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-girl-with-beauty-blender_23-2148272497.jpg?_wi=1"
title: "SMART педикюр", description: "Инновационный аппаратный педикюр с использованием новейшего оборудования. Безболезненно, эффективно, стерильно.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-girl-with-beauty-blender_23-2148272497.jpg"
},
{
id: 4,
title: "Дизайн ногтей", description: "Креативные дизайны под ваш стиль и предпочтения. От нежного до яркого - все возможности в нашей студии.", imageSrc: "http://img.b2bpic.net/free-photo/human-finger-touching-sequins-capsule-pink-background_23-2147827924.jpg?_wi=2"
title: "Дизайн ногтей", description: "Креативные дизайны под ваш стиль и предпочтения. От нежного до яркого - все возможности в нашей студии.", imageSrc: "http://img.b2bpic.net/free-photo/human-finger-touching-sequins-capsule-pink-background_23-2147827924.jpg"
}
]}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="opacity"
buttonAnimation="slide-up"
/>
</div>
@@ -110,15 +109,15 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Lolli Nails", name: "Элегантный нюдовый маникюр", price: "6000 тг", rating: 5,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/human-finger-touching-sequins-capsule-pink-background_23-2147827924.jpg?_wi=3", imageAlt: "Элегантный нюдовый маникюр с глянцевым покрытием"
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/human-finger-touching-sequins-capsule-pink-background_23-2147827924.jpg", imageAlt: "Элегантный нюдовый маникюр с глянцевым покрытием"
},
{
id: "2", brand: "Lolli Nails", name: "Дизайнерский педикюр", price: "12000 тг", rating: 5,
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-vector/25-years-anniversary-stationery-collection_23-2148828277.jpg?_wi=2", imageAlt: "Люксовый дизайнерский педикюр с кристаллами"
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-vector/25-years-anniversary-stationery-collection_23-2148828277.jpg", imageAlt: "Люксовый дизайнерский педикюр с кристаллами"
},
{
id: "3", brand: "Lolli Nails", name: "Наращивание с дизайном", price: "10000 тг", rating: 5,
reviewCount: "52", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-girl-with-beauty-blender_23-2148272497.jpg?_wi=2", imageAlt: "Профессиональное наращивание с красивым дизайном"
reviewCount: "52", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-girl-with-beauty-blender_23-2148272497.jpg", imageAlt: "Профессиональное наращивание с красивым дизайном"
}
]}
gridVariant="three-columns-all-equal-width"

53
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,30 @@
"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;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
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 300 100"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<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%"
textAnchor="middle"
dominantBaseline="middle"
fontSize="48"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;