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

Minimalist Footer Navigation

A minimalist footer navigation component for blogs with responsive design and dark mode support.

Open

Footer Navigation Component

A responsive footer navigation component with a dark theme, suitable for a portfolio website. It features a monochromatic color scheme with different shades of a single color, medium complexity with some interactive features, and uses Tailwind CSS for styling, including dark mode support with the dark: prefix.

Open

Industrial_Rainbow_Footer_Navigation

A simple, responsive footer navigation component with an industrial aesthetic, exposed elements, and a multi-color rainbow gradient background, tailored for finance/banking interfaces. Includes dark mode support.

Open