Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-12 21:25:21 +00:00
2 changed files with 38 additions and 52 deletions

View File

@@ -42,7 +42,7 @@ export default function LandingPage() {
<HeroSplitKpi
title="Pomáhame vám na tejto ťažkej ceste"
description="S našimi profesionálnymi a empatickými pohrebňami vám poskytneme dôstojný pocty členom rodiny. Počas 25 rokov slúžime s vrúcnosťou a porozumením."
background={{ variant: "circleGradient" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "25+", label: "Rokov skúsenosti" },
{ value: "5000+", label: "Spokojných rodín" },
@@ -51,12 +51,12 @@ export default function LandingPage() {
enableKpiAnimation={true}
tag="Pohrebné služby"
tagIcon={Heart}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
buttons={[
{ text: "Kontaktovať nás", href: "#contact" },
{ text: "Viac informácií", href: "#about" }
]}
buttonAnimation="entrance-slide"
buttonAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/light-post-with-spiderweb-halloween_53876-138109.jpg"
imageAlt="peaceful funeral ceremony chapel interior"
mediaAnimation="slide-up"
@@ -75,7 +75,7 @@ export default function LandingPage() {
buttons={[
{ text: "Objaviť naše služby", href: "#services" }
]}
buttonAnimation="entrance-slide"
buttonAnimation="blur-reveal"
/>
</div>
@@ -87,42 +87,42 @@ export default function LandingPage() {
{
title: "Spálenie", description: "Profesionálne spálenie s možnosťou skladovania popola v urne alebo rozptýlenia na vybranom mieste.", icon: Flame,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-decorated-with-flowers_23-2148016163.jpg?_wi=1", imageAlt: "cremation service urn memorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-decorated-with-flowers_23-2148016163.jpg?_wi=2", imageAlt: "cremation service urn memorial" }
{ imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-decorated-with-flowers_23-2148016163.jpg", imageAlt: "cremation service urn memorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-decorated-with-flowers_23-2148016163.jpg", imageAlt: "cremation service urn memorial" }
]
},
{
title: "Pochovávaní", description: "Dôstojné pochovávaní s možnosťou výberu hrobov a ceremonií podľa tradícií vašej rodiny.", icon: Cross,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-adult-couple-spring-forest_1157-35181.jpg?_wi=1", imageAlt: "cemetery burial service grave" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-adult-couple-spring-forest_1157-35181.jpg?_wi=2", imageAlt: "cemetery burial service grave" }
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-adult-couple-spring-forest_1157-35181.jpg", imageAlt: "cemetery burial service grave" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-adult-couple-spring-forest_1157-35181.jpg", imageAlt: "cemetery burial service grave" }
]
},
{
title: "Spomienková slávnosť", description: "Privítanie rodiny a priateľov na spomienkovej slávnosti s osobným prístupom a rešpektom.", icon: Users,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153771.jpg?_wi=1", imageAlt: "memorial service celebration life" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153771.jpg?_wi=2", imageAlt: "memorial service celebration life" }
{ imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153771.jpg", imageAlt: "memorial service celebration life" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153771.jpg", imageAlt: "memorial service celebration life" }
]
},
{
title: "Prednáchod plánov", description: "Dopredu si môžete naplánovat svoje posledné pocty a uľaviť tak záťaž budúcej rodine.", icon: FileText,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-reading-table_23-2148352186.jpg?_wi=1", imageAlt: "funeral planning consultation documents" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-reading-table_23-2148352186.jpg?_wi=2", imageAlt: "funeral planning consultation documents" }
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-reading-table_23-2148352186.jpg", imageAlt: "funeral planning consultation documents" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-reading-table_23-2148352186.jpg", imageAlt: "funeral planning consultation documents" }
]
}
]}
animationType="slide-up"
tag="Služby"
tagIcon={HandHeart}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Vyšetriť všetky služby", href: "#contact" }
]}
buttonAnimation="entrance-slide"
buttonAnimation="blur-reveal"
/>
</div>
@@ -137,7 +137,7 @@ export default function LandingPage() {
cardTitle="Viac ako 5000 spokojných rodín nám dôveruje pri ich posledných pochodoch"
cardTag="Skúsenosti rodín"
cardTagIcon={Star}
cardAnimation="entrance-slide"
cardAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
@@ -148,7 +148,7 @@ export default function LandingPage() {
description="Nájdite odpovede na bežné otázky o našich pohrebných službách. Ak máte ďalšie otázky, neváhajte nás kontaktovať."
tag="Pomoc"
tagIcon={HelpCircle}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
@@ -169,7 +169,7 @@ export default function LandingPage() {
title="Sme tu pre vás"
description="Ak máte otázky alebo potrebujete našu pomoc, neváhajte nás kontaktovať. Naši profesionálni pracovníci sú vždy pripravení vám pomôcť a poskytnúť podporu."
tagIcon={Phone}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg"

View File

@@ -1,51 +1,37 @@
"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;
letterSpacing?: number;
}
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 = '',
fontSize = 24,
letterSpacing = 2,
}) => {
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 * fontSize} ${fontSize * 1.5}`}
className={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"
}}
y={fontSize}
fontSize={fontSize}
letterSpacing={letterSpacing}
fill="currentColor"
dominantBaseline="middle"
fontWeight="bold"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;