1  ---
 2  type Props = {
 3  	title: string;
 4  };
 5  
 6  const { title } = Astro.props as Props;
 7  ---
 8  
 9  <section class="py-10 grid grid-cols-[1fr_2fr] h-[20rem] overflow-hidden relative">
10  	<div class="absolute inset-0 bg-gradient-to-t from-slate-50 to-transparent z-10 bg-clip-content">
11  		<button
12  			class="block absolute bottom-4 left-1/2 -translate-x-1/2 text-base font-medium font-sans p-4 rounded-md hover:bg-slate-100 transition-colors"
13  		>
14  			See More
15  		</button>
16  	</div>
17  	<h1 class="text-2xl text-slate-800 font-heading uppercase justify-self-start m-0">{title}</h1>
18  	<div>
19  		<slot />
20  	</div>
21  </section>