bender/33a69207-535f-437d-85cd-01582281004d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-06-03 21:52:18 +00:00
Conversation 0 Commits 2 Files Changed 2 +84 -265
2 changed files with 84 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

339
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -33,43 +33,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Cosmos"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -77,45 +59,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Crafting Digital Experiences That Captivate"
description="Cosmos is a design and development agency building stunning websites, intuitive apps, and powerful brands that resonate and convert."
buttons={[
{
text: "View Our Work",
href: "#portfolio",
},
text: "View Our Work", href: "#portfolio"},
{
text: "Start Your Project",
href: "#contact",
},
text: "Start Your Project", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-ironing-board-leaned-white-wall_181624-25231.jpg",
imageAlt: "Abstract lines and geometric shapes representing design and development",
},
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-ironing-board-leaned-white-wall_181624-25231.jpg", imageAlt: "Abstract lines and geometric shapes representing design and development"},
{
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-his-desk-checking-his-laptop_23-2148488667.jpg",
imageAlt: "Sleek workstation with UI/UX designs and code",
},
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-his-desk-checking-his-laptop_23-2148488667.jpg", imageAlt: "Sleek workstation with UI/UX designs and code"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-internet-communication-network_23-2148779286.jpg",
imageAlt: "Abstract global network representing connectivity and innovation",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-internet-communication-network_23-2148779286.jpg", imageAlt: "Abstract global network representing connectivity and innovation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg",
imageAlt: "Hands collaborating on a tablet displaying wireframes",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg", imageAlt: "Hands collaborating on a tablet displaying wireframes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058825.jpg",
imageAlt: "Dynamic creative studio space with modern design",
},
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058825.jpg", imageAlt: "Dynamic creative studio space with modern design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-illustration_23-2151980679.jpg",
imageAlt: "High-tech pattern of interconnected circuits",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-illustration_23-2151980679.jpg", imageAlt: "High-tech pattern of interconnected circuits"},
]}
/>
</div>
@@ -134,30 +99,15 @@ export default function LandingPage() {
description="From initial concept to flawless launch and beyond, Cosmos covers every aspect of your digital presence with unparalleled expertise and creative flair. We build solutions that are innovative, robust, and future-proof."
accordionItems={[
{
id: "uiux",
title: "User Interface & Experience Design",
content: "Crafting intuitive and engaging user interfaces that delight your audience and streamline their journey through your digital products. We focus on usability, accessibility, and visual appeal to create memorable experiences.",
},
id: "uiux", title: "User Interface & Experience Design", content: "Crafting intuitive and engaging user interfaces that delight your audience and streamline their journey through your digital products. We focus on usability, accessibility, and visual appeal to create memorable experiences."},
{
id: "webdev",
title: "Custom Web Development",
content: "Building high-performance, scalable, and secure web applications tailored to your unique business needs. From complex platforms to elegant marketing sites, we deliver robust solutions with cutting-edge technologies.",
},
id: "webdev", title: "Custom Web Development", content: "Building high-performance, scalable, and secure web applications tailored to your unique business needs. From complex platforms to elegant marketing sites, we deliver robust solutions with cutting-edge technologies."},
{
id: "mobileapp",
title: "Mobile App Development",
content: "Designing and developing native and cross-platform mobile applications that stand out. We create immersive mobile experiences that are fast, responsive, and provide genuine value to your users.",
},
id: "mobileapp", title: "Mobile App Development", content: "Designing and developing native and cross-platform mobile applications that stand out. We create immersive mobile experiences that are fast, responsive, and provide genuine value to your users."},
{
id: "branding",
title: "Brand Strategy & Identity",
content: "Developing comprehensive brand strategies and visual identities that capture your essence and communicate your unique value. We create strong, cohesive brands that resonate with your target market.",
},
id: "branding", title: "Brand Strategy & Identity", content: "Developing comprehensive brand strategies and visual identities that capture your essence and communicate your unique value. We create strong, cohesive brands that resonate with your target market."},
{
id: "consulting",
title: "Digital Transformation Consulting",
content: "Guiding businesses through their digital evolution with expert consulting. We help you identify opportunities, optimize processes, and implement innovative technologies to stay ahead in a rapidly changing digital landscape.",
},
id: "consulting", title: "Digital Transformation Consulting", content: "Guiding businesses through their digital evolution with expert consulting. We help you identify opportunities, optimize processes, and implement innovative technologies to stay ahead in a rapidly changing digital landscape."},
]}
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-red-haired-businesswoman-writing-sticker-with-marker_74855-10449.jpg"
imageAlt="Team of designers and developers collaborating"
@@ -174,47 +124,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "FinTech Dashboard Redesign",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345417.jpg",
imageAlt: "FinTech Dashboard Interface",
},
id: "p1", name: "FinTech Dashboard Redesign", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345417.jpg", imageAlt: "FinTech Dashboard Interface"},
{
id: "p2",
name: "E-commerce Mobile App",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/experience-knowledge-skills-observation-meet_53876-124210.jpg",
imageAlt: "E-commerce Mobile Application",
},
id: "p2", name: "E-commerce Mobile App", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/experience-knowledge-skills-observation-meet_53876-124210.jpg", imageAlt: "E-commerce Mobile Application"},
{
id: "p3",
name: "SaaS Brand Identity",
price: "Brand Guidelines",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets-against-flags-different-countries_627829-3206.jpg",
imageAlt: "SaaS Brand Identity Showcase",
},
id: "p3", name: "SaaS Brand Identity", price: "Brand Guidelines", imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-posed-streets-against-flags-different-countries_627829-3206.jpg", imageAlt: "SaaS Brand Identity Showcase"},
{
id: "p4",
name: "Healthcare Web Platform",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-paper-sheets-shopping-cart_23-2147930876.jpg",
imageAlt: "Healthcare Web Platform",
},
id: "p4", name: "Healthcare Web Platform", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-paper-sheets-shopping-cart_23-2147930876.jpg", imageAlt: "Healthcare Web Platform"},
{
id: "p5",
name: "Real Estate Landing Page",
price: "View Live",
imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg",
imageAlt: "Real Estate Landing Page Design",
},
id: "p5", name: "Real Estate Landing Page", price: "View Live", imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg", imageAlt: "Real Estate Landing Page Design"},
{
id: "p6",
name: "AI Analytics Software",
price: "Case Study",
imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",
imageAlt: "AI Analytics Software Interface",
},
id: "p6", name: "AI Analytics Software", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", imageAlt: "AI Analytics Software Interface"},
]}
title="Showcase of Our Impactful Work"
description="Explore our diverse portfolio of projects that seamlessly blend innovative design with robust development, delivering exceptional results across various industries."
@@ -228,25 +148,13 @@ export default function LandingPage() {
tag="Our Impact"
metrics={[
{
id: "m1",
value: "250+",
description: "Successful Projects Delivered",
},
id: "m1", value: "250+", description: "Successful Projects Delivered"},
{
id: "m2",
value: "98%",
description: "Client Satisfaction Rate",
},
id: "m2", value: "98%", description: "Client Satisfaction Rate"},
{
id: "m3",
value: "10+",
description: "Years of Industry Experience",
},
id: "m3", value: "10+", description: "Years of Industry Experience"},
{
id: "m4",
value: "15+",
description: "Awards and Recognitions",
},
id: "m4", value: "15+", description: "Awards and Recognitions"},
]}
metricsAnimation="slide-up"
/>
@@ -260,33 +168,13 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Evelyn Reed",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-black-white-medium-shot_23-2149411423.jpg",
imageAlt: "Evelyn Reed, Creative Director",
},
id: "t1", name: "Evelyn Reed", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-black-white-medium-shot_23-2149411423.jpg", imageAlt: "Evelyn Reed, Creative Director"},
{
id: "t2",
name: "Marcus Thorne",
role: "Lead Developer",
imageSrc: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89756.jpg",
imageAlt: "Marcus Thorne, Lead Developer",
},
id: "t2", name: "Marcus Thorne", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89756.jpg", imageAlt: "Marcus Thorne, Lead Developer"},
{
id: "t3",
name: "Sophia Chen",
role: "UI/UX Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-summer-clothes-posing-near-wall-sitting-floor_158538-9062.jpg",
imageAlt: "Sophia Chen, UI/UX Designer",
},
id: "t3", name: "Sophia Chen", role: "UI/UX Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-summer-clothes-posing-near-wall-sitting-floor_158538-9062.jpg", imageAlt: "Sophia Chen, UI/UX Designer"},
{
id: "t4",
name: "David Kim",
role: "Project Manager",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-260.jpg",
imageAlt: "David Kim, Project Manager",
},
id: "t4", name: "David Kim", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-260.jpg", imageAlt: "David Kim, Project Manager"},
]}
title="Meet the Brilliant Minds Behind Cosmos"
description="Our diverse team of strategists, designers, and developers collaborates passionately to bring your vision to life. We are a collective of experts dedicated to pushing creative and technical boundaries."
@@ -300,45 +188,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "test1",
name: "Sarah Johnson",
role: "CEO, TechInnovate",
testimonial: "Cosmos transformed our outdated platform into a modern, user-friendly experience. Their attention to detail and creative solutions were exceptional. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-suit-posing-black-white_23-2149411396.jpg",
imageAlt: "Sarah Johnson, CEO",
},
id: "test1", name: "Sarah Johnson", role: "CEO, TechInnovate", testimonial: "Cosmos transformed our outdated platform into a modern, user-friendly experience. Their attention to detail and creative solutions were exceptional. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-suit-posing-black-white_23-2149411396.jpg", imageAlt: "Sarah Johnson, CEO"},
{
id: "test2",
name: "Michael Chen",
role: "Marketing Director, Growthify",
testimonial: "The team at Cosmos built us a stunning new website that significantly improved our conversion rates. Their strategic approach to design and development is truly impressive.",
imageSrc: "http://img.b2bpic.net/free-photo/business-surprised-asian-businesswoman-looking-impressed-after-reading-something-digital-tablet-s_1258-158905.jpg",
imageAlt: "Michael Chen, Marketing Director",
},
id: "test2", name: "Michael Chen", role: "Marketing Director, Growthify", testimonial: "The team at Cosmos built us a stunning new website that significantly improved our conversion rates. Their strategic approach to design and development is truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/business-surprised-asian-businesswoman-looking-impressed-after-reading-something-digital-tablet-s_1258-158905.jpg", imageAlt: "Michael Chen, Marketing Director"},
{
id: "test3",
name: "Emily Rodriguez",
role: "Founder, UrbanBloom",
testimonial: "Working with Cosmos was a game-changer for our brand. They captured our vision perfectly and delivered an elegant e-commerce solution that exceeds our expectations.",
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
imageAlt: "Emily Rodriguez, Founder",
},
id: "test3", name: "Emily Rodriguez", role: "Founder, UrbanBloom", testimonial: "Working with Cosmos was a game-changer for our brand. They captured our vision perfectly and delivered an elegant e-commerce solution that exceeds our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "Emily Rodriguez, Founder"},
{
id: "test4",
name: "David Kim",
role: "Product Manager, NexGen Solutions",
testimonial: "Cosmos delivered a complex mobile application with incredible precision and an intuitive UI. Their development expertise is top-notch, and they were a pleasure to work with.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452673.jpg",
imageAlt: "David Kim, Product Manager",
},
id: "test4", name: "David Kim", role: "Product Manager, NexGen Solutions", testimonial: "Cosmos delivered a complex mobile application with incredible precision and an intuitive UI. Their development expertise is top-notch, and they were a pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452673.jpg", imageAlt: "David Kim, Product Manager"},
{
id: "test5",
name: "Jessica Lee",
role: "Head of Design, CreativeFlow",
testimonial: "As a design leader, I'm incredibly particular. Cosmos impressed me with their innovative concepts and flawless execution, elevating our digital presence to new heights.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg",
imageAlt: "Jessica Lee, Head of Design",
},
id: "test5", name: "Jessica Lee", role: "Head of Design, CreativeFlow", testimonial: "As a design leader, I'm incredibly particular. Cosmos impressed me with their innovative concepts and flawless execution, elevating our digital presence to new heights.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg", imageAlt: "Jessica Lee, Head of Design"},
]}
title="What Our Valued Clients Say"
description="Hear directly from businesses and individuals who have partnered with Cosmos for their digital journey. Their success stories are our greatest motivation."
@@ -350,25 +208,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What kind of projects does Cosmos specialize in?",
content: "Cosmos specializes in a wide range of digital projects, including custom web development, mobile app development (iOS & Android), UI/UX design, brand identity creation, and digital strategy consulting. We cater to startups, established businesses, and enterprises looking for innovative digital solutions.",
},
id: "q1", title: "What kind of projects does Cosmos specialize in?", content: "Cosmos specializes in a wide range of digital projects, including custom web development, mobile app development (iOS & Android), UI/UX design, brand identity creation, and digital strategy consulting. We cater to startups, established businesses, and enterprises looking for innovative digital solutions."},
{
id: "q2",
title: "What is your typical project timeline?",
content: "Project timelines vary depending on the scope and complexity. A typical website redesign might take 8-12 weeks, while a custom web application or mobile app could range from 4-6 months. We provide a detailed timeline after our initial discovery phase.",
},
id: "q2", title: "What is your typical project timeline?", content: "Project timelines vary depending on the scope and complexity. A typical website redesign might take 8-12 weeks, while a custom web application or mobile app could range from 4-6 months. We provide a detailed timeline after our initial discovery phase."},
{
id: "q3",
title: "How do you ensure projects stay within budget?",
content: "We maintain transparent communication about project costs from the outset. Our process includes detailed proposals, phased deliverables, and regular updates to ensure we stay on track. Any scope changes are discussed and approved with clear cost implications before implementation.",
},
id: "q3", title: "How do you ensure projects stay within budget?", content: "We maintain transparent communication about project costs from the outset. Our process includes detailed proposals, phased deliverables, and regular updates to ensure we stay on track. Any scope changes are discussed and approved with clear cost implications before implementation."},
{
id: "q4",
title: "What is your approach to client collaboration?",
content: "Collaboration is at the heart of our process. We involve clients at every critical stage through regular meetings, feedback sessions, and access to project management tools. Your input guides our work, ensuring the final product perfectly aligns with your vision and business objectives.",
},
id: "q4", title: "What is your approach to client collaboration?", content: "Collaboration is at the heart of our process. We involve clients at every critical stage through regular meetings, feedback sessions, and access to project management tools. Your input guides our work, ensuring the final product perfectly aligns with your vision and business objectives."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common inquiries about our services, process, and how we can partner together to achieve your digital goals."
@@ -378,92 +224,65 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Get Started"
title="Ready to Build Your Digital Universe with Cosmos?"
description="Contact us today to discuss your project. Let's create something extraordinary together."
buttons={[
{
text: "Schedule a Consultation",
href: "mailto:info@cosmos.com",
},
{
text: "Call Us",
href: "tel:+1234567890",
},
]}
variant: "sparkles-gradient"}}
tag="Connect with Us"
title="Launch Your Vision into the Digital Cosmos"
description="Ready to collaborate on your next groundbreaking project? Fill out the form below, and let's craft an extraordinary digital experience together."
imageSrc="http://img.b2bpic.net/free-photo/view-planet-space_23-2150247656.jpg"
imageAlt="Nebula and stars in outer space"
mediaPosition="right"
inputPlaceholder="Your Email"
buttonText="Send Message"
termsText="By sending, you agree to our privacy policy and terms of service."
onSubmit={(email) => console.log('Contact form submitted:', email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/spiral-galaxy_23-2149504787.jpg"
imageAlt="Spiral galaxy in deep space"
logoText="Cosmos"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Web Development",
href: "#services",
},
label: "Web Development", href: "#services"},
{
label: "UI/UX Design",
href: "#services",
},
label: "UI/UX Design", href: "#services"},
{
label: "Mobile Apps",
href: "#services",
},
label: "Mobile Apps", href: "#services"},
{
label: "Branding",
href: "#services",
},
label: "Branding", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Work",
href: "#portfolio",
},
label: "Our Work", href: "#portfolio"},
{
label: "Team",
href: "#team",
},
label: "Team", href: "#team"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
bottomLeftText="© 2024 Cosmos. All rights reserved."
bottomRightText="Crafted with passion by Cosmos."
copyrightText="© 2024 Cosmos. All rights reserved."
/>
</div>
</ReactLenis>

10
src/app/styles/variables.css
View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #000000;
--card: #1a1a1a;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta: #cee7ff;
--primary-cta-text: #000000;
--secondary-cta: #333333;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #cccccc;
--background-accent: #0a0a0a;
--accent: #535353;
--background-accent: #CEE7FF;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);