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

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Swipe Footer Component to your project and fits it to your theme.

import Footer from "@/components/ui/swipe-footer-component";

export default function DemoOne() {
  return <Footer />;
}