Components
Animated Underline Hero Section
Animated Underline Hero – Bold intro section with dynamic emphasis. Features large typography with animated underline effects to highlight key phrases, paired with high-contrast visuals. Ideal for mission-driven platforms, personal brands, or product intros that demand attention.
import { AnimatedUnderlineHero } from '@/components/ui/animated-underline-hero-section'; // Adjust the import path accordingly
export default function Demo() {
return (
<div className="w-full bg-gradient-to-b from-background via-background to-muted/20">
<AnimatedUnderlineHero
headlineStart="Making a Dent in "
headlineHighlight="Indian"
headlineEnd=" Education System"
description="At School, we didn’t outsource the solution, we engineered it from scratch designing our curriculum and teaching methods in-house to solve real-world problems. Trusted by 47,000+ learners, our proven, field-tested courses are accessible and affordable on our learning platform."
imageSrc="https://mlwqjelx2sgt.i.optimole.com/cb:bbVa.40e/w:1002/h:1080/q:mauto/https://thethinkschool.com/wp-content/uploads/2025/06/ganesh-png-for-website-2-scaled.png"
imageAlt="Lord Ganesha"
/>
</div>
);
}