mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-04-01 02:41:39 -05:00
Updated CTA
This commit is contained in:
parent
8fd5c5bb77
commit
45655fecd3
1 changed files with 24 additions and 5 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Reference in a new issue