2 Commits

Author SHA1 Message Date
4813fade79 Update src/app/styles/variables.css 2026-06-12 06:15:45 +00:00
27a11749f0 Update src/app/page.tsx 2026-06-12 06:15:44 +00:00
2 changed files with 64 additions and 230 deletions

View File

@@ -23,7 +23,7 @@ export default function LandingPage() {
borderRadius="pill" borderRadius="pill"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles" sizing="mediumSizeLargeTitles"
background="floatingGradient" background="noise"
cardStyle="gradient-bordered" cardStyle="gradient-bordered"
primaryButtonStyle="radial-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Menu", name: "Menu", id: "#products"},
id: "#products",
},
{ {
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="CHUMUK" brandName="CHUMUK"
/> />
@@ -68,37 +56,23 @@ export default function LandingPage() {
description="Experience the vibrant flavors and cheerful atmosphere of your new favorite coffee shop. Freshly brewed, fun-filled moments await." description="Experience the vibrant flavors and cheerful atmosphere of your new favorite coffee shop. Freshly brewed, fun-filled moments await."
buttons={[ buttons={[
{ {
text: "Explore Our Menu", text: "Explore Our Menu", href: "#products"},
href: "#products",
},
{ {
text: "Visit Us", text: "Visit Us", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-image-red-coffee-cup-table_613910-12073.jpg" imageSrc="http://img.b2bpic.net/free-photo/closeup-image-red-coffee-cup-table_613910-12073.jpg"
imageAlt="Delicious coffee drink with latte art, red and yellow themed decor in the background" imageAlt="Delicious coffee drink with latte art, red and yellow themed decor in the background"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg", src: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg", alt: "Happy customer"},
alt: "Happy customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg", src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg", alt: "Smiling coffee drinker"},
alt: "Smiling coffee drinker",
},
{ {
src: "http://img.b2bpic.net/free-photo/positive-afro-american-woman-eith-curly-hair-closes-eyes-from-happiness-keeps-hand-near-heart-drinks-takeaway-coffe-enjoys-leisure-time-dressed-fashionable-clothes-isolated-green-wall_273609-47974.jpg", src: "http://img.b2bpic.net/free-photo/positive-afro-american-woman-eith-curly-hair-closes-eyes-from-happiness-keeps-hand-near-heart-drinks-takeaway-coffe-enjoys-leisure-time-dressed-fashionable-clothes-isolated-green-wall_273609-47974.jpg", alt: "Satisfied customer"},
alt: "Satisfied customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-girl-laughs-out-happily-keeps-mouth-opened-has-white-teeth-hears-funny-news-dressed-orange-knitted-sweater_273609-46780.jpg", src: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-girl-laughs-out-happily-keeps-mouth-opened-has-white-teeth-hears-funny-news-dressed-orange-knitted-sweater_273609-46780.jpg", alt: "Cheerful person"},
alt: "Cheerful person",
},
{ {
src: "http://img.b2bpic.net/free-photo/joyous-photographer-selecting-best-pictures-editorial-content_482257-116558.jpg", src: "http://img.b2bpic.net/free-photo/joyous-photographer-selecting-best-pictures-editorial-content_482257-116558.jpg", alt: "Customer giving review"},
alt: "Customer giving review",
},
]} ]}
avatarText="Join over 10,000 happy customers!" avatarText="Join over 10,000 happy customers!"
/> />
@@ -112,19 +86,13 @@ export default function LandingPage() {
description="More than just coffee, CHUMUK is a place where every cup is crafted with passion and every visit is a celebration. We believe in good vibes, great coffee, and even better company." description="More than just coffee, CHUMUK is a place where every cup is crafted with passion and every visit is a celebration. We believe in good vibes, great coffee, and even better company."
bulletPoints={[ bulletPoints={[
{ {
title: "Premium Beans", title: "Premium Beans", description: "Sourced from the finest regions, roasted to perfection for an unparalleled taste.", icon: Star,
description: "Sourced from the finest regions, roasted to perfection for an unparalleled taste.",
icon: Star,
}, },
{ {
title: "Artisan Baristas", title: "Artisan Baristas", description: "Our skilled team crafts beautiful and delicious drinks, turning coffee into art.", icon: Award,
description: "Our skilled team crafts beautiful and delicious drinks, turning coffee into art.",
icon: Award,
}, },
{ {
title: "Vibrant Atmosphere", title: "Vibrant Atmosphere", description: "A cheerful space designed for joy, comfort, and delightful conversations.", icon: Sparkles,
description: "A cheerful space designed for joy, comfort, and delightful conversations.",
icon: Sparkles,
}, },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/man-apron-posing-with-coffee-machine-component_23-2148366661.jpg" imageSrc="http://img.b2bpic.net/free-photo/man-apron-posing-with-coffee-machine-component_23-2148366661.jpg"
@@ -141,23 +109,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Signature Lattes", title: "Signature Lattes", description: "Unique blends and seasonal flavors, expertly crafted for your enjoyment.", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-alcoholic-drink-ready-be-served_23-2148617648.jpg", imageAlt: "Colorful latte in a unique mug"},
description: "Unique blends and seasonal flavors, expertly crafted for your enjoyment.",
imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-alcoholic-drink-ready-be-served_23-2148617648.jpg",
imageAlt: "Colorful latte in a unique mug",
},
{ {
title: "Freshly Baked Pastries", title: "Freshly Baked Pastries", description: "Pair your coffee with a delectable selection of pastries, baked daily.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-buns-wicker-tray-with-vegetables-cheese-white-plate-with-honey-white-background_141793-52944.jpg", imageAlt: "Assortment of freshly baked croissants and muffins"},
description: "Pair your coffee with a delectable selection of pastries, baked daily.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-buns-wicker-tray-with-vegetables-cheese-white-plate-with-honey-white-background_141793-52944.jpg",
imageAlt: "Assortment of freshly baked croissants and muffins",
},
{ {
title: "Cozy Nooks & Free Wi-Fi", title: "Cozy Nooks & Free Wi-Fi", description: "Relax or work in our comfortable spaces with complimentary high-speed internet.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245402.jpg", imageAlt: "Cozy cafe interior with laptop and coffee"},
description: "Relax or work in our comfortable spaces with complimentary high-speed internet.",
imageSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245402.jpg",
imageAlt: "Cozy cafe interior with laptop and coffee",
},
]} ]}
title="Our Signature Delights" title="Our Signature Delights"
description="Discover what makes CHUMUK truly special, from innovative drinks to a cozy corner just for you." description="Discover what makes CHUMUK truly special, from innovative drinks to a cozy corner just for you."
@@ -172,47 +128,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Classic Espresso", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-hot-strong-drink-light-blue-surface-drink-coffee-cocoa-sleep-color-photo_140725-52734.jpg", imageAlt: "Shot of classic espresso"},
name: "Classic Espresso",
price: "$3.00",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-hot-strong-drink-light-blue-surface-drink-coffee-cocoa-sleep-color-photo_140725-52734.jpg",
imageAlt: "Shot of classic espresso",
},
{ {
id: "p2", id: "p2", name: "Caramel Macchiato", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-latte-machiato-with-dessert-table_141793-3590.jpg", imageAlt: "Caramel Macchiato with foam art"},
name: "Caramel Macchiato",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-latte-machiato-with-dessert-table_141793-3590.jpg",
imageAlt: "Caramel Macchiato with foam art",
},
{ {
id: "p3", id: "p3", name: "Matcha Latte", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg", imageAlt: "Green Matcha Latte"},
name: "Matcha Latte",
price: "$5.75",
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg",
imageAlt: "Green Matcha Latte",
},
{ {
id: "p4", id: "p4", name: "Blueberry Muffin", price: "$3.25", imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-cocoa-sesame-cumin-with-glass-milk-black-background_114579-15126.jpg", imageAlt: "Freshly baked blueberry muffin"},
name: "Blueberry Muffin",
price: "$3.25",
imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-cocoa-sesame-cumin-with-glass-milk-black-background_114579-15126.jpg",
imageAlt: "Freshly baked blueberry muffin",
},
{ {
id: "p5", id: "p5", name: "Artisan Croissant", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissants-with-peanut-butter_23-2148566685.jpg", imageAlt: "Flaky artisan croissant"},
name: "Artisan Croissant",
price: "$3.75",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissants-with-peanut-butter_23-2148566685.jpg",
imageAlt: "Flaky artisan croissant",
},
{ {
id: "p6", id: "p6", name: "Cold Brew", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-drinks-ready-be-served_23-2148617688.jpg", imageAlt: "Glass of cold brew coffee"},
name: "Cold Brew",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-drinks-ready-be-served_23-2148617688.jpg",
imageAlt: "Glass of cold brew coffee",
},
]} ]}
title="Our Beloved Menu" title="Our Beloved Menu"
description="Explore our full range of handcrafted beverages and delicious treats, all made with love." description="Explore our full range of handcrafted beverages and delicious treats, all made with love."
@@ -226,45 +152,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Maria S.", handle: "@CoffeeLover", testimonial: "CHUMUK is my go-to spot! The coffee is amazing, and the red and yellow decor always puts a smile on my face. A truly cheerful experience!", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-touching-short-hair-studio-shot-smiling-attarctive-woman-red-sweater_197531-27318.jpg", imageAlt: "Customer Maria S."},
name: "Maria S.",
handle: "@CoffeeLover",
testimonial: "CHUMUK is my go-to spot! The coffee is amazing, and the red and yellow decor always puts a smile on my face. A truly cheerful experience!",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-touching-short-hair-studio-shot-smiling-attarctive-woman-red-sweater_197531-27318.jpg",
imageAlt: "Customer Maria S.",
},
{ {
id: "t2", id: "t2", name: "David L.", handle: "@CafeHopper", testimonial: "Best espresso in town! The staff is super friendly, and the atmosphere is so lively. Highly recommend their caramel macchiato.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "Customer David L."},
name: "David L.",
handle: "@CafeHopper",
testimonial: "Best espresso in town! The staff is super friendly, and the atmosphere is so lively. Highly recommend their caramel macchiato.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
imageAlt: "Customer David L.",
},
{ {
id: "t3", id: "t3", name: "Jessica P.", handle: "@LocalEats", testimonial: "Found my new favorite study spot. Great coffee, delicious pastries, and reliable Wi-Fi. What more could you ask for?", imageSrc: "http://img.b2bpic.net/free-photo/people-modern-lifestyle-technologies-communication-leisure-concept-serious-thoughtful-retired-lady-with-gray-hair-using-laptop-pc-remote-work-while-having-coffee-cafeteria-alone_344912-1963.jpg", imageAlt: "Customer Jessica P."},
name: "Jessica P.",
handle: "@LocalEats",
testimonial: "Found my new favorite study spot. Great coffee, delicious pastries, and reliable Wi-Fi. What more could you ask for?",
imageSrc: "http://img.b2bpic.net/free-photo/people-modern-lifestyle-technologies-communication-leisure-concept-serious-thoughtful-retired-lady-with-gray-hair-using-laptop-pc-remote-work-while-having-coffee-cafeteria-alone_344912-1963.jpg",
imageAlt: "Customer Jessica P.",
},
{ {
id: "t4", id: "t4", name: "Omar K.", handle: "@TasteExplorer", testimonial: "The unique blends here are fantastic. I love trying their seasonal specials. The energy of this place is infectious!", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-happy-handsome-business-man-suit-playing-moblie-phone-smiling-with-laptop-work-office-white-background_1258-103937.jpg", imageAlt: "Customer Omar K."},
name: "Omar K.",
handle: "@TasteExplorer",
testimonial: "The unique blends here are fantastic. I love trying their seasonal specials. The energy of this place is infectious!",
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-happy-handsome-business-man-suit-playing-moblie-phone-smiling-with-laptop-work-office-white-background_1258-103937.jpg",
imageAlt: "Customer Omar K.",
},
{ {
id: "t5", id: "t5", name: "Sophie G.", handle: "@SweetTooth", testimonial: "Their blueberry muffins are to die for! I always leave CHUMUK with a coffee and a pastry, feeling happy.", imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg", imageAlt: "Customer Sophie G."},
name: "Sophie G.",
handle: "@SweetTooth",
testimonial: "Their blueberry muffins are to die for! I always leave CHUMUK with a coffee and a pastry, feeling happy.",
imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",
imageAlt: "Customer Sophie G.",
},
]} ]}
title="What Our Guests Say" title="What Our Guests Say"
description="Hear from our happy customers about their CHUMUK experience." description="Hear from our happy customers about their CHUMUK experience."
@@ -278,60 +174,31 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "plan1", id: "plan1", name: "Regular Sip", price: "$20/month", buttons: [
name: "Regular Sip",
price: "$20/month",
buttons: [
{ {
text: "Subscribe", text: "Subscribe", href: "#"},
href: "#",
},
], ],
features: [ features: [
"1 Regular coffee/day", "1 Regular coffee/day", "Basic loyalty points", "Access to daily deals"],
"Basic loyalty points", badge: "Daily Brew", badgeIcon: Sparkles,
"Access to daily deals",
],
badge: "Daily Brew",
badgeIcon: Sparkles,
}, },
{ {
id: "plan2", id: "plan2", name: "Premium Roaster", price: "$35/month", buttons: [
name: "Premium Roaster",
price: "$35/month",
buttons: [
{ {
text: "Subscribe", text: "Subscribe", href: "#"},
href: "#",
},
], ],
features: [ features: [
"1 Premium coffee/day", "1 Premium coffee/day", "Enhanced loyalty points", "Early access to new blends", "20% off pastries"],
"Enhanced loyalty points", badge: "Connoisseur", badgeIcon: Sparkles,
"Early access to new blends",
"20% off pastries",
],
badge: "Connoisseur",
badgeIcon: Sparkles,
}, },
{ {
id: "plan3", id: "plan3", name: "Family Pack", price: "$50/month", buttons: [
name: "Family Pack",
price: "$50/month",
buttons: [
{ {
text: "Subscribe", text: "Subscribe", href: "#"},
href: "#",
},
], ],
features: [ features: [
"2 Premium coffees/day", "2 Premium coffees/day", "Shareable loyalty points", "Family discounts on pastries", "Free refills on drip coffee"],
"Shareable loyalty points", badge: "Community", badgeIcon: Sparkles,
"Family discounts on pastries",
"Free refills on drip coffee",
],
badge: "Community",
badgeIcon: Sparkles,
}, },
]} ]}
title="Our Coffee Plans" title="Our Coffee Plans"
@@ -344,14 +211,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Local Roastery Co.", "Local Roastery Co.", "Sweet Treats Bakery", "Community Art Guild", "Fresh Milk Farms", "Eco-Friendly Cups", "Urban Garden Supplies", "City Events Group"]}
"Sweet Treats Bakery",
"Community Art Guild",
"Fresh Milk Farms",
"Eco-Friendly Cups",
"Urban Garden Supplies",
"City Events Group",
]}
title="Trusted by Local Partners" title="Trusted by Local Partners"
description="We're proud to collaborate with local businesses and suppliers who share our passion for quality and community." description="We're proud to collaborate with local businesses and suppliers who share our passion for quality and community."
/> />
@@ -362,25 +222,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq1", id: "faq1", title: "What are your opening hours?", content: "We are open Monday to Friday from 7 AM to 7 PM, and Saturday to Sunday from 8 AM to 6 PM."},
title: "What are your opening hours?",
content: "We are open Monday to Friday from 7 AM to 7 PM, and Saturday to Sunday from 8 AM to 6 PM.",
},
{ {
id: "faq2", id: "faq2", title: "Do you offer vegan options?", content: "Yes, we have a variety of plant-based milk alternatives and vegan pastry options. Just ask our baristas!"},
title: "Do you offer vegan options?",
content: "Yes, we have a variety of plant-based milk alternatives and vegan pastry options. Just ask our baristas!",
},
{ {
id: "faq3", id: "faq3", title: "Can I pre-order coffee?", content: "Absolutely! You can pre-order through our website or mobile app for quick pickup."},
title: "Can I pre-order coffee?",
content: "Absolutely! You can pre-order through our website or mobile app for quick pickup.",
},
{ {
id: "faq4", id: "faq4", title: "Do you cater for events?", content: "Yes, we offer catering services for events of all sizes. Please contact us for a customized menu."},
title: "Do you cater for events?",
content: "Yes, we offer catering services for events of all sizes. Please contact us for a customized menu.",
},
]} ]}
sideTitle="Your Questions, Answered" sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to the most common questions about CHUMUK." sideDescription="Find quick answers to the most common questions about CHUMUK."
@@ -396,22 +244,14 @@ export default function LandingPage() {
description="Have a question, feedback, or want to discuss catering? We'd love to hear from you!" description="Have a question, feedback, or want to discuss catering? We'd love to hear from you!"
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message", rows: 4,
placeholder: "Your Message",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/lady-casual-outfit-posing-with-smile-street-portrait-happy-smiling-brunette-model-drinks-tea_197531-11995.jpg" imageSrc="http://img.b2bpic.net/free-photo/lady-casual-outfit-posing-with-smile-street-portrait-happy-smiling-brunette-model-drinks-tea_197531-11995.jpg"
@@ -429,23 +269,17 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com/chumukcoffee", href: "https://instagram.com/chumukcoffee", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
{ {
icon: Facebook, icon: Facebook,
href: "https://facebook.com/chumukcoffee", href: "https://facebook.com/chumukcoffee", ariaLabel: "Facebook"},
ariaLabel: "Facebook",
},
{ {
icon: Twitter, icon: Twitter,
href: "https://twitter.com/chumukcoffee", href: "https://twitter.com/chumukcoffee", ariaLabel: "Twitter"},
ariaLabel: "Twitter",
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #FDFCF6; --background: #000000;
--card: #FEFAF0; --card: #1a1a1a;
--foreground: #1A1A1A; --foreground: #ffffff;
--primary-cta: #E63946; --primary-cta: #e60000;
--primary-cta-text: #FFFFFF; --primary-cta-text: #ffffff;
--secondary-cta: #FFD700; --secondary-cta: #ffd700;
--secondary-cta-text: #1A1A1A; --secondary-cta-text: #000000;
--accent: #FFD700; --accent: #ffd700;
--background-accent: #1A1A1A; --background-accent: #1a1a1a;
/* 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);