chore: added macro for page hero
diff --git a/erpnext/www/lms/program.html b/erpnext/www/lms/program.html
index 35f7f8a..65c883f 100644
--- a/erpnext/www/lms/program.html
+++ b/erpnext/www/lms/program.html
@@ -1,5 +1,6 @@
 {% extends "templates/base.html" %}
 {% block title %}{{ program.program_name }}{% endblock %}
+{% from "www/lms/macros/hero.html" import hero %}
 
 {% block head_include %}
 	<style>
@@ -34,7 +35,7 @@
 {% macro card(course, index, length) %}
 <div class="col-sm-{{ 12 if length%3 == 1 and index == 1 else 6 if length%3 == 2 and index in [1,2] else 4}} mb-4 text-left">
 	<div class="card h-100">
-		<a href="/lms/course?name={{ course.name }}" class="no-decoration no-underline">
+		<a href="/lms/course?name={{ course.name }}&program={{ program.name }}" class="no-decoration no-underline">
 			{% if course.hero_image %}
 			<div class="card-hero-img" style="background-image: url({{ course.hero_image }})"></div>
 			{% else %}
@@ -52,14 +53,8 @@
 {% endmacro %}
 
 {% block content %}
-<section class="top-section ">
-	<div class='container pb-5'>
-		<h1>{{ program.program_name }}</h1>
-		<p class='lead'>{{ program.description }}</p>
-		<p class="mt-4">
-			<a class="btn btn-primary btn-lg" style="width: 170px;" href="/login#signup">Sign Up</a>
-		</p>
-	</div>
+<section class="section">
+	{{ hero(program.program_name, program.description) }}
 	<div class='container'>
 		<div class="row mt-5">
 			{% for course in program.courses %}