Footers

Eleven closing footers. 11 variants, 11 rendered live.

minimal

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Minimal.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "minimal" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="minimal" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: losvallessalud
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Floating glass bar over faint mesh; quiet

columns

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Columns.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "columns" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="columns" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: cuchilloselchaja, dolzhnos, parrisur
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Classic columns on tinted surface, dark CTA card over photo

wordmark

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Wordmark.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "wordmark" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="wordmark" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: dolium, emag, juguetesrasti
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Light footer over dot grid, giant glyph wordmark

collage

footerunusedOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Collage.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "collage" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="collage" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: unused
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Photo collage around one CTA tile; needs >=4 photos

banner

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Banner.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "banner" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="banner" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: francescoristorante
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Brand-colour banner with living mesh, centred brand, glass copy pills

dark

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Dark.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "dark" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="dark" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: sialle
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Night band, photo-tinted mesh, glass card

bigtype

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/BigType.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "bigtype" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="bigtype" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: rosarioagroindustrial
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Business name set edge-to-edge in ink; dotted SVG field

mapstrip

footerunusedOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/MapStrip.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "mapstrip" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="mapstrip" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: unused
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Wide short styled-map strip + three columns; needs mappable address

split

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Split.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "split" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="split" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: artesanias-delta, cucchiettiboats, donmario, gonzalezorfebre, muebleriaheredia
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Two solid cards: CTA brand card + links tinted card

stacked

footerunusedOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Stacked.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "stacked" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="stacked" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: unused
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Single centred axis, one contact line, one button

editorial

footerin useOpen live

desktop preview

desktop 1280px

mobile preview

mobile 390px

Files: src/components/footer/Editorial.astro
src/components/Footer.astro
src/components/footer/FooterBase.astro
src/components/footer/FooterBrand.astro
src/components/footer/FooterContact.astro
src/components/footer/FooterCta.astro
src/components/footer/FooterLinks.astro
How to pin: { "variants": { "footer": "editorial" } }
HEAD: no. WORKING TREE: yes, theme.json variants.footer="editorial" (a pin bypasses footerFits and CLASHES, e.g. a pinned collage with <4 photos is unguarded)
Reads: content.contact + landing photos | contact{phones,whatsapp,emails,address,mapQuery,hours,socials}, business.name/logo, pages for link list; copy from lib/closing-copy.ts (plan.copy.cta)
Used by: bellevue, jlopezluthier, web-express
Quality gates: 12 codes
footer: footer-no-variant footer-index-too-long footer-lists-records empty-footer-column empty-card email-break plain-section (also on footer) channel-repeat-in-section repeated-cta
mobile: mobile-overflow fab-overlap tiny-text
Selected by: seeded: chooseFooter = pick(seed, footer:+contact+CLOSING_SALT(50033), FOOTER_TASTE[vertical] filtered by footerFits (collage>=4 photos, mapstrip mappable address) minus CLASHES[contact]); Footer.astro reads closingPlan().footer; DOM footer[data-footer-variant]
Notes: Magazine colophon: numbered columns, hairlines, no cards