home and about page

yoga-app/src/components/yogaDiscountComponent.tsx

@@ -0,0 +1,27 @@
+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>
+    );
+}