rschneider/yogastic
1
0
Fork 0
Code Issues 28 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

[yoga-15] improve service list rendering

Browse Source
This commit is contained in:
Schneider Roland
2025-09-10 22:38:04 +02:00
parent 8fc0f924b8
commit 1e553380e2
8 changed files with 59 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
yoga-app/src/components/block.with.right.image.component.tsx
View File

@@ -4,35 +4,41 @@ import NextBlocksRenderer from "@/components/next.blocks.renderer";
import styles from './block.with.right.image.component.module.css';
import clsx from "clsx";
export default function BlockWithRightImage ({
title,header, block,button, image: {
export default function BlockWithRightImage({
id, title, header, block, button, image: {
url,
} ,
}: BlockWithImageComponentProps){
},
}: BlockWithImageComponentProps) {
return (
<section className="mission_section">
<section className="mission_section" id={id}>
<div className="container">
<div className="mission_box">
<div className="row">
<div className="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-aos="fade-up">
<div className="mission_content">
<div className="mission_image">
<figure className="mb-0"><YogaImageComponent src={url} alt="" className={clsx("img-fluid", "float-right", styles.rightImage)} /></figure>
</div>
<div className={ clsx("mission_content",styles.blockRightMissionContent)}>
{
url && <div className="mission_image">
<figure className="mb-0">
<YogaImageComponent src={url} alt=""
className={clsx("img-fluid", "float-right", styles.rightImage)}/>
</figure>
</div>
}
{title && <h5>{title}</h5>}
{header && <h2>{header}</h2>}
<NextBlocksRenderer content={ block } />
<NextBlocksRenderer content={block}/>
<div className="btn_wrapper">
{button && <a href={button.link} className="text-decoration-none read_more_btn">{button.label}</a>}
{button && <a href={button.link}
className="text-decoration-none read_more_btn">{button.label}</a>}
</div>
</div>
</div>
</div>
</div>
<figure className="mission_right_shape right_shape mb-0">
<YogaImageComponent src="./assets/images/our_mission_shape.png" alt="" className="img-fluid" />
<YogaImageComponent src="./assets/images/our_mission_shape.png" alt="" className="img-fluid"/>
</figure>
</div>
</section>