Pulse Stripes Layout
Full landing page layout with animated pulse stripe hero, number flow stats, brand marquee, and scroll-driven character reveal insights section.
Category
HeroReact
CSS
Tailwind
Manual
Create a file and paste the following code into it.
src/index-demo.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import { Header } from "@/components/header";
import { Hero } from "@/components/hero";
import { BrandMarquee } from "@/components/brand-marquee";
import { InsightsSection } from "@/components/insights-section";
function Demo() {
return (
<main className="min-h-dvh bg-neutral-950 pb-125">
<Header />
<Hero />
<BrandMarquee />
<InsightsSection />
</main>
);
}
export default Demo;Update the import paths to match your project setup.