48 lines
2.1 KiB
TypeScript
48 lines
2.1 KiB
TypeScript
import YogaImageComponent from "@/components/yoga.image.component";
|
|
import {
|
|
YogaSubscribeNowComponent_Plain
|
|
} from "@/types/generated-strapi-interfaces/api/yoga-subscribe-now-component";
|
|
import clsx from "clsx";
|
|
export interface Props{
|
|
config: YogaSubscribeNowComponent_Plain,
|
|
styleClass?: string
|
|
}
|
|
const SubscribeComponent = ({
|
|
config: {title,header,placeHolderEmail,buttonSubscribeLabel},
|
|
styleClass
|
|
}: Props) => {
|
|
return (
|
|
<section className={clsx("subscribe_section",styleClass)}>
|
|
<div className="container">
|
|
<div className="subscribe_background_image">
|
|
<div className="row">
|
|
<div className="col-lg-7 col-md-7 col-sm-6 col-xs-12" data-aos="fade-right">
|
|
<div className="subscribe_content">
|
|
<h5>{title}</h5>
|
|
<h2>{header}</h2>
|
|
<form method="POST">
|
|
<div className="form-row">
|
|
<div className="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<input type="email" name="email" id="emailadd" className="form-control"
|
|
placeholder={placeHolderEmail}/>
|
|
<button type="submit" name="btnsubmit" id="submitbutton">{buttonSubscribeLabel}</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-5 col-md-5 col-sm-6 col-xs-12">
|
|
<figure className="subscribe_image mb-0">
|
|
<YogaImageComponent src="/assets/images/subscribe_image.png" alt=""/>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
);
|
|
}
|
|
|
|
export default SubscribeComponent;
|