10 Commits

Author SHA1 Message Date
ebbb4c2b9e Update src/app/page.tsx 2026-06-08 10:01:21 +00:00
3cb99f46c8 Update src/app/page.tsx 2026-06-08 10:00:27 +00:00
3e042d6efb Update src/app/page.tsx 2026-06-08 09:59:23 +00:00
ead443ace5 Merge version_3 into main
Merge version_3 into main
2026-06-08 09:56:17 +00:00
67c1a9d67e Update src/app/page.tsx 2026-06-08 09:56:11 +00:00
5a0f4b9d77 Merge version_3 into main
Merge version_3 into main
2026-06-08 09:55:34 +00:00
c7b69e4a08 Update src/app/page.tsx 2026-06-08 09:55:31 +00:00
a945fad63a Merge version_2 into main
Merge version_2 into main
2026-06-08 09:45:27 +00:00
9becca5846 Update src/app/styles/variables.css 2026-06-08 09:45:24 +00:00
105fb6b531 Update src/app/page.tsx 2026-06-08 09:45:24 +00:00
2 changed files with 74 additions and 250 deletions

View File

@@ -1,6 +1,6 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider, useTheme } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
@@ -15,6 +15,8 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
import { Heart, Users, Utensils } from "lucide-react"; import { Heart, Users, Utensils } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
const toggleTheme = () => { console.log("Theme toggle functionality not implemented for this ThemeProvider."); };
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
@@ -33,78 +35,50 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Concept", name: "Concept", id: "#concept"},
id: "#concept",
},
{ {
name: "Dishes", name: "Dishes", id: "#dishes"},
id: "#dishes",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Swiss Butter" brandName="Swiss Butter"
button={{ text: "Toggle Theme", onClick: toggleTheme }}
/> />
</div> </div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Swiss Butter: Your Neighborhood Steakhouse" title="Swiss Butter: Your Neighborhood Steakhouse"
description="Experience Beef, Chicken, and Salmon smothered in our secret Swiss Butter sauce. A place for everyone to come in and enjoy a good meal, driven by our community and passion for great food." description="Experience Beef, Chicken, and Salmon smothered in our secret Swiss Butter sauce. A place for everyone to come in and enjoy a good meal, driven by our community and passion for great food."
tagAnimation="opacity" tagAnimation="opacity"
buttons={[ buttons={[
{ {
text: "Explore Our Menu", text: "Explore Our Menu", href: "#dishes"},
href: "#dishes",
},
{ {
text: "Find a Location", text: "Find a Location", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/seared-tuna-coated-with-sesame-seeds-close-up_1147-532.jpg", imageSrc: "http://img.b2bpic.net/free-photo/seared-tuna-coated-with-sesame-seeds-close-up_1147-532.jpg", imageAlt: "Gourmet steak with melted Swiss Butter sauce"},
imageAlt: "Gourmet steak with melted Swiss Butter sauce",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/charcoal-sturgeon-serve-with-arugula-ketchup_140725-2033.jpg", imageSrc: "http://img.b2bpic.net/free-photo/charcoal-sturgeon-serve-with-arugula-ketchup_140725-2033.jpg", imageAlt: "Chicken breast with creamy Swiss Butter sauce"},
imageAlt: "Chicken breast with creamy Swiss Butter sauce",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/baked-chicken-garnished-with-asparagus-herbs_2829-11072.jpg", imageSrc: "http://img.b2bpic.net/free-photo/baked-chicken-garnished-with-asparagus-herbs_2829-11072.jpg", imageAlt: "Salmon filet with golden Swiss Butter sauce"},
imageAlt: "Salmon filet with golden Swiss Butter sauce",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg", imageAlt: "Elegant restaurant interior with warm lighting"},
imageAlt: "Elegant restaurant interior with warm lighting",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-cook-garnishing-dish-with-freshly-cut-vegetables-stove_482257-127704.jpg", imageSrc: "http://img.b2bpic.net/free-photo/focused-male-cook-garnishing-dish-with-freshly-cut-vegetables-stove_482257-127704.jpg", imageAlt: "Chef preparing a gourmet dish in a professional kitchen"},
imageAlt: "Chef preparing a gourmet dish in a professional kitchen",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg", imageAlt: "Perfectly plated gourmet dish served on a table"},
imageAlt: "Perfectly plated gourmet dish served on a table",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -117,19 +91,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Users, icon: Users,
label: "Community Driven", label: "Community Driven", value: "100%"},
value: "100%",
},
{ {
icon: Heart, icon: Heart,
label: "Great Experience", label: "Great Experience", value: "Every Time"},
value: "Every Time",
},
{ {
icon: Utensils, icon: Utensils,
label: "Good Meal", label: "Good Meal", value: "Guaranteed"},
value: "Guaranteed",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -142,29 +110,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "sauce-quality", id: "sauce-quality", title: "Signature Swiss Butter Sauce", description: "Our closely-guarded recipe, perfected over years, is the heart of every dish, ensuring a rich and unforgettable flavor.", tag: "Flavorful", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-tomato-soup-with-melted-parmesan-inside-blue-plate_114579-2908.jpg", imageAlt: "Rich Swiss Butter sauce pouring over a meal"},
title: "Signature Swiss Butter Sauce",
description: "Our closely-guarded recipe, perfected over years, is the heart of every dish, ensuring a rich and unforgettable flavor.",
tag: "Flavorful",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-tomato-soup-with-melted-parmesan-inside-blue-plate_114579-2908.jpg",
imageAlt: "Rich Swiss Butter sauce pouring over a meal",
},
{ {
id: "fresh-ingredients", id: "fresh-ingredients", title: "Finest Fresh Ingredients", description: "We source only the highest quality beef, chicken, and salmon, paired with crisp vegetables and freshly baked baguettes.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/veggies-tomatoes-healthy-relaxed-mind_23-2148677979.jpg", imageAlt: "Assortment of fresh ingredients and herbs"},
title: "Finest Fresh Ingredients",
description: "We source only the highest quality beef, chicken, and salmon, paired with crisp vegetables and freshly baked baguettes.",
tag: "Quality",
imageSrc: "http://img.b2bpic.net/free-photo/veggies-tomatoes-healthy-relaxed-mind_23-2148677979.jpg",
imageAlt: "Assortment of fresh ingredients and herbs",
},
{ {
id: "dining-experience", id: "dining-experience", title: "Unforgettable Dining Ambiance", description: "Beyond the plate, we craft an inviting atmosphere where every guest feels at home, making every visit a special occasion.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg", imageAlt: "Elegant and cozy restaurant dining area"},
title: "Unforgettable Dining Ambiance",
description: "Beyond the plate, we craft an inviting atmosphere where every guest feels at home, making every visit a special occasion.",
tag: "Ambiance",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg",
imageAlt: "Elegant and cozy restaurant dining area",
},
]} ]}
title="The Secret to Our Sizzle" title="The Secret to Our Sizzle"
description="Our unique Swiss Butter sauce transforms every dish into an unforgettable culinary journey. It's more than a meal; it's an experience built on passion and quality." description="Our unique Swiss Butter sauce transforms every dish into an unforgettable culinary journey. It's more than a meal; it's an experience built on passion and quality."
@@ -179,47 +129,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "beef-filet", id: "beef-filet", name: "Beef Filet or Ribeye", price: "Starting from $28", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bruschetta-meat-close-up_23-2148516970.jpg", imageAlt: "Grilled Beef Filet with Swiss Butter sauce"},
name: "Beef Filet or Ribeye",
price: "Starting from $28",
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bruschetta-meat-close-up_23-2148516970.jpg",
imageAlt: "Grilled Beef Filet with Swiss Butter sauce",
},
{ {
id: "chicken-breast", id: "chicken-breast", name: "Chicken Breast", price: "Starting from $22", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-mashed-potato-greens-sauce-side-view_141793-3550.jpg", imageAlt: "Grilled Chicken Breast with Swiss Butter sauce"},
name: "Chicken Breast",
price: "Starting from $22",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-mashed-potato-greens-sauce-side-view_141793-3550.jpg",
imageAlt: "Grilled Chicken Breast with Swiss Butter sauce",
},
{ {
id: "salmon-filet", id: "salmon-filet", name: "Salmon Filet", price: "Starting from $26", imageSrc: "http://img.b2bpic.net/free-photo/grilled-seafood-meat-roasted-dish_1203-4110.jpg", imageAlt: "Pan-seared Salmon Filet with Swiss Butter sauce"},
name: "Salmon Filet",
price: "Starting from $26",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-seafood-meat-roasted-dish_1203-4110.jpg",
imageAlt: "Pan-seared Salmon Filet with Swiss Butter sauce",
},
{ {
id: "beef-ribeye", id: "beef-ribeye", name: "Beef Ribeye", price: "Starting from $30", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg", imageAlt: "Grilled Beef Ribeye with Swiss Butter sauce"},
name: "Beef Ribeye",
price: "Starting from $30",
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg",
imageAlt: "Grilled Beef Ribeye with Swiss Butter sauce",
},
{ {
id: "chicken-skewer", id: "chicken-skewer", name: "Chicken Skewer", price: "Starting from $24", imageSrc: "http://img.b2bpic.net/free-photo/chicken-lula-with-onion-sauce_140725-1732.jpg", imageAlt: "Grilled Chicken Skewers with Swiss Butter sauce"},
name: "Chicken Skewer",
price: "Starting from $24",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-lula-with-onion-sauce_140725-1732.jpg",
imageAlt: "Grilled Chicken Skewers with Swiss Butter sauce",
},
{ {
id: "salmon-steak", id: "salmon-steak", name: "Salmon Steak", price: "Starting from $29", imageAlt: "Grilled Salmon Steak with Swiss Butter sauce", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-cucumber-cherry-tomato-lettuce-olive_140725-1610.jpg"}
name: "Salmon Steak",
price: "Starting from $29",
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-cucumber-cherry-tomato-lettuce-olive_140725-1610.jpg",
imageAlt: "Grilled Salmon Steak with Swiss Butter sauce",
},
]} ]}
title="Our Signature Dishes" title="Our Signature Dishes"
description="Each dish is meticulously prepared and smothered in our iconic secret Swiss Butter sauce, served with a mesclun salad, white or brown baguette, chili flakes, and your choice of fries or baked potato." description="Each dish is meticulously prepared and smothered in our iconic secret Swiss Butter sauce, served with a mesclun salad, white or brown baguette, chili flakes, and your choice of fries or baked potato."
@@ -233,64 +153,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", role: "Food Blogger", company: "TasteExplorer", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg", imageAlt: "Sarah Johnson, food blogger"},
role: "Food Blogger",
company: "TasteExplorer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
imageAlt: "Sarah Johnson, food blogger",
},
{ {
id: "2", id: "2", name: "Michael Chen", role: "Restaurant Critic", company: "Culinary Daily", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-140996.jpg", imageAlt: "Michael Chen, restaurant critic"},
role: "Restaurant Critic",
company: "Culinary Daily",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-140996.jpg",
imageAlt: "Michael Chen, restaurant critic",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", role: "Gourmet Enthusiast", company: "Local Foodie", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg", imageAlt: "Emily Rodriguez, gourmet enthusiast"},
role: "Gourmet Enthusiast",
company: "Local Foodie",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg",
imageAlt: "Emily Rodriguez, gourmet enthusiast",
},
{ {
id: "4", id: "4", name: "David Kim", role: "Chef & Owner", company: "The Bistro", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg", imageAlt: "David Kim, Chef"},
role: "Chef & Owner",
company: "The Bistro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg",
imageAlt: "David Kim, Chef",
},
{ {
id: "5", id: "5", name: "Jessica Lee", role: "Dining aficionado", company: "Food Critics Society", rating: 5,
name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-cucumber-rolls-table_140725-6658.jpg", imageAlt: "Jessica Lee, dining aficionado"},
role: "Dining aficionado",
company: "Food Critics Society",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-cucumber-rolls-table_140725-6658.jpg",
imageAlt: "Jessica Lee, dining aficionado",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "10+", value: "10+", label: "Locations"},
label: "Locations",
},
{ {
value: "5-Star", value: "5-Star", label: "Average Rating"},
label: "Average Rating",
},
{ {
value: "Secret", value: "Secret", label: "Sauce Recipe"},
label: "Sauce Recipe",
},
]} ]}
title="What Our Guests Say" title="What Our Guests Say"
description="Hear from our happy customers about their unforgettable dining experiences and how much they love our secret Swiss Butter sauce." description="Hear from our happy customers about their unforgettable dining experiences and how much they love our secret Swiss Butter sauce."
@@ -302,14 +186,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Gourmet Magazine", "Gourmet Magazine", "Food Critic Reviews", "Local Food Bloggers", "Restaurant Guides", "Culinary Enthusiasts", "Happy Diners", "Community Favorites"]}
"Food Critic Reviews",
"Local Food Bloggers",
"Restaurant Guides",
"Culinary Enthusiasts",
"Happy Diners",
"Community Favorites",
]}
title="Trusted by Food Lovers & Critics" title="Trusted by Food Lovers & Critics"
description="Our commitment to quality, community, and an unparalleled dining experience has earned us recognition and a loyal following worldwide." description="Our commitment to quality, community, and an unparalleled dining experience has earned us recognition and a loyal following worldwide."
/> />
@@ -320,38 +197,21 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "What is the secret Swiss Butter sauce?", content: "Our signature Swiss Butter sauce is a closely guarded family recipe, a blend of herbs and spices that perfectly complements our beef, chicken, and salmon, creating an unforgettable flavor profile unique to Swiss Butter."},
title: "What is the secret Swiss Butter sauce?",
content: "Our signature Swiss Butter sauce is a closely guarded family recipe, a blend of herbs and spices that perfectly complements our beef, chicken, and salmon, creating an unforgettable flavor profile unique to Swiss Butter.",
},
{ {
id: "2", id: "2", title: "Do you offer vegetarian options?", content: "While our main focus is on steak, chicken, and salmon, we do offer a selection of delicious side dishes and salads that can be enjoyed by vegetarians. Please inquire with your server for recommendations."},
title: "Do you offer vegetarian options?",
content: "While our main focus is on steak, chicken, and salmon, we do offer a selection of delicious side dishes and salads that can be enjoyed by vegetarians. Please inquire with your server for recommendations.",
},
{ {
id: "3", id: "3", title: "Can I make a reservation?", content: "Yes, we encourage reservations, especially during peak hours, to ensure you get the best dining experience. You can find reservation options on our contact page or by calling your nearest location."},
title: "Can I make a reservation?",
content: "Yes, we encourage reservations, especially during peak hours, to ensure you get the best dining experience. You can find reservation options on our contact page or by calling your nearest location.",
},
{ {
id: "4", id: "4", title: "Where are your locations?", content: "Swiss Butter has locations across Lebanon, UAE, KSA, and the UK. Visit our 'Find a Location' section for a complete list and addresses."},
title: "Where are your locations?",
content: "Swiss Butter has locations across Lebanon, UAE, KSA, and the UK. Visit our 'Find a Location' section for a complete list and addresses.",
},
{ {
id: "5", id: "5", title: "Do you have options for children?", content: "We welcome families! We have a selection of kid-friendly options and can accommodate special requests to ensure our younger guests also enjoy their meal at Swiss Butter."},
title: "Do you have options for children?",
content: "We welcome families! We have a selection of kid-friendly options and can accommodate special requests to ensure our younger guests also enjoy their meal at Swiss Butter.",
},
]} ]}
sideTitle="Quick Answers to Common Questions" sideTitle="Quick Answers to Common Questions"
sideDescription="Have a question in mind about our menu, locations, or dining experience? We've got the answers." sideDescription="Have a question in mind about our menu, locations, or dining experience? We've got the answers."
buttons={[ buttons={[
{ {
text: "See All FAQs", text: "See All FAQs", href: "#"},
href: "#",
},
]} ]}
faqsAnimation="slide-up" faqsAnimation="slide-up"
textPosition="left" textPosition="left"
@@ -363,18 +223,13 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Ready to Savor the Swiss Butter Experience?" text="Ready to Savor the Swiss Butter Experience?"
buttons={[ buttons={[
{ {
text: "Find a Location", text: "Find a Location", href: "#"},
href: "#",
},
{ {
text: "Make a Reservation", text: "Make a Reservation", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -386,74 +241,43 @@ export default function LandingPage() {
logoText="Swiss Butter" logoText="Swiss Butter"
columns={[ columns={[
{ {
title: "Menu", title: "Menu", items: [
items: [
{ {
label: "Beef Filet", label: "Beef Filet", href: "#dishes"},
href: "#dishes",
},
{ {
label: "Chicken Breast", label: "Chicken Breast", href: "#dishes"},
href: "#dishes",
},
{ {
label: "Salmon Filet", label: "Salmon Filet", href: "#dishes"},
href: "#dishes",
},
], ],
}, },
{ {
title: "Locations", title: "Locations", items: [
items: [
{ {
label: "Lebanon", label: "Lebanon", href: "#"},
href: "#",
},
{ {
label: "UAE", label: "UAE", href: "#"},
href: "#",
},
{ {
label: "KSA", label: "KSA", href: "#"},
href: "#",
},
{ {
label: "UK", label: "UK", href: "#"},
href: "#",
},
{ {
label: "Spain", label: "Spain", href: "#"},
href: "#",
},
{ {
label: "Bahrain", label: "Bahrain", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "FAQs", label: "FAQs", href: "#faq"},
href: "#faq",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Press", label: "Press", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}

View File

@@ -17,8 +17,8 @@
--primary-cta-text: #f5f4ef; --primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea; --secondary-cta: #ecebea;
--secondary-cta-text: #2a2928; --secondary-cta-text: #2a2928;
--accent: #ffffff; --accent: #46a42a;
--background-accent: #c6b180; --background-accent: #63c448;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);