Rustic Footer Section
A warm, inviting footer designed for hospitality and lodge-style websites.
Features
- Rustic warm palette — Saddlebrown (#8B4513), dark brown (#654321), and antique white (#FAEBD7)
- Google Fonts: Vollkorn + Source Serif 4 — Traditional serif pairing for warmth
- 4-column layout — Newsletter, quick links, guest services, and location info
- Newsletter signup — Email input with arrow-button submit
- Social links — Circular bordered icon buttons for Instagram, Facebook, Twitter
- Location details — Address, phone, email, check-in/out times with icons
- Wood-grain border — CSS repeating-gradient decorative top border
- Light/dark mode — Cream light, deep brown (#1A0F07) dark
- WCAG AA compliant — Sufficient contrast in both modes
Dependencies
@/components/vue-ui/button — Button for newsletter submit@/components/vue-ui/input — Input for email field@/components/vue-ui/separator — Separator for section dividers@/components/vue-ui/badge — Badge for status indicatorslucide-vue-next — MapPin, Phone, Mail, Clock, Instagram, Facebook, Twitter, ArrowRight, Mountain, Flame, TreePine
Customization
- Branding: Replace lodge name, description, and contact info
- Links: Update navigation columns with your own pages
- Colors: Swap brown palette for your brand's warm tones
