'use client'; import React, { useState } from 'react'; import { motion, useScroll, useTransform, AnimatePresence, useSpring } from 'framer-motion'; import { ArrowUpRight, Zap, Box, Layers, Smile, X, Menu, Star } from 'lucide-react'; import { cn } from "@/src/lib/utils" import { FloatingShapes, NeoButton, MarqueeTape, FeatureCard } from "@/src/components/CoreLandingPages/CompleteLandingPages/tsx/NeoBrutalism"; // --- Main Page --- export default function NeoBrutalism() { const [isMenuOpen, setIsMenuOpen] = useState(false); const { scrollYProgress } = useScroll(); const scaleX = useSpring(scrollYProgress, { stiffness: 100, damping: 30 }); return (

{/* Progress Bar */} {/* Floating Shapes BG */} {/* Navbar */}

CHUNK.

{['Features', 'Pricing', 'Docs'].map(link => ( {link} ))} Get Access

{/* Mobile Menu Overlay */} {isMenuOpen && ( {['Features', 'Pricing', 'Docs'].map(link => ( {link} ))} )} {/* Hero Section */}

✨ Version 2.0 is live

Make it
Pop. Make it Loud.

Stop blending in. We build digital experiences that punch you in the face (respectfully). 100% Neo-Brutalist goodness.

Start Building View Gallery

{/* Decorative Tape */}

{/* Grid Section */}

The Stack

/// 01

{/* Split Section */}

Too Easy

Don't
Overthink
It.

Complexity is the enemy. We provide the raw blocks, you build the castle. No blurred shadows, no gradients, just pure structure.

{item}

{/* CTA Footer */}

Ready to break
the internet?

Get Template Now

); }

Make it Pop. Make it Loud.

The Stack

Too Easy

Don't Overthink It.

Ready to break the internet?

Make it
Pop. Make it Loud.

Don't
Overthink
It.

Ready to break
the internet?

Property	Type	Default	Description
primaryColor	string	#000000	Primary raw color (black).
accentColor	string	#ff006e	High contrast accent color.
shadowOffset	string	8px	Offset for brutalist shadows.
borderWidth	string	4px	Border width for raw elements.

Neo Brutalism

Props