23 Commits

Author SHA1 Message Date
4a30e4898a Merge version_5 into main
Merge version_5 into main
2026-06-01 07:59:51 +00:00
5fd5ed905a Update src/app/page.tsx 2026-06-01 07:59:48 +00:00
0830a96497 Merge version_5 into main
Merge version_5 into main
2026-06-01 07:59:02 +00:00
0fb5a0c21c Update src/app/page.tsx 2026-06-01 07:58:56 +00:00
c8e5c9a9ea Merge version_5 into main
Merge version_5 into main
2026-06-01 07:57:57 +00:00
454ddf6a3b Update src/app/page.tsx 2026-06-01 07:57:55 +00:00
e6ee0ba47d Merge version_5 into main
Merge version_5 into main
2026-06-01 07:57:29 +00:00
f9868ee3da Update src/app/page.tsx 2026-06-01 07:57:23 +00:00
0b0354f004 Merge version_5 into main
Merge version_5 into main
2026-06-01 07:56:47 +00:00
80653b9209 Update src/app/styles/variables.css 2026-06-01 07:56:44 +00:00
dbb21ceb68 Update src/app/page.tsx 2026-06-01 07:56:43 +00:00
f72198f04e Merge version_4 into main
Merge version_4 into main
2026-06-01 07:48:56 +00:00
c9e4d17910 Update src/app/page.tsx 2026-06-01 07:48:53 +00:00
ddb3b5f7a3 Merge version_4 into main
Merge version_4 into main
2026-06-01 07:48:32 +00:00
c54fe92868 Update src/app/page.tsx 2026-06-01 07:48:29 +00:00
d35b1cb764 Merge version_4 into main
Merge version_4 into main
2026-06-01 07:47:23 +00:00
feb118a851 Update src/app/page.tsx 2026-06-01 07:47:20 +00:00
56f2195255 Merge version_4 into main
Merge version_4 into main
2026-06-01 07:46:40 +00:00
dcac423dad Update src/app/styles/variables.css 2026-06-01 07:46:37 +00:00
e47191482a Update src/app/page.tsx 2026-06-01 07:46:36 +00:00
c6fcebefb9 Merge version_3 into main
Merge version_3 into main
2026-06-01 07:43:07 +00:00
ad24909d0e Update src/app/page.tsx 2026-06-01 07:43:04 +00:00
8a3f3c8f1e Merge version_2 into main
Merge version_2 into main
2026-06-01 07:13:52 +00:00
2 changed files with 133 additions and 269 deletions

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -32,43 +32,28 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
name: "Home", id: "#hero"},
{
name: "About", id: "#about"},
{
name: "Features", id: "#features"},
{
name: "Projects", id: "#projects"
},
{
name: "About",
id: "#about",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Pricing", id: "#pricing"},
{
name: "Products",
id: "#products",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Pricing",
id: "#pricing",
},
name: "FAQ", id: "#faq"},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "FAQ",
id: "#faq",
},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Webild"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -76,69 +61,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Innovate Your Digital Presence"
description="Transforming ideas into stunning websites with cutting-edge design and seamless functionality. Let's build something amazing together."
buttons={[
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg"
imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg?_wi=1"
imageAlt="modern web design desk setup"
mediaAnimation="slide-up"
buttonAnimation="slide-up"
tagAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",
alt: "Mockup Copy Space Blank Screen Concept",
},
src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg", alt: "Mockup Copy Space Blank Screen Concept"},
{
src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",
alt: "Office desk with computer, digital tablet and mobile phone",
},
src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", alt: "Office desk with computer, digital tablet and mobile phone"},
{
src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg",
alt: "Top view computer on a dark table work desk",
},
src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg", alt: "Top view computer on a dark table work desk"},
{
src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg",
alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant",
},
src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg", alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant"},
{
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg",
alt: "young smiling professional developer",
},
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg", alt: "young smiling professional developer"},
]}
avatarText="Join over 500+ satisfied clients!"
marqueeItems={[
{
type: "text",
text: "Web Design",
},
type: "text", text: "Web Design"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg",
alt: "responsive web development",
},
type: "image", src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg", alt: "responsive web development"},
{
type: "text",
text: "E-commerce Solutions",
},
type: "text", text: "E-commerce Solutions"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg",
alt: "digital marketing analytics",
},
type: "image", src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg", alt: "digital marketing analytics"},
{
type: "text",
text: "SEO Optimization",
},
type: "text", text: "SEO Optimization"},
]}
/>
</div>
@@ -146,10 +106,12 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Crafting Digital Experiences"
title="Unlocking Digital Potential with Custom Web Experiences"
description="We are a team of passionate designers and developers dedicated to creating high-quality, user-centric websites that drive engagement and growth. Our focus is on delivering tailored solutions that resonate with your brand and audience."
imageSrc="http://img.b2bpic.net/free-photo/serious-young-colleagues-sitting-office-coworking_171337-17681.jpg"
imageAlt="team collaborating on web project"
buttonAnimation="slide-up"
tagAnimation="slide-up"
/>
</div>
@@ -160,38 +122,49 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Custom Design",
title: "Tailored Solutions",
items: [
"Unique designs reflecting your brand identity.",
"User-centric approach for optimal experience.",
"Scalable architecture for future growth.",
],
id: "f1", label: "Custom Design", title: "Tailored Solutions", items: [
"Unique designs reflecting your brand identity.", "User-centric approach for optimal experience.", "Scalable architecture for future growth."],
},
{
id: "f2",
label: "Performance Focused",
title: "Blazing Fast Websites",
items: [
"Optimized for speed and search engine rankings.",
"Responsive across all devices and screen sizes.",
"Robust and secure infrastructure.",
],
id: "f2", label: "Performance Focused", title: "Blazing Fast Websites", items: [
"Optimized for speed and search engine rankings.", "Responsive across all devices and screen sizes.", "Robust and secure infrastructure."],
},
{
id: "f3",
label: "Ongoing Support",
title: "Dedicated Partnership",
items: [
"Continuous maintenance and updates.",
"Proactive monitoring for peak performance.",
"Expert support whenever you need it.",
],
id: "f3", label: "Ongoing Support", title: "Dedicated Partnership", items: [
"Continuous maintenance and updates.", "Proactive monitoring for peak performance.", "Expert support whenever you need it."],
},
]}
title="Key Features That Set Us Apart"
description="Discover how our comprehensive services provide real value and empower your online success."
buttonAnimation="slide-up"
tagAnimation="slide-up"
/>
</div>
<div id="projects" data-section="projects">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "proj1", name: "Dynamic Portfolio Site", price: "Web Development", variant: "Showcasing creative work with elegance and speed.", imageSrc: "http://img.b2bpic.net/free-photo/code-programming-coding-hacker-concept_53876-124216.jpg", imageAlt: "Dynamic Portfolio Site Screenshot"},
{
id: "proj2", name: "E-commerce Platform Redesign", price: "UI/UX & Development", variant: "Modernizing an online store for enhanced user experience and sales.", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-office-desk-full-items_53876-124190.jpg", imageAlt: "E-commerce Platform Redesign Screenshot"},
{
id: "proj3", name: "SaaS Dashboard Interface", price: "UX/UI Design", variant: "Designing intuitive and powerful dashboards for data visualization.", imageSrc: "http://img.b2bpic.net/free-photo/code-programming-coding-hacker-concept_53876-124198.jpg", imageAlt: "SaaS Dashboard Interface Screenshot"},
{
id: "proj4", name: "Mobile App Landing Page", price: "Web Design", variant: "Creating engaging landing pages to drive app downloads and user acquisition.", imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg?_wi=2", imageAlt: "Mobile App Landing Page Screenshot"},
{
id: "proj5", name: "Corporate Blog Integration", price: "Content Strategy", variant: "Seamlessly integrating a blog for content marketing and audience engagement.", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=1", imageAlt: "Corporate Blog Integration Screenshot"},
{
id: "proj6", name: "Interactive Event Website", price: "Full-stack Development", variant: "Building dynamic websites for event registrations, schedules, and live updates.", imageSrc: "http://img.b2bpic.net/free-photo/workspace-desk-from-top-view-white-background_169016-11880.jpg", imageAlt: "Interactive Event Website Screenshot"}
]}
title="Our Latest Projects"
description="Explore some of our recent work where creativity meets functionality to deliver outstanding digital experiences."
buttonAnimation="slide-up"
tagAnimation="slide-up"
/>
</div>
@@ -203,56 +176,22 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Corporate Website",
price: "$2,500",
variant: "Business Starter",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg",
imageAlt: "clean corporate website design",
},
id: "p1", name: "Corporate Website", price: "$2,500", variant: "Business Starter", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg", imageAlt: "clean corporate website design"},
{
id: "p2",
name: "E-commerce Store",
price: "$4,000",
variant: "Online Shop Pro",
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",
imageAlt: "e-commerce online shop design",
},
id: "p2", name: "E-commerce Store", price: "$4,000", variant: "Online Shop Pro", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg", imageAlt: "e-commerce online shop design"},
{
id: "p3",
name: "Portfolio Site",
price: "$1,800",
variant: "Creative Showcase",
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
imageAlt: "portfolio website creative design",
},
id: "p3", name: "Portfolio Site", price: "$1,800", variant: "Creative Showcase", imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg", imageAlt: "portfolio website creative design"},
{
id: "p4",
name: "Blog & News Portal",
price: "$2,000",
variant: "Content Hub",
imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg",
imageAlt: "blog news magazine website",
},
id: "p4", name: "Blog & News Portal", price: "$2,000", variant: "Content Hub", imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg", imageAlt: "blog news magazine website"},
{
id: "p5",
name: "Restaurant Ordering",
price: "$3,200",
variant: "Foodie Connect",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg",
imageAlt: "restaurant menu food delivery website",
},
id: "p5", name: "Restaurant Ordering", price: "$3,200", variant: "Foodie Connect", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg", imageAlt: "restaurant menu food delivery website"},
{
id: "p6",
name: "Event Booking Platform",
price: "$4,500",
variant: "Experience Host",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg",
imageAlt: "event management booking website",
},
id: "p6", name: "Event Booking Platform", price: "$4,500", variant: "Experience Host", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=2", imageAlt: "event management booking website"},
]}
title="Our Featured Web Solutions"
description="Explore our diverse range of website packages and services designed to meet every need."
buttonAnimation="slide-up"
tagAnimation="slide-up"
/>
</div>
@@ -263,59 +202,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Starter",
price: "$999",
period: "one-time",
description: "Perfect for small businesses or personal projects looking for a strong online presence.",
button: {
text: "Select Starter",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Responsive Design",
"Basic SEO Optimization",
"1-Year Support",
],
id: "basic", tag: "Starter", price: "$999", period: "one-time", description: "Perfect for small businesses or personal projects looking for a strong online presence.", button: {
text: "Select Starter", href: "#contact"},
featuresTitle: "Includes:", features: [
"Responsive Design", "Basic SEO Optimization", "1-Year Support"],
},
{
id: "standard",
tag: "Popular",
price: "$1,999",
period: "one-time",
description: "Ideal for growing businesses needing advanced features and enhanced performance.",
button: {
text: "Select Standard",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Custom Design",
"Advanced SEO Strategy",
"2-Year Premium Support",
],
id: "standard", tag: "Popular", price: "$1,999", period: "one-time", description: "Ideal for growing businesses needing advanced features and enhanced performance.", button: {
text: "Select Standard", href: "#contact"},
featuresTitle: "Includes:", features: [
"Custom Design", "Advanced SEO Strategy", "2-Year Premium Support"],
},
{
id: "premium",
tag: "Enterprise",
price: "$3,499",
period: "one-time",
description: "For large-scale projects requiring comprehensive solutions and dedicated resources.",
button: {
text: "Select Premium",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Full E-commerce Integration",
"Marketing Automation",
"Lifetime Priority Support",
],
id: "premium", tag: "Enterprise", price: "$3,499", period: "one-time", description: "For large-scale projects requiring comprehensive solutions and dedicated resources.", button: {
text: "Select Premium", href: "#contact"},
featuresTitle: "Includes:", features: [
"Full E-commerce Integration", "Marketing Automation", "Lifetime Priority Support"],
},
]}
title="Flexible Pricing for Every Project"
description="Choose the plan that best fits your budget and business goals. All plans are customizable to ensure your unique needs are met."
buttonAnimation="slide-up"
tagAnimation="slide-up"
/>
</div>
@@ -324,39 +232,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg",
imageAlt: "smiling businesswoman portrait professional",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg", imageAlt: "smiling businesswoman portrait professional"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
imageAlt: "male tech executive smiling confident",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg", imageAlt: "male tech executive smiling confident"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",
imageAlt: "marketing director creative woman",
},
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg", imageAlt: "marketing director creative woman"},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg",
imageAlt: "product manager man serious look",
},
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg", imageAlt: "product manager man serious look"},
{
id: "5",
name: "Jessica Lee",
imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg",
imageAlt: "female startup founder smiling",
},
id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg", imageAlt: "female startup founder smiling"},
]}
cardTitle="What Our Clients Say"
cardTag="Trusted Feedback"
cardAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
@@ -366,40 +255,36 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is your website development process?",
content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal.",
},
{
id: "q2",
title: "How long does it take to build a website?",
content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation.",
},
{
id: "q3",
title: "Do you offer post-launch support?",
content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly.",
},
]}
id: "q1", title: "What is your website development process?", content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."}, {
id: "q2", title: "How long does it take to build a website?", content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."}, {
id: "q3", title: "Do you offer post-launch support?", content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."}
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about our services and process."
faqsAnimation="slide-up"
buttonAnimation="slide-up"
tagAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactCTA
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
text="Ready to Start Your Project? Reach Out Today!"
variant: "rotated-rays-animated"}}
tag="Get in Touch"
title="Ready to Start Your Project? Reach Out Today!"
description="We're excited to hear about your next big idea. Connect with us through any of the options below."
buttons={[
{
text: "Contact Us Now",
href: "mailto:info@webild.com",
},
text: "Email Us", href: "mailto:info@webild.com"},
{
text: "Message on WhatsApp", href: "https://wa.me/1234567890"},
{
text: "Follow on Instagram", href: "https://instagram.com/webild"}
]}
buttonAnimation="slide-up"
tagAnimation="slide-up"
/>
</div>
@@ -410,54 +295,33 @@ export default function LandingPage() {
logoText="Webild"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
{
label: "Portfolio",
href: "#products",
},
label: "Portfolio", href: "#projects"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "LinkedIn",
href: "https://linkedin.com",
},
label: "LinkedIn", href: "https://linkedin.com"},
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
],
},
]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #f8f8f8;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #D4AF37;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #333333;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #D4AF37;
--background-accent: #fcfcfc;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);