Mirage Ecommerce Footer
A refined luxury ecommerce footer with champagne gold accents and warm tones.
Features
- 4-column responsive layout: Brand, Shop, Customer Service, Newsletter
- Email newsletter signup with send button
- Social media icon row (Instagram, Twitter, Facebook, YouTube)
- Payment method indicator icons with thin borders
- Champagne gold (#C9B037) accent dividers and hover states
- Light mode: creamy white (#FAFAF5) bg with dark text and gold dividers
- Dark mode: warm charcoal (#2C2C2C) bg with off-white text and gold accents
- Semantic nav elements with proper aria-labels
Usage
import MirageEcommerceFooter from "@/registry/mirage-ecommerce-footer/registry-item";
export default function Layout() {
return (
<main>{/* page content */}</main>
<MirageEcommerceFooter />
);
}
Customization
- Replace link arrays with your actual navigation structure
- Wire up the newsletter form to your email service
- Swap social/payment icons for your specific providers
- Adjust gold accent (#C9B037) to match your brand palette
- Add additional columns by extending the grid
