28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
import {YogaDiscountComponent_Plain} from "@/types/generated-strapi-interfaces/api/yoga-discount-component";
|
|
|
|
export interface Props{
|
|
config: YogaDiscountComponent_Plain
|
|
}
|
|
export default function YogaDiscountComponent({config: {
|
|
headerPart1,headerDiscount,headerPart2,button,description
|
|
}}: Props){
|
|
return (
|
|
<section className="discount_section">
|
|
<div className="container">
|
|
<div className="row" data-aos="fade-up">
|
|
<div className="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div className="discount_content">
|
|
<h2>{headerPart1}<span>{headerDiscount}</span>{headerPart2}</h2>
|
|
<p>{description}</p>
|
|
{button && <div className="btn_wrapper">
|
|
<a href={button.link} className="text-decoration-none get_started">{button.label}</a>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|