footer, feedback, subscribe

yoga-app/src/components/subscribe.component.tsx

@@ -1,6 +1,11 @@
 import YogaImageComponent from "@/components/yoga.image.component";
-
-const SubscribeComponent = () => {
+import {
+    YogaSubscribeNowComponent_Plain
+} from "@/types/generated-strapi-interfaces/api/yoga-subscribe-now-component";
+export interface Props{
+    config: YogaSubscribeNowComponent_Plain
+}
+const SubscribeComponent = ({config: {title,header,placeHolderEmail,buttonSubscribeLabel}}: Props) => {
     return (
         <section className="subscribe_section">
             <div className="container">
@@ -8,14 +13,14 @@ const SubscribeComponent = () => {
                     <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>Subscribe now</h5>
-                                <h2>Get the Latest Updates With Our Newletter</h2>
+                                <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="Enter You Email"/>
-                                            <button type="submit" name="btnsubmit" id="submitbutton">Subscribe</button>
+                                                   placeholder={placeHolderEmail}/>
+                                            <button type="submit" name="btnsubmit" id="submitbutton">{buttonSubscribeLabel}</button>
                                         </div>
                                     </div>
                                 </form>