# Swipe Footer Component

> A modern, eye-catching footer section featuring a bold typographic design with a dark blue gradient background. This component includes a three-column layout with company information, navigation links, and contact details, complemented by striking decorative elements including a large green asterisk and circular accent. The centerpiece is an oversized "SWIPE" text treatment that creates a powerful visual impact. Built with React and Tailwind CSS, it includes hover effects, social media icons, and responsive design that adapts seamlessly across all device sizes. Perfect for agencies, creative studios, or any business looking to make a memorable impression with their footer section. Key Features:  Responsive three-column grid layout Large-scale typography with decorative accents Social media integration with custom icons Interactive hover effects and smooth transitions Dark blue gradient background with lime green highlights Mobile-optimized design with proper spacing Accessible markup with semantic HTML structure

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- Live preview: https://21st.dev/@muhammad-binsalman/components/swipe-footer-component

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/swipe-footer-component?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt