raul/wedding-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: token layout names

Browse Source
This commit is contained in:
Raul Lugo
2026-09-06 13:02:03 +02:00
parent 64fb24d87c
commit fc16acea61
16 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/invite/faq-section.tsx
+2 -2
View File
@@ -9,10 +9,10 @@ export function FaqSection({ content }: { content: InvitePageContent["faq"] }) {
<section id="faq" className="bg-wedding-ivory py-wedding-section">
<WeddingContainer>
<SectionHeading eyebrow={content.eyebrow} heading={content.heading} description={content.introduction} />
<div className="mt-14 grid gap-x-12 wedding-layout:grid-cols-2">
<div className="mt-14 grid gap-x-12 wedding-lg:grid-cols-2">
{content.questions.map((item) => <details className="group border-b border-wedding-line py-6" key={item.question}><summary className="flex cursor-pointer list-none items-start justify-between gap-6 font-wedding-display text-wedding-medium"><span>{item.question}</span><span className="font-wedding-ui text-wedding-label text-wedding-terracotta transition-transform group-open:rotate-45">+</span></summary><p className="mt-4 max-w-xl font-wedding-ui text-wedding-body leading-wedding-body">{item.answer}</p></details>)}
</div>
<aside className="mt-16 flex flex-col gap-5 bg-wedding-cream p-8 wedding-phone:flex-row wedding-phone:items-center wedding-phone:justify-between wedding-phone:p-12">
<aside className="mt-16 flex flex-col gap-5 bg-wedding-cream p-8 wedding-md:flex-row wedding-md:items-center wedding-md:justify-between wedding-md:p-12">
<div><h3 className="font-wedding-display text-wedding-medium">{content.contact.heading}</h3><p className="mt-2 font-wedding-ui text-wedding-body">{content.contact.description}</p></div>
<Link className="wedding-text-link" href="mailto:hello@example.com">{content.contact.action} →</Link>
</aside>