Animated Underline Hero Section

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>
  );
}