61 Commits

Author SHA1 Message Date
fa4b98d1bc Merge version_2 into main
Merge version_2 into main
2026-03-19 19:26:28 +00:00
53ec847f0e Update src/app/page.tsx 2026-03-19 19:26:23 +00:00
2730bdc0f8 Merge version_2 into main
Merge version_2 into main
2026-03-19 19:23:48 +00:00
e3a48117a9 Update src/app/page.tsx 2026-03-19 19:23:43 +00:00
9409e0f638 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:38:24 +00:00
2c340f0aa2 Update src/app/page.tsx 2026-03-18 19:38:20 +00:00
dddf5c6996 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:36:07 +00:00
f97e82a655 Update src/app/page.tsx 2026-03-18 19:35:57 +00:00
4dca2c69c2 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:33:14 +00:00
f719adb434 Update theme colors 2026-03-18 19:33:08 +00:00
b6e4c28294 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:32:40 +00:00
7d4a62a389 Update theme colors 2026-03-18 19:32:34 +00:00
eb5c56ef56 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:32:22 +00:00
0e279c2484 Update theme colors 2026-03-18 19:32:16 +00:00
55ad39e741 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:31:37 +00:00
753ee8cd60 Update theme colors 2026-03-18 19:31:31 +00:00
6eed6a80e2 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:31:13 +00:00
9bca0dc6ea Update theme colors 2026-03-18 19:31:07 +00:00
ed3667c866 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:21:11 +00:00
6726ae8934 Update src/app/page.tsx 2026-03-18 19:21:07 +00:00
49a716aee2 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:20:13 +00:00
8110a226e7 Update src/app/page.tsx 2026-03-18 19:20:09 +00:00
b013b99ad4 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:19:36 +00:00
e010d97a9b Update src/app/page.tsx 2026-03-18 19:19:32 +00:00
3a338d5290 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:16:53 +00:00
05624e60fc Update src/app/page.tsx 2026-03-18 19:16:49 +00:00
69fa55baf4 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:16:12 +00:00
cc7c7c3dca Update src/app/page.tsx 2026-03-18 19:16:08 +00:00
069aa8d810 Merge version_2 into main
Merge version_2 into main
2026-03-18 19:15:48 +00:00
e8857b7fc1 Update src/app/page.tsx 2026-03-18 19:15:44 +00:00
19100ed208 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:54:08 +00:00
77551bd0fa Update src/app/page.tsx 2026-03-18 18:54:04 +00:00
670cdf2823 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:52:39 +00:00
0dcd8f8783 Update src/app/page.tsx 2026-03-18 18:52:35 +00:00
d33b794e58 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:51:44 +00:00
37a0eb35bd Update src/app/page.tsx 2026-03-18 18:51:39 +00:00
d760a0cef3 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:51:08 +00:00
ef4dd184e6 Update src/app/page.tsx 2026-03-18 18:51:04 +00:00
575530dc3e Merge version_2 into main
Merge version_2 into main
2026-03-18 18:50:22 +00:00
4a91d37810 Update src/app/page.tsx 2026-03-18 18:50:18 +00:00
3d9f2ca334 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:48:43 +00:00
8b93a7fb65 Update src/app/page.tsx 2026-03-18 18:48:39 +00:00
17d9dd16b1 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:47:55 +00:00
01bfed5295 Update src/app/page.tsx 2026-03-18 18:47:51 +00:00
73dce894dd Merge version_2 into main
Merge version_2 into main
2026-03-18 18:47:01 +00:00
767a24bb73 Update src/app/page.tsx 2026-03-18 18:46:50 +00:00
878dca7944 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:44:05 +00:00
252ca0c628 Update src/app/page.tsx 2026-03-18 18:44:01 +00:00
80cd1e742b Merge version_2 into main
Merge version_2 into main
2026-03-18 18:41:48 +00:00
b0638d8e11 Update src/app/page.tsx 2026-03-18 18:41:44 +00:00
540e4a397a Merge version_2 into main
Merge version_2 into main
2026-03-18 18:39:15 +00:00
237911899e Update src/app/page.tsx 2026-03-18 18:39:10 +00:00
21a1fe37b0 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:38:09 +00:00
a62114acbb Update src/app/page.tsx 2026-03-18 18:37:59 +00:00
112eeb0884 Merge version_2 into main
Merge version_2 into main
2026-03-18 18:24:48 +00:00
a44b87c7b0 Update src/app/page.tsx 2026-03-18 18:24:44 +00:00
4c042d230a Merge version_2 into main
Merge version_2 into main
2026-03-18 18:24:23 +00:00
1be42725c2 Update src/app/page.tsx 2026-03-18 18:24:19 +00:00
638ebf7515 Merge version_1 into main
Merge version_1 into main
2026-03-18 18:07:02 +00:00
0e577b1111 Merge version_1 into main
Merge version_1 into main
2026-03-18 18:06:37 +00:00
9e744f34b9 Merge version_1 into main
Merge version_1 into main
2026-03-18 18:06:12 +00:00
2 changed files with 50 additions and 50 deletions

