import React from "react"; import { FaQuestion } from "react-icons/fa"; // Customizable text content const content = { headingPrimary: "EMBRACE", headingSecondary: "NOTHINGNESS", description: "Dive into the abyss of existential freedom. Our premium nihilism services offer you the ultimate liberation from purpose, meaning, and those pesky life goals.", buttonPrimary: "Void Now", buttonSecondary: "Why Bother?", icon: , }; // Customizable theme configuration const theme = { mainBg: "bg-white", gradientBg: "bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:16px_16px] opacity-50", headingTextColor: "text-black", headingHighlightBg: "bg-black text-white", descriptionTextColor: "text-gray-800", buttonPrimaryBg: "bg-black text-white", buttonSecondaryBg: "bg-white text-black", borderSecondaryButton: "border-4 border-black", buttonHoverShadow: "hover:shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]", borderColor: "border-black", iconBg: "bg-gray-200", }; const Heading = ({ primary, secondary, }: { primary: string; secondary: string; }) => (

{primary}
{secondary}

); const Description = ({ text }: { text: string }) => (

{text}

); const Button = ({ text, primary = false, }: { text: string; primary?: boolean; }) => ( {text} ); const BrutalistHero = () => { return (

{content.icon}

); }; export default BrutalistHero;

{primary} {secondary}

{primary}
{secondary}

Patterns Components

Brutalism Nothingness Hero