# Footer Components > Footer patterns: simple, mega footer, newsletter signup, social links, and sitemap footer > 푸터 패턴: 심플, 메가 푸터, 뉴스레터 가입, 소셜 링크, 사이트맵 푸터 **Category**: Components | **Tags**: footer, navigation, newsletter, social, tailwind | **Difficulty**: Beginner ## Preview ``` +---- Simple Footer ----+ +---- Mega Footer --------+ | Brand (c) 2026 | | Brand Prod Company | | Privacy | Terms | | Desc Feat About | +-----------------------+ | API Careers | | [Newsletter Email] [Sub] | +-------------------------+ ``` ## Quick Start ```bash # 1. Pick a footer style and place before # 2. Replace links, social URLs, and brand name # 3. Newsletter form works with Formspree, Mailchimp, or custom endpoint ``` ## Full Code ```html Footer Components

Footer Components

``` ## Customization Guide - **Brand**: Replace text logo with SVG or image - **Social icons**: Replace SVGs with your preferred icon library; update `href` with actual URLs - **Newsletter form**: Connect to Mailchimp, ConvertKit, Buttondown, or custom endpoint - **Columns**: Add or remove sitemap columns in the mega footer - **Colors**: Change background from `bg-gray-900` to match your brand - **Status indicator**: Wire up the green dot to your actual status page API ## 2026 Trend Notes - Mega footers with 3-4 columns are standard for SaaS and product sites - System status indicator in footer builds trust - Hiring badge on careers link is a common growth signal - Social icons as square/rounded buttons (not just icons) improve tap targets - Newsletter capture in footer catches users who scrolled the entire page