bender/f5213b86-99e9-4e38-9f7b-94981dc02f1f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

8 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
3ac097b6af Update src/app/collezioni/page.tsx 2026-05-06 12:14:16 +00:00
bender
5f50cca9c7 Update src/app/styles/variables.css 2026-05-06 12:13:48 +00:00
bender
9310116901 Update src/app/page.tsx 2026-05-06 12:13:48 +00:00
bender
4be7fcf05c Update src/app/novita/page.tsx 2026-05-06 12:13:47 +00:00
bender
15c0fb2de4 Update src/app/contatti/page.tsx 2026-05-06 12:13:47 +00:00
bender
976e0fddd7 Update src/app/collezioni/page.tsx 2026-05-06 12:13:46 +00:00
bender
a77f6cda4b Update src/app/chi-siamo/page.tsx 2026-05-06 12:13:46 +00:00
bender
4aa2f5333a Merge version_1 into main 
Merge version_1 into main
 2026-05-06 12:02:29 +00:00
6 changed files with 209 additions and 201 deletions
Expand all files Collapse all files

92
src/app/chi-siamo/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function ChiSiamoPage() { export default function ChiSiamoPage() {
return ( return (
@@ -22,50 +22,56 @@ export default function ChiSiamoPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Collezioni", id: "/collezioni" }, { name: "Collezioni", id: "/collezioni" },
{ name: "Chi Siamo", id: "/chi-siamo" }, { name: "Chi Siamo", id: "/chi-siamo" },
{ name: "Novità", id: "/novita" }, { name: "Novità", id: "/novita" },
{ name: "Contatti", id: "/contatti" }, { name: "Contatti", id: "/contatti" },
]} ]}
brandName="Fantasia e Abbigliamento" brandName="Fantasia e Abbigliamento"
button={{ text: "Scopri" }} button={{ text: "Scopri" }}
/> />
</div> </div>
<div id="about-rina" data-section="about-rina"> <div id="about" data-section="about">
<InlineImageSplitTextAbout <MetricSplitMediaAbout
useInvertedBackground={false} title="La storia di Rina"
heading={[ description="La nostra boutique nasce dalla passione di Rina per l'eleganza italiana e la ricerca sartoriale. Ogni capo nel nostro negozio a Cesano Boscone è scelto per valorizzare la personalità di chi lo indossa, garantendo uno stile autentico e raffinato che unisce tradizione e contemporaneità. La nostra missione è offrire un'esperienza di acquisto unica, fatta di cura, ascolto e consigli personalizzati."
{ type: "text", content: "Rina e la passione per il bello" }, metrics={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-doing-shopping-clothes-store_23-2147888952.jpg", alt: "Rina nel negozio" }, { value: "Via Roma 43", title: "Sede" },
]} { value: "Cesano", title: "Location" },
/> { value: "Artigianale", title: "Qualità" }
</div> ]}
useInvertedBackground={false}
tag="Chi Siamo"
imageSrc="http://img.b2bpic.net/free-photo/smiling-employee-glass-door_23-2147605038.jpg"
imageAlt="La nostra boutique"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ variant: "plain" }} background={{ variant: "plain" }}
tag="La Storia" tag="Contatti"
title="Una passione condivisa" title="Ti aspettiamo in boutique"
description="Siamo pronti a rendere il tuo stile unico." description="Vieni a scoprire le ultime collezioni e lasciati consigliare da Rina. Siamo in Via Roma 43, Cesano Boscone."
buttons={[{ text: "Scopri di più", href: "/" }]} buttons={[{ text: "Vieni a trovarci", href: "/contatti" }]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Fantasia e Abbigliamento" logoText="Fantasia e Abbigliamento"
columns={[ columns={[
{ title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] }, { title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] },
{ title: "Link", items: [{ label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }] }, { title: "Link", items: [{ label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }] },
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

120
src/app/collezioni/page.tsx
View File

@@ -2,10 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function CollezioniPage() { export default function CollezioniPage() {
return ( return (
@@ -22,56 +21,77 @@ export default function CollezioniPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Collezioni", id: "/collezioni" }, { name: "Collezioni", id: "/collezioni" },
{ name: "Chi Siamo", id: "/chi-siamo" }, { name: "Chi Siamo", id: "/chi-siamo" },
{ name: "Novità", id: "/novita" }, { name: "Novità", id: "/novita" },
{ name: "Contatti", id: "/contatti" }, { name: "Contatti", id: "/contatti" },
]} ]}
brandName="Fantasia e Abbigliamento" brandName="Fantasia e Abbigliamento"
button={{ text: "Scopri" }} button={{ text: "Scopri" }}
/> />
</div> </div>
<div id="prod-1" data-section="prod-1"> <div id="casual" data-section="casual">
<ProductCardFour <ProductCardOne
animationType="slide-up" title="Linea Casual"
textboxLayout="default" description="Comfort quotidiano senza rinunciare allo stile. Capi versatili pensati per la donna dinamica che ama vestire con eleganza naturale ogni giorno."
gridVariant="four-items-2x2-equal-grid" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} animationType="slide-up"
products={[ textboxLayout="split"
{ id: "p1", name: "Jeans Comfort", price: "€59", variant: "Denim", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-with-backpack-posed-against-orange-shutter_627829-8092.jpg" }, useInvertedBackground={false}
{ id: "p2", name: "Felpa Soft", price: "€45", variant: "Cotton", imageSrc: "http://img.b2bpic.net/free-photo/stylish-short-haired-woman-with-earphones-casual-leather-coat-sunglasses-using-smartphone-posing-urban-brick-wall_273443-4567.jpg" }, products={[
{ id: "p3", name: "T-shirt Premium", price: "€29", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-t-shirt-hat-looking-cheerful_176474-35753.jpg" }, { id: "1", name: "Maglia Comfort", price: "€59", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-casual-outfit_23-2148906371.jpg?w=800&h=600" },
]} { id: "2", name: "Pantalone Relax", price: "€79", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-walking-street_23-2148906375.jpg?w=800&h=600" },
title="Casual" { id: "3", name: "Cardigan Soft", price: "€89", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-posing-with-denim-jacket_23-2148906372.jpg?w=800&h=600" }
description="Capi comodi e alla moda per tutti i giorni, dai jeans alle felpe di qualità." ]}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="elegante" data-section="elegante">
<ContactCTA <ProductCardOne
useInvertedBackground={false} title="Linea Elegante"
background={{ variant: "plain" }} description="Dettagli raffinati e tagli sartoriali che definiscono la tua professionalità. Ideale per l'ufficio o per eventi serali che richiedono un tocco di classe distintivo."
tag="Aggiornamenti" gridVariant="three-columns-all-equal-width"
title="Non perdere le novità" animationType="slide-up"
description="Iscriviti alla nostra newsletter." textboxLayout="split"
buttons={[{ text: "Iscriviti", href: "#" }]} useInvertedBackground={false}
/> products={[
</div> { id: "4", name: "Blazer Strutturato", price: "€159", imageSrc: "http://img.b2bpic.net/free-photo/elegant-business-woman-blazer_23-2148906378.jpg?w=800&h=600" },
{ id: "5", name: "Abito Midi", price: "€189", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-woman-wearing-midi-dress_23-2148906379.jpg?w=800&h=600" },
{ id: "6", name: "Camicia Seta", price: "€129", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-silk-shirt_23-2148906380.jpg?w=800&h=600" }
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="cerimonia" data-section="cerimonia">
<FooterBaseReveal <ProductCardOne
logoText="Fantasia e Abbigliamento" title="Linea Cerimonia"
columns={[ description="Abiti preziosi per i momenti che contano. Tessuti pregiati e design esclusivi creati per renderti protagonista nelle occasioni più importanti della tua vita."
{ title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] }, gridVariant="three-columns-all-equal-width"
{ title: "Link", items: [{ label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }] }, animationType="slide-up"
]} textboxLayout="split"
/> useInvertedBackground={false}
</div> products={[
{ id: "7", name: "Abito da Cocktail", price: "€299", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-evening-dress_23-2148906381.jpg?w=800&h=600" },
{ id: "8", name: "Abito Lungo", price: "€359", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-long-gown_23-2148906382.jpg?w=800&h=600" },
{ id: "9", name: "Coprispalle Prezioso", price: "€149", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-wearing-fur-stole_23-2148906383.jpg?w=800&h=600" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Fantasia e Abbigliamento"
columns={[
{ title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] },
{ title: "Link", items: [{ label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }] },
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

96
src/app/contatti/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
export default function ContattiPage() { export default function ContattiPage() {
return ( return (
@@ -22,52 +22,50 @@ export default function ContattiPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Collezioni", id: "/collezioni" }, { name: "Collezioni", id: "/collezioni" },
{ name: "Chi Siamo", id: "/chi-siamo" }, { name: "Chi Siamo", id: "/chi-siamo" },
{ name: "Novità", id: "/novita" }, { name: "Novità", id: "/novita" },
{ name: "Contatti", id: "/contatti" }, { name: "Contatti", id: "/contatti" },
]} ]}
brandName="Fantasia e Abbigliamento" brandName="Fantasia e Abbigliamento"
button={{ text: "Scopri" }} button={{ text: "Scopri" }}
/> />
</div> </div>
<div id="contact" data-section="contact">
<div id="contact-form" data-section="contact-form"> <ContactSplit
<ContactSplit tag="Contatti"
useInvertedBackground={false} title="Rimaniamo in contatto"
background={{ variant: "plain" }} description="Siamo qui per ogni tua richiesta o consulenza. Vieni a trovarci a Cesano Boscone!"
tag="Fantasia e Abbigliamento" background={{ variant: "plain" }}
title="Contattaci" useInvertedBackground={false}
description="Via Roma 43, Cesano Boscone (MI). Chiama il 338 230 3890." />
imageSrc="http://img.b2bpic.net/free-photo/lonely-road-with-modern-buildings_1112-845.jpg" </div>
mediaAnimation="slide-up" <div id="faq" data-section="faq">
/> <FaqSplitText
</div> sideTitle="Domande Frequenti"
sideDescription="Tutto quello che c'è da sapere sulla nostra boutique."
<div id="contact" data-section="contact"> faqsAnimation="slide-up"
<ContactCTA faqs={[
useInvertedBackground={false} { id: "1", title: "Quali sono gli orari?", content: "Siamo aperti dal Martedì al Sabato, 9:30-13:00 e 15:30-19:30." },
background={{ variant: "plain" }} { id: "2", title: "Dove vi trovate?", content: "In Via Roma 43, Cesano Boscone (MI)." },
tag="Dove siamo" { id: "3", title: "Offrite consulenza?", content: "Sì, offriamo consulenze personalizzate su appuntamento." }
title="Ci trovi nel cuore di Cesano" ]}
description="Via Roma 43, facilmente raggiungibile." useInvertedBackground={false}
buttons={[{ text: "Indicazioni", href: "#" }]} />
/> </div>
</div> <div id="footer" data-section="footer">
<FooterBaseReveal
<div id="footer" data-section="footer"> logoText="Fantasia e Abbigliamento"
<FooterBaseReveal columns={[
logoText="Fantasia e Abbigliamento" { title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] },
columns={[ { title: "Link", items: [{ label: "Home", href: "/" }, { label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }, { label: "Novità", href: "/novita" }, { label: "Contatti", href: "/contatti" }] },
{ title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] }, ]}
{ title: "Link", items: [{ label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }] }, />
]} </div>
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

88
src/app/novita/page.tsx
View File

@@ -2,10 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
export default function NovitaPage() { export default function NovitaPage() {
return ( return (
@@ -22,55 +21,40 @@ export default function NovitaPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Collezioni", id: "/collezioni" }, { name: "Collezioni", id: "/collezioni" },
{ name: "Chi Siamo", id: "/chi-siamo" }, { name: "Chi Siamo", id: "/chi-siamo" },
{ name: "Novità", id: "/novita" }, { name: "Novità", id: "/novita" },
{ name: "Contatti", id: "/contatti" }, { name: "Contatti", id: "/contatti" },
]} ]}
brandName="Fantasia e Abbigliamento" brandName="Fantasia e Abbigliamento"
button={{ text: "Scopri" }} button={{ text: "Scopri" }}
/> />
</div> </div>
<div id="blog" data-section="blog">
<div id="blog-grid" data-section="blog-grid"> <BlogCardTwo
<BlogCardThree title="Le Ultime Novità"
animationType="slide-up" description="Scopri le collezioni in arrivo e i trend di stagione."
textboxLayout="default" animationType="slide-up"
useInvertedBackground={false} textboxLayout="default"
title="Appena arrivati in negozio" useInvertedBackground={false}
description="Seguici per scoprire le ultime novità della stagione." blogs={[
blogs={[ { id: "1", category: "Moda", title: "Nuova Collezione Autunno", excerpt: "Scopri i colori caldi e i tessuti avvolgenti.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-employee-glass-door_23-2147605038.jpg", authorName: "Rina", authorAvatar: "", date: "2025-05-20" }
{ id: "b1", category: "Nuovo", title: "Collezione Primavera", excerpt: "Scopri i nuovi colori", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-4132.jpg", authorName: "Rina", authorAvatar: "http://img.b2bpic.net/free-vector/user-circles-set_78370-4691.jpg", date: "10 Maggio" }, ]}
{ id: "b2", category: "Nuovo", title: "Accessori", excerpt: "Dettagli che fanno la differenza", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-receiving-order-call-flora-shop_53876-42656.jpg", authorName: "Rina", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107230.jpg", date: "12 Maggio" }, />
{ id: "b3", category: "Nuovo", title: "Abiti Sera", excerpt: "Eleganza senza tempo", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9386.jpg", authorName: "Rina", authorAvatar: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side-with-white-background_187299-40022.jpg", date: "14 Maggio" }, </div>
]} <div id="footer" data-section="footer">
/> <FooterBaseReveal
</div> logoText="Fantasia e Abbigliamento"
columns={[
<div id="contact" data-section="contact"> { title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] },
<ContactCTA { title: "Link", items: [{ label: "Home", href: "/" }, { label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }, { label: "Novità", href: "/novita" }, { label: "Contatti", href: "/contatti" }] },
useInvertedBackground={false} ]}
background={{ variant: "plain" }} />
tag="Shopping" </div>
title="Vieni a trovarci"
description="Siamo aperti dal lunedì al sabato."
buttons={[{ text: "Contatti", href: "/contatti" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Fantasia e Abbigliamento"
columns={[
{ title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] },
{ title: "Link", items: [{ label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }] },
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

2
src/app/page.tsx
View File

@@ -118,7 +118,7 @@ export default function LandingPage() {
logoText="Fantasia e Abbigliamento" logoText="Fantasia e Abbigliamento"
columns={[ columns={[
{ title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] }, { title: "Info", items: [{ label: "Via Roma 43, Cesano Boscone", href: "/contatti" }] },
{ title: "Link", items: [{ label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }] }, { title: "Link", items: [{ label: "Home", href: "/" }, { label: "Collezioni", href: "/collezioni" }, { label: "Chi Siamo", href: "/chi-siamo" }, { label: "Novità", href: "/novita" }, { label: "Contatti", href: "/contatti" }] },
]} ]}
/> />
</div> </div>

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

@@ -10,7 +10,7 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #faf7f4; --background: #fdfaf7;
--card: #ffffff; --card: #ffffff;
--foreground: #2b180a; --foreground: #2b180a;
--primary-cta: #7c2d3e; --primary-cta: #7c2d3e;