View File

@@ -40,23 +40,23 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Professional Polish-Hungarian and Hungarian-Polish Translations"
description="Fast and accurate translations for businesses and individuals. No intermediaries, no unnecessary formalities. Direct contact with experienced translator Gabor Inczedy."
description="Szybkie i rzetelne tłumaczenia dla firm i osób prywatnych. Bez pośredników, bez zbędnych formalności. Bezpośredni kontakt z doświadczonym tłumaczem Gaborem Inczedym. "
background={{ variant: "rotated-rays-animated" }}
tag="Local Translation Services"
tag="Lokalne usługi tłumaczeniowe"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{ text: "Call Now: +48 604 160 529", href: "tel:+48604160529" },
{ text: "Send Inquiry", href: "#contact" }
{ text: "Zadzwoń teraz: +48 604 160 529", href: "tel:+48604160529" },
{ text: "Wyślij zapytanie", href: "#contact" }
]}
buttonAnimation="slide-up"
carouselItems={[
{ id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku02hf&_wi=1", imageAlt: "Professional office desk with translation documents and computer" },
{ id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hyssk3&_wi=1", imageAlt: "Poland and Hungary flags representing bilingual translation services" },
{ id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cmxeah&_wi=1", imageAlt: "Official business documents ready for translation" },
{ id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zw4h45&_wi=1", imageAlt: "Translation software CAT tools on computer screen" },
{ id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2c8io8&_wi=1", imageAlt: "Professional proofreading and document editing" },
{ id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n36b2o&_wi=1", imageAlt: "IT and technology translation work environment" }
{ id: "carousel-1", imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop&_wi=1", imageAlt: "Professional office desk with translation documents and computer" },
{ id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859075526-f8e6i59n.png", imageAlt: "Poland and Hungary flags representing bilingual translation services" },
{ id: "carousel-3", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Official business documents ready for translation" },
{ id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859147422-igkcs1th.jpg", imageAlt: "Translation software CAT tools on computer screen" },
{ id: "carousel-5", imageSrc: "https://images.unsplash.com/photo-1454496522488-7a8e488e8606?w=800&h=600&fit=crop", imageAlt: "Professional proofreading and document editing" },
{ id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859300713-0nrzdmj9.jpg", imageAlt: "IT and technology translation work environment" }
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -67,10 +67,10 @@ export default function LandingPage() {
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Gabor Inczedy Owner of INCY-TRANS" }
{ type: "text", content: "Gabor Inczedy właściciel firmy INCY-TRANS" }
]}
buttons={[
{ text: "Contact Directly", href: "#contact" }
{ text: "Skontaktuj się bezpośrednio", href: "#contact" }
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
@@ -80,9 +80,9 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardOne
title="Our Services"
description="Comprehensive translation and content management solutions tailored for businesses and individuals."
tag="What We Offer"
title="Nasze usługi"
description="Kompleksowe rozwiązania w zakresie tłumaczeń i zarządzania treścią, dostosowane do potrzeb firm i osób prywatnych."
tag="Nasza oferta"
tagIcon={CheckCircle}
tagAnimation="slide-up"
textboxLayout="default"
@@ -91,22 +91,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Polish ↔ Hungarian Translations", description: "Professional translations between Polish and Hungarian for any document type, with precision and cultural accuracy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hyssk3&_wi=2", imageAlt: "Poland and Hungary flags"
title: "Tłumaczenia z języka polskiego na węgierski", description: "Profesjonalne tłumaczenia z języka polskiego na węgierski i odwrotnie dla wszelkiego rodzaju dokumentów, charakteryzujące się precyzją i uwzględnieniem specyfiki kulturowej.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859436544-u0u8wx8c.jpg", imageAlt: "Poland and Hungary flags"
},
{
title: "Business & Official Documents", description: "Contracts, letters, correspondence, certificates, and official documentation handled with meticulous attention to detail.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cmxeah&_wi=2", imageAlt: "Business documents and contracts"
title: "Dokumenty biznesowe i urzędowe", description: "Umowy, pisma, korespondencja, zaświadczenia i dokumenty urzędowe obsługujemy je z dbałością o najdrobniejsze szczegóły.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=400&fit=crop&_wi=1", imageAlt: "Business documents and contracts"
},
{
title: "Proofreading & Editing", description: "Comprehensive text refinement services ensuring your content is polished, error-free, and professionally presented.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2c8io8&_wi=2", imageAlt: "Document proofreading and editing"
title: "Korekta i redakcja", description: "Kompleksowe usługi redakcyjne, dzięki którym Twoje treści będą dopracowane, pozbawione błędów i profesjonalnie zaprezentowane.", imageSrc: "https://images.unsplash.com/photo-1454496522488-7a8e488e8606?w=500&h=400&fit=crop&_wi=1", imageAlt: "Document proofreading and editing"
},
{
title: "Marketing & Content", description: "Professional creation of media content, newsletters, magazines, and social media materials in Polish and Hungarian.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3r04v&_wi=1", imageAlt: "Marketing content creation"
title: "Marketing i treści", description: "Profesjonalne tworzenie treści medialnych, biuletynów, czasopism oraz materiałów na media społecznościowe w języku polskim i węgierskim.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859716485-losck003.jpg", imageAlt: "Marketing content creation"
},
{
title: "Technical Translations", description: "Specialized translation of technical manuals, IT documentation, and specialized industry content with CAT software expertise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zw4h45&_wi=2", imageAlt: "Computer and technical translation"
title: "Tłumaczenia techniczne", description: "Specjalistyczne tłumaczenia instrukcji technicznych, dokumentacji informatycznej oraz treści branżowych przy wykorzystaniu oprogramowania CAT.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859667209-ya64fafv.jpg", imageAlt: "Computer and technical translation"
},
{
title: "Multi-Industry Expertise", description: "Experience across marketing, IT, architecture, tourism, pharmaceuticals, literature, sports, and more.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n36b2o&_wi=2", imageAlt: "IT and technology services"
title: "Doświadczenie w wielu branżach", description: "Doświadczenie w takich dziedzinach jak marketing, informatyka, architektura, turystyka, farmaceutyka, literatura, sport i wiele innych.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859607368-dnbtp6kk.jpg", imageAlt: "IT and technology services"
}
]}
ariaLabel="Services section"
@@ -115,9 +115,9 @@ export default function LandingPage() {
<div id="experience" data-section="experience">
<MetricCardEleven
title="Experience in Various Industries"
description="Proven expertise across diverse sectors with specialized knowledge and professional CAT software (MemoQ) proficiency."
tag="Industry Expertise"
title="Doświadczenie w różnych branżach"
description="Ugruntowane doświadczenie w różnych branżach, poparte specjalistyczną wiedzą i biegłą znajomością profesjonalnego oprogramowania CAT (MemoQ)."
tag="Doświadczenie branżowe"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="default"
@@ -125,22 +125,22 @@ export default function LandingPage() {
animationType="slide-up"
metrics={[
{
id: "marketing", value: "Marketing", title: "Marketing Campaigns", description: "Professional translation of marketing strategies, campaigns, and promotional materials.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3r04v&_wi=2", imageAlt: "marketing content creation strategy"
id: "marketing", value: "Mktg ", title: "Kampanie marketingowe", description: "Profesjonalne tłumaczenia strategii marketingowych, kampanii i materiałów promocyjnych.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859814631-678q16kp.jpg", imageAlt: "marketing content creation strategy"
},
{
id: "it", value: "IT & Tech", title: "Technology Solutions", description: "Software documentation, programming terminology, and technical specifications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zw4h45&_wi=3", imageAlt: "computer laptop translation software CAT"
id: "it", value: "IT & Tech", title: "Rozwiązania technologiczne", description: "Dokumentacja oprogramowania, terminologia programistyczna i specyfikacje techniczne.v", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859861332-h5w5juy1.jpg", imageAlt: "computer laptop translation software CAT"
},
{
id: "architecture", value: "Architecture", title: "Building Projects", description: "Construction specifications, architectural drawings, and building documentation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cmxeah&_wi=3", imageAlt: "business documents contracts translation"
id: "architecture", value: "ARCH ", title: "Projekty budowlane", description: "Specyfikacje budowlane, rysunki architektoniczne i dokumentacja budowlana.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773860041415-ifvgwfs6.webp", imageAlt: "business documents contracts translation"
},
{
id: "tourism", value: "Tourism", title: "Travel Services", description: "Tourism materials, hotel descriptions, and travel guides translation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hyssk3&_wi=3", imageAlt: "Poland Hungary flag symbol"
id: "tourism", value: "Tourism", title: "Usługi turystyczne", description: "Tłumaczenie materiałów turystycznych, opisów hoteli i przewodników turystycznych.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859896180-bmh92yny.jpg", imageAlt: "Poland Hungary flag symbol"
},
{
id: "pharma", value: "Pharmaceuticals", title: "Medical Industry", description: "Pharmaceutical documentation, medical terminology, and regulatory compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2c8io8&_wi=3", imageAlt: "proofreading editing pen document"
id: "pharma", value: "Pharma ", title: "Branża medyczna", description: "Dokumentacja farmaceutyczna, terminologia medyczna i zgodność z przepisami.", imageSrc: "https://images.unsplash.com/photo-1454496522488-7a8e488e8606?w=500&h=400&fit=crop&_wi=2", imageAlt: "proofreading editing pen document"
},
{
id: "literature", value: "Literature", title: "Cultural Works", description: "Literary translation, cultural studies, and academic publications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n36b2o&_wi=3", imageAlt: "IT software development code computer"
id: "literature", value: "Lit. ", title: "Działalność kulturalna", description: "Tłumaczenia literackie, kulturoznawstwo i publikacje naukowe.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773859952122-6id7hx0a.jpg", imageAlt: "IT software development code computer"
}
]}
ariaLabel="Industry experience metrics section"
@@ -150,8 +150,8 @@ export default function LandingPage() {
<div id="why-us" data-section="why-us">
<SocialProofOne
title="Why Choose INCY-TRANS?"
description="Direct access to an experienced translator with proven track record in business and technical translations."
tag="Key Benefits"
description="Bezpośredni kontakt z doświadczonym tłumaczem o sprawdzonych osiągnięciach w dziedzinie tłumaczeń biznesowych i technicznych."
tag="Najważniejsze zalety"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
@@ -166,9 +166,9 @@ export default function LandingPage() {
<div id="trusted-by" data-section="trusted-by">
<SocialProofOne
title="Trusted By"
description="Established relationships with reputable organizations and institutions across Poland and Europe."
tag="Client References"
title="Zaufali nam"
description="Nawiązaliśmy współpracę z renomowanymi organizacjami i instytucjami w całej Polsce i Europie."
tag="Referencje klientów"
tagIcon={Shield}
tagAnimation="slide-up"
textboxLayout="default"
@@ -183,8 +183,8 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Send Your Inquiry"
description="Contact Gabor Inczedy directly with your translation project details. Quick response guaranteed."
title="Wyślij zapytanie"
description="Skontaktuj się bezpośrednio z Gaborem Inczedym, podając szczegóły swojego projektu tłumaczeniowego. Gwarantujemy szybką odpowiedź."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
@@ -195,7 +195,7 @@ export default function LandingPage() {
required: true
}}
useInvertedBackground={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k74871"
imageSrc="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=500&fit=crop"
imageAlt="Contact form for translation inquiries"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -206,10 +206,10 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku02hf&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B83dyjkW64lmg9thtkwOiX2aHg/uploaded-1773861606020-oekzc3ao.jpg"
imageAlt="Professional translation workspace"
logoText="INCY-TRANS"
copyrightText="© 2025 INCY-TRANS. Professional Translation Services. All rights reserved."
copyrightText="© 2025 INCY-TRANS. Professional Translation Services. All rights reserved. Design by Mikołaj Inczedy."
columns={[
{
title: "Services", items: [
@@ -248,4 +248,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120006e6;
--primary-cta: #e63946;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #120006e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f0f8ffe6;
--primary-cta: #cee7ff;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #f0f8ffe6;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);