Ebube
53 lines
1.9 KiB
React
53 lines
1.9 KiB
React
import React from "react";
|
|
import { Link } from "react-router-dom";
|
|
|
|
export default function LoginLayout({ slogan, children }) {
|
|
return (
|
|
<div className={`layout-wrapper login`}>
|
|
<div className={`main-wrapper login-wrapper w-full h-screen overflow-y-auto p-2 sm:p-20`}>
|
|
<div className="w-full h-full">
|
|
<div className="flex-1 flex justify-center items-center">
|
|
{children && children}
|
|
</div>
|
|
<div className="flex-1 flex justify-center items-center p-10">
|
|
<div className="flex items-center">
|
|
<a
|
|
href="https://www.wrenchboard.com/about-us"
|
|
className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
About
|
|
</a>
|
|
<a
|
|
href="https://www.wrenchboard.com/service"
|
|
className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Services
|
|
</a>
|
|
<a
|
|
href="https://www.wrenchboard.com/contact"
|
|
className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Contact Us
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div className="flex-1 flex justify-center items-center p-10">
|
|
<p className="text-black text-[15px] px-2 font-medium flex items-center">
|
|
<span className="text-3xl mt-2 mr-1">©</span> 2023 - {" "}
|
|
<Link to="/" className="text-[#009ef7] ml-1">
|
|
WrenchBoard
|
|
</Link>{" "}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|