kikikan/backend/resources/js/pages/contact/complete.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@material-ui/core';


const Contact_Complete = () => {
	return (
        <div>
            <p className="text-center font-weight-bold ft-20">お問い合わせ完了</p>
            <p className="ft-13 p-2 bg-color-1">
                お問い合わせが完了しました。<br/>
                3営業日以内にお返事させていただきます。<br/><br/>
                万が一届かない場合は、以下のメールアドレスに 直接ご連絡くださいませ。
            </p>
            <div>
                sample@gmail.com
            </div>
            <div className="row">
                <div class="col-6">
                    <Button fullWidth className="ft-15">親ログイン画面へ</Button>
                </div>
                <div className="col-6">
                    <Button fullWidth className="ft-15">子ログイン画面へ</Button>
                </div>
            </div>
        </div>
	)
}


if(document.getElementById('contact-complete')){
	ReactDOM.render(
		<Contact_Complete />,
		document.getElementById('contact-complete')
	)
}