bender/5e53d8d2-3745-48e6-97d8-2a11024e5d3b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 4 commits from version_2 into main 2026-03-05 07:11:55 +00:00
Conversation 0 Commits 4 Files Changed 4 +239 -132
4 changed files with 239 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/layout.tsx
View File

@@ -1,49 +1,29 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Source_Sans_3 } from "next/font/google";
import { Playfair_Display, Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
const playfairDisplay = Playfair_Display({
variable: "--font-playfair-display", subsets: ["latin"],
weight: ["400", "500", "600", "700", "800", "900"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const sourceSans3 = Source_Sans_3({
variable: "--font-source-sans-3", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Kalton Studio | Exceptional Design for Your Brand", description: "Award-winning creative design studio crafting stunning visual experiences, branding, and strategic designs that elevate businesses globally.", keywords: "design studio, branding, graphic design, creative agency, visual design, brand identity, portfolio", openGraph: {
title: "Kalton Studio | Exceptional Design for Your Brand", description: "Award-winning creative design studio crafting stunning visual experiences and strategic branding solutions.", siteName: "Kalton Studio", type: "website"},
twitter: {
card: "summary_large_image", title: "Kalton Studio | Exceptional Design for Your Brand", description: "Award-winning creative design studio crafting stunning visual experiences and strategic branding solutions."},
robots: {
index: true,
follow: true,
},
};
title: "Kalton Studio | Crafting Visual Stories That Feel Timeless", description: "Premium creative studio specializing in photography, brand visuals, creative direction, and content production."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${sourceSans3.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={`${playfairDisplay.variable} ${inter.variable}`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1411,7 +1391,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

312
src/app/page.tsx
View File

@@ -5,23 +5,25 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Award, BarChart3, CheckCircle, Code, Globe, Lightbulb, Palette, Quote, Rocket, Search, Sparkles, Target, TrendingUp, Users, Zap } from "lucide-react";
import { Camera, Sparkles, Users, Heart, Mail, MapPin, Lightbulb, Palette, Video, Zap } from "lucide-react";
import Image from "next/image";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="large"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
sizing="mediumLarge"
background="none"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
@@ -30,50 +32,43 @@ export default function LandingPage() {
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Work", id: "testimonials" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
]}
brandName="Kalton Studio"
bottomLeftText="Creative Design Studio"
bottomLeftText="Premium Creative Studio"
bottomRightText="hello@kaltonstudio.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Elevate Your Brand with Exceptional Design"
description="At Kalton Studio, we craft compelling visual experiences that transform businesses. From concept to delivery, we create stunning designs that captivate and convert."
tag="Creative Excellence"
tagIcon={Sparkles}
background={{ variant: "radial-gradient" }}
title="Crafting Visual Stories That Feel Timeless"
description=""
tag="Kalton Studio"
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg", imageAlt: "design studio creative workspace"},
{
imageSrc: "http://img.b2bpic.net/free-vector/neon-business-cards-concept_23-2148562822.jpg", imageAlt: "graphic design branding mockup creative"},
{
imageSrc: "http://img.b2bpic.net/free-vector/gradient-business-template-design_23-2149752068.jpg", imageAlt: "design studio creative work portfolio showcase"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-top-view_23-2149930937.jpg", imageAlt: "branding design process creative modern"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2fHkdt5EUTOxcrcha9lnyIPr/uploaded-1772694622789-n0l0ppo9.png", imageAlt: "Kalton Studio Logo"},
]}
buttons={[
{ text: "View Our Work", href: "testimonials" },
{ text: "View Portfolio", href: "#portfolio" },
{ text: "Start a Project", href: "contact" },
]}
mediaAnimation="slide-up"
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
mediaAnimation="opacity"
tagAnimation="none"
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="We're a team of passionate creatives dedicated to bringing your vision to life through innovative design and strategic thinking."
title="About Kalton Studio"
metrics={[
{ icon: Award, label: "Award-Winning Work", value: "50+" },
{ icon: Camera, label: "Photography Projects", value: "150+" },
{ icon: Palette, label: "Brands Elevated", value: "80+" },
{ icon: Users, label: "Satisfied Clients", value: "200+" },
{ icon: TrendingUp, label: "Successful Projects", value: "500+" },
{ icon: Globe, label: "Global Reach", value: "15+ Countries" },
{ icon: Sparkles, label: "Awards Won", value: "35+" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -82,44 +77,162 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardTen
title="Our Creative Process"
description="We follow a proven methodology that ensures exceptional results at every stage of your project."
tag="Proven Methodology"
tagAnimation="blur-reveal"
title="Our Services"
description="We specialize in creating compelling visual narratives across multiple disciplines."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
id: "1", title: "Discovery & Strategy", description: "We dive deep into understanding your brand, market, and goals to create a strategic foundation for your design.", media: {
imageSrc: "http://img.b2bpic.net/free-vector/business-plan-made-post-it_23-2147506492.jpg", imageAlt: "brainstorm planning creative design"},
id: "1", title: "Photography", description: "Professional photography that captures the essence of your brand and tells your unique story.", media: {
imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8e7b9b6f?w=800&h=600&fit=crop", imageAlt: "Professional Photography"},
items: [
{ icon: Search, text: "Market Research & Analysis" },
{ icon: Lightbulb, text: "Ideation & Brainstorming" },
{ icon: Target, text: "Strategic Planning" },
{ icon: Camera, text: "Commercial Photography" },
{ icon: Sparkles, text: "Product Showcase" },
{ icon: Heart, text: "Brand Storytelling" },
],
reverse: false,
},
{
id: "2", title: "Design & Development", description: "Our talented designers create stunning visuals and prototypes that bring your vision to life with precision and creativity.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg", imageAlt: "design prototyping mockup digital"},
id: "2", title: "Brand Visuals", description: "Cohesive visual identity systems that establish your brand presence across all touchpoints.", media: {
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop", imageAlt: "Brand Visual Identity"},
items: [
{ icon: Palette, text: "Visual Design & Branding" },
{ icon: Code, text: "Digital Development" },
{ icon: Zap, text: "Interactive Elements" },
{ icon: Palette, text: "Logo Design" },
{ icon: Sparkles, text: "Brand Guidelines" },
{ icon: Zap, text: "Visual Systems" },
],
reverse: true,
},
{
id: "3", title: "Refinement & Launch", description: "We perfect every detail and ensure seamless delivery, providing ongoing support to maximize your design's impact.", media: {
imageSrc: "http://img.b2bpic.net/free-psd/minimal-magazine-cover-landing-page-template_23-2149660314.jpg", imageAlt: "final design portfolio showcase creative"},
id: "3", title: "Creative Direction", description: "Strategic creative guidance that aligns your visual narrative with your business objectives.", media: {
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Creative Direction"},
items: [
{ icon: CheckCircle, text: "Quality Assurance & Testing" },
{ icon: Rocket, text: "Launch & Deployment" },
{ icon: BarChart3, text: "Performance Optimization" },
{ icon: Lightbulb, text: "Concept Development" },
{ icon: Sparkles, text: "Art Direction" },
{ icon: Users, text: "Strategic Planning" },
],
reverse: false,
},
{
id: "4", title: "Content Production", description: "End-to-end content creation that resonates with your audience and drives engagement.", media: {
imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f70567c0e?w=800&h=600&fit=crop", imageAlt: "Content Production"},
items: [
{ icon: Video, text: "Video Production" },
{ icon: Camera, text: "Photography" },
{ icon: Sparkles, text: "Post-Production" },
],
reverse: true,
},
]}
/>
</div>
<div id="portfolio" data-section="portfolio" className="py-20 md:py-32">
<div className="max-w-7xl mx-auto px-4 md:px-8">
<div className="mb-16 text-center">
<h2 className="text-4xl md:text-6xl font-bold text-foreground mb-4">Portfolio</h2>
<p className="text-lg text-foreground/70">Explore our latest creative work</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{[1, 2, 3, 4, 5, 6].map((item) => (
<div key={item} className="group relative overflow-hidden rounded-lg aspect-square bg-card shadow-md hover:shadow-lg transition-shadow duration-300">
<div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent flex items-center justify-center">
<Camera className="w-12 h-12 text-primary-cta" />
</div>
<div className="absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors duration-300 flex items-center justify-center">
<div className="opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<Sparkles className="w-8 h-8 text-white" />
</div>
</div>
</div>
))}
</div>
</div>
</div>
<div id="process" data-section="process">
<TimelineProcessFlow
title="Our Process"
description="A streamlined approach to bringing your vision to life"
textboxLayout="default"
animationType="slide-up"
items={[
{
id: "01", reverse: false,
media: (
<div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
<Lightbulb className="w-16 h-16 text-primary-cta" />
</div>
),
content: (
<div className="space-y-3">
<h3 className="text-2xl font-bold text-foreground">Discovery</h3>
<p className="text-foreground/70">We begin by understanding your brand, goals, and target audience through in-depth consultation and research.</p>
<ul className="space-y-2 text-foreground/70 text-sm">
<li>• Brand Analysis</li>
<li>• Market Research</li>
<li>• Strategy Development</li>
</ul>
</div>
),
},
{
id: "02", reverse: true,
media: (
<div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
<Palette className="w-16 h-16 text-primary-cta" />
</div>
),
content: (
<div className="space-y-3">
<h3 className="text-2xl font-bold text-foreground">Creative Concept</h3>
<p className="text-foreground/70">Our creative team develops compelling concepts and visual directions that align with your brand identity.</p>
<ul className="space-y-2 text-foreground/70 text-sm">
<li>• Concept Ideation</li>
<li>• Visual Exploration</li>
<li>• Mood Board Creation</li>
</ul>
</div>
),
},
{
id: "03", reverse: false,
media: (
<div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
<Camera className="w-16 h-16 text-primary-cta" />
</div>
),
content: (
<div className="space-y-3">
<h3 className="text-2xl font-bold text-foreground">Production</h3>
<p className="text-foreground/70">We bring your vision to life through professional photography, videography, and design execution.</p>
<ul className="space-y-2 text-foreground/70 text-sm">
<li>• Photo Shoot</li>
<li>• Design Implementation</li>
<li>• Asset Creation</li>
</ul>
</div>
),
},
{
id: "04", reverse: true,
media: (
<div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
<Sparkles className="w-16 h-16 text-primary-cta" />
</div>
),
content: (
<div className="space-y-3">
<h3 className="text-2xl font-bold text-foreground">Final Delivery</h3>
<p className="text-foreground/70">We polish and deliver all assets in the formats you need, with ongoing support for implementation.</p>
<ul className="space-y-2 text-foreground/70 text-sm">
<li>• Final Edits & Refinements</li>
<li>• Format Optimization</li>
<li>• Delivery & Support</li>
</ul>
</div>
),
},
]}
/>
</div>
@@ -127,26 +240,26 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="What Our Clients Say"
description="Real feedback from brands we've helped elevate through exceptional design and creative strategy."
description="Hear directly from the brands we've elevated through exceptional creative work."
testimonials={[
{
id: "1", name: "Sarah Anderson", handle: "@sarahdesigns", testimonial: "Kalton Studio transformed our brand identity completely. Their attention to detail and creative vision exceeded our expectations. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "portrait professional avatar headshot"},
id: "1", name: "Alexandra Chen", handle: "Creative Director", testimonial: "Kalton Studio transformed our brand vision into stunning visual reality. Their attention to detail and creative excellence is unmatched.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Alexandra Chen"},
{
id: "2", name: "Michael Chen", handle: "@michaelchen_co", testimonial: "Working with Kalton Studio was an absolute pleasure. They understood our vision and delivered stunning designs that elevated our entire brand presence.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1", imageAlt: "portrait professional business avatar"},
id: "2", name: "Marcus Thompson", handle: "Brand Manager", testimonial: "Working with Kalton Studio elevated our entire brand presence. The photography and creative direction perfectly captured our essence.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Marcus Thompson"},
{
id: "3", name: "Jessica Martinez", handle: "@jess_creative", testimonial: "The team at Kalton Studio brings both creativity and strategy to every project. Our new design has significantly impacted our customer engagement.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", imageAlt: "portrait creative professional headshot"},
id: "3", name: "Sophie Laurent", handle: "Marketing Lead", testimonial: "The team's creative vision and professional execution exceeded all our expectations. Highly recommend for any brand transformation.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Sophie Laurent"},
{
id: "4", name: "David Thompson", handle: "@davidthompson", testimonial: "Exceptional quality, professional approach, and outstanding results. Kalton Studio is the partner we needed for our brand evolution.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2", imageAlt: "portrait business professional avatar"},
id: "4", name: "David Rodriguez", handle: "CEO", testimonial: "Kalton Studio's creative direction and content production completely transformed our brand. Exceptional quality and professionalism.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", imageAlt: "David Rodriguez"},
{
id: "5", name: "Emma Wilson", handle: "@emmawilson_", testimonial: "From concept to completion, Kalton Studio delivered beyond our expectations. Their creative solutions have transformed our business.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "portrait professional headshot avatar"},
id: "5", name: "Emma Wilson", handle: "Founder", testimonial: "The photography and brand visuals Kalton Studio created gave our startup the premium identity we needed. Truly transformative work.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1517849845537-1d51a20414de?w=400&h=400&fit=crop", imageAlt: "Emma Wilson"},
{
id: "6", name: "Robert Garcia", handle: "@robertgarcia", testimonial: "Working with Kalton Studio was a game-changer for our company. Their innovative approach and expertise truly set them apart from others.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", imageAlt: "portrait creative business headshot"},
id: "6", name: "James Mitchell", handle: "Design Director", testimonial: "Working with this team was a masterclass in creative excellence. Their creative vision and execution are truly world-class.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "James Mitchell"},
]}
showRating={true}
animationType="slide-up"
@@ -156,54 +269,69 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Let's Create Something Amazing"
description="Ready to elevate your brand? Get in touch with our team and let's discuss your next creative project. We're excited to hear about your vision."
inputs={[
{
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "email", type: "email", placeholder: "Your Email Address", required: true,
},
<div id="cta" data-section="cta">
<ContactCTA
tag="Ready?"
tagIcon={Heart}
title="Let's Create Something Beautiful"
description="We're excited to collaborate with you on your next creative project. Let's work together to bring your vision to life."
buttons={[
{ text: "Get in Touch", href: "contact" },
{ text: "View Our Work", href: "#portfolio" },
]}
textarea={{
name: "message", placeholder: "Tell us about your project and vision...", rows: 6,
required: true,
}}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-vector/send-email-concept_24908-60321.jpg"
imageAlt="contact communication message email"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="contact" data-section="contact" className="py-20 md:py-32 bg-card/50">
<div className="max-w-2xl mx-auto px-4 md:px-8 text-center">
<h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Get in Touch</h2>
<p className="text-lg text-foreground/70 mb-12">Have a project in mind? We'd love to hear about it.</p>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
<a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer" className="flex flex-col items-center gap-3 p-6 rounded-lg hover:bg-background/50 transition-colors">
<Mail className="w-8 h-8 text-primary-cta" />
<span className="text-foreground font-medium">Email</span>
<span className="text-foreground/70 text-sm">hello@kaltonstudio.com</span>
</a>
<a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer" className="flex flex-col items-center gap-3 p-6 rounded-lg hover:bg-background/50 transition-colors">
<Sparkles className="w-8 h-8 text-primary-cta" />
<span className="text-foreground font-medium">Instagram</span>
<span className="text-foreground/70 text-sm">@kaltonstudio</span>
</a>
<a href="#" className="flex flex-col items-center gap-3 p-6 rounded-lg hover:bg-background/50 transition-colors">
<MapPin className="w-8 h-8 text-primary-cta" />
<span className="text-foreground font-medium">Location</span>
<span className="text-foreground/70 text-sm">Creative Hub</span>
</a>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Kalton Studio"
columns={[
{
items: [
{ label: "Home", href: "home" },
{ label: "About", href: "about" },
{ label: "Services", href: "services" },
{ label: "Home", href: "#home" },
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
],
},
{
items: [
{ label: "Portfolio", href: "testimonials" },
{ label: "Contact", href: "contact" },
{ label: "Instagram", href: "https://www.instagram.com/kaltonstudio" },
{ label: "Portfolio", href: "#portfolio" },
{ label: "Process", href: "#process" },
{ label: "Contact", href: "#contact" },
],
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Copyright 2025", href: "#" },
{ label: "Instagram", href: "https://www.instagram.com" },
{ label: "Email", href: "mailto:hello@kaltonstudio.com" },
{ label: "© 2025 Kalton Studio", href: "#" },
],
},
]}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-font-source-sans-3), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-font-source-sans-3), sans-serif;
font-family: var(--font-playfair-display), serif;
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #250c0d;
--primary-cta: #b82b40;
--background: #fdf9f5;
--card: #f5efeb;
--foreground: #1a1410;
--primary-cta: #1a1410;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #250c0d;
--accent: #b90941;
--background-accent: #e8a8b6;
--accent: #d4c4b8;
--background-accent: #e8dcd2;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);