0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00

Updated CTA

This commit is contained in:
Peter Zimon 2022-07-08 11:59:35 +02:00
parent 8fd5c5bb77
commit 45655fecd3

View file

@ -1,10 +1,29 @@
function NotSignedInBox() {
import {useContext} from 'react';
import AppContext from '../AppContext';
const NotSignedInBox = (props) => {
const {accentColor} = useContext(AppContext);
const boxStyle = {
background: accentColor
};
const buttonStyle = {
color: accentColor
};
return (
<section className="text-center mb-1 bg-neutral-50 rounded-lg pt-12 pb-10 px-8">
<h1 className="text-center text-3xl font-sans font-bold mb-6 tracking-tight">Want to join the discussion?</h1>
<a className="bg-black text-white font-sans py-3 px-4 mb-6 rounded inline-block" href="#/portal/signin">Sign in to comment</a>
<section className="text-center mb-1 bg-neutral-900 rounded-lg pt-12 pb-10 px-8" style={boxStyle}>
<h1 className="text-center text-white text-[28px] font-sans font-semibold mb-6 tracking-tight">Want to join the discussion?</h1>
<a className="bg-white font-sans py-3 px-4 mb-6 rounded inline-block font-medium" style={buttonStyle} href="#/portal/signup">
Subscribe now
</a>
<p className="font-sans text-center text-white">
<span className='inline-block mr-1'>Already have an account?</span>
<a className="text-white underline" href="#/portal/signin">Sign in</a>
</p>
</section>
);
}
export default NotSignedInBox;