# Footer Patterns (Tailwind+)

Consolidated list of all footer patterns from Tailwind+ to convert to Flux UI.

**Total: 7 variants**

Source: https://tailwindcss.com/plus/ui-blocks/marketing/sections/footers

---

## Variants

| # | Variant | Key Features |
|---|---------|--------------|
| 1 | 4-column with company mission | Logo, tagline, social icons top; 4 link columns; copyright |
| 2 | 4-column with call-to-action | CTA banner above footer (headline + button) |
| 3 | 4-column simple | Compact - logo, 4 columns, copyright + socials bottom |
| 4 | 4-column with newsletter | Newsletter signup inline with link columns |
| 5 | 4-column with newsletter below | Newsletter in separate row at bottom |
| 6 | Simple centered | Single row of centered links + socials + copyright |
| 7 | Simple with social links | Minimal - just copyright + social icons |

---

## Pattern Categories (for Flux UI organisation)

### By Complexity
- **Simple**: 1-2 rows, minimal content (variants 6, 7)
- **Standard**: 4-column layout (variants 1, 3)
- **Extended**: Additional sections like CTA or newsletter (variants 2, 4, 5)

### By Features
- **With newsletter**: Email signup form (variants 4, 5)
- **With CTA**: Call-to-action section (variant 2)
- **With mission**: Company tagline/description (variant 1)
- **With social links**: Social media icons (all variants)

### Layout Patterns
- **4-column grid**: Solutions, Support, Company, Legal columns
- **Centered**: Single centered row
- **Stacked sections**: Multiple distinct rows (CTA + links, links + newsletter)

---

## Common Elements

All footers typically include:
- Copyright notice
- Social media icons (Facebook, Instagram, X/Twitter, GitHub, YouTube)

Most footers include:
- Logo
- Link columns (Solutions, Support, Company, Legal)

Some footers include:
- Company mission/tagline
- Newsletter signup
- CTA section

---

## Conversion Priority

1. **Simple with social links** - minimal baseline
2. **4-column simple** - standard marketing footer
3. **4-column with newsletter** - lead capture
4. **Simple centered** - app/dashboard context
