Components Footer Navigation Brutalism E-commerce Footer Navigation

Brutalism E-commerce Footer Navigation

A simple, brutalist footer navigation component for e-commerce, with pastel colors and dark mode support.

Preview

HTML Code

<footer class="bg-pink-100 text-purple-900 p-4 dark:bg-purple-900 dark:text-pink-100">
  <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
    <div class="mb-4 md:mb-0">
      <h2 class="text-2xl font-bold uppercase tracking-wider">ShopNow</h2>
    </div>
    <nav class="flex space-x-6">
      <a href="#" class="text-lg uppercase hover:underline">Products</a>
      <a href="#" class="text-lg uppercase hover:underline">About</a>
      <a href="#" class="text-lg uppercase hover:underline">Contact</a>
      <a href="#" class="text-lg uppercase hover:underline">Privacy</a>
    </nav>
  </div>
</footer>

Related Components

Footer Navigation Component

Footer Navigation Component for E-commerce with Material Design - a simple component with responsive and dark mode support, featuring a complementary color scheme.

Open

3D_Music_Footer_Navigation

A complex 3D-inspired footer navigation component for music/audio platforms, featuring warm neutrals and full responsiveness with dark mode support.

Open

Glassmorphism Footer Navigation

Footer navigation component with Glassmorphism style, vibrant color scheme, and complex layout for dashboard purposes. Responsive design with dark mode support using Tailwind CSS.

Open