Ela_Front/src/components/homepage_automatic_files/WhyUsLayout.js

27 lines
1.2 KiB
JavaScript

import React from 'react';
import Card_Title from './Card_Title';
import ListCard from './ListCard';
import ButtonText from './ButtonText';
const WhyUsLayout = () => {
return (
<div className='WhyUsLayout_block1' >
<div style={{ flexGrow: 1 }}>
<Card_Title />
</div>
<div className='WhyUsLayout_block2'>
<ListCard imageUrl="https://dashboard.codeparrot.ai/api/image/Z6xpvmNxokPE5KTq/france-1.png" title="Editeur Français" buttonText="Découvrir" />
<ListCard imageUrl="https://dashboard.codeparrot.ai/api/image/Z6xpvmNxokPE5KTq/qualiopi.png" title="Accompagnement à la certification" buttonText="Découvrir" />
<ListCard imageUrl="https://dashboard.codeparrot.ai/api/image/Z6xpvmNxokPE5KTq/solution.png" title="Solution complète pour gérer votre OF" buttonText="Découvrir" />
<ListCard imageUrl="https://dashboard.codeparrot.ai/api/image/Z6xpvmNxokPE5KTq/euro-1.png" title="Solution la moins chère du marché" buttonText="Découvrir" />
</div>
<div style={{ flexGrow: 1, display: 'flex', justifyContent: 'center' }}>
<ButtonText text="Découvrir nos fonctionnalités" />
</div>
</div>
);
};
export default WhyUsLayout;