Walnut Footer Stack
A comprehensive real estate footer component with warm earth-tone aesthetics.
Features
- 4-column responsive layout: Listings, Company, Resources, Contact
- Contact column with address, phone, email and icon badges
- Social media links row (Facebook, Twitter, Instagram, LinkedIn)
- Newsletter signup strip with email input and subscribe button
- Bottom bar with logo, copyright, and 'Made with love' tagline
- Walnut brown (#5D4037, #795548) color palette on cream (#FFF8F0)
- Dark mode: deep brown-black (#1A1210) with lighter walnut accents
- Lora serif font for headings, Source Sans 3 for body
- Hover states on all links with smooth color transitions
- Responsive: columns stack on mobile, side-by-side on desktop
Dependencies
lucide-react for icons- Shadcn UI: Button, Input, Separator
Customization
- Replace link arrays (listingsLinks, companyLinks, resourceLinks) with your site's navigation
- Update contactInfo with your business details
- Swap social media URLs to your profiles
- Modify walnut brown hex values for your brand
- Connect newsletter form to your email service (Mailchimp, ConvertKit, etc.)
