Improvements to Auth Screen based on Design Feedback (#292)

This commit is contained in:
Johannes
2023-05-23 09:26:10 +02:00
committed by GitHub
parent 79a86050c3
commit 69c05a3133
2 changed files with 21 additions and 19 deletions
+1 -2
View File
@@ -115,9 +115,8 @@ export const SigninForm = () => {
</div>
{process.env.NEXT_PUBLIC_SIGNUP_DISABLED !== "1" && (
<div className="mt-3 text-center text-xs text-slate-600">
Need an account?{" "}
<Link href="/auth/signup" className="font-semibold underline">
Register.
Create new account
</Link>
</div>
)}
+20 -17
View File
@@ -8,8 +8,9 @@ export default function Testimonial() {
<div className="flex flex-col items-center justify-center">
<div className="mb-10 w-3/4 space-y-8 2xl:w-1/2">
<div>
<h2 className="text-3xl font-bold text-slate-600">Survey any segment</h2>
<h3 className="text-3xl font-light text-slate-600">No coding required.</h3>
<h2 className="text-3xl font-bold text-slate-900">
Versatile in-app surveys. Valuable user insights.
</h2>
</div>
{/* <p className="text-slate-600">
Make customer-centric decisions based on data.
@@ -22,27 +23,29 @@ export default function Testimonial() {
</div>
<div className="flex space-x-2">
<CheckCircleIcon className="text-brand-dark h-6 w-6" />
<p className="inline text-lg text-slate-900">No Creditcard required</p>
<p className="inline text-lg text-slate-900">Free and open-source</p>
</div>
<div className="flex space-x-2">
<CheckCircleIcon className="text-brand-dark h-6 w-6" />
<p className="inline text-lg text-slate-900">Trusted by 400+ product teams</p>
<p className="inline text-lg text-slate-900">No credit card required</p>
</div>
</div>
<div className="border-1 relative flex rounded-xl border-slate-200 bg-slate-50 shadow-sm">
<Image
src={Peer}
alt="Cal.com Co-CEO Peer Richelsen"
className="absolute -bottom-9 right-10 h-28 w-28 rounded-full border border-slate-200 shadow-sm"
/>
<div className="space-y-2 p-6">
<p className=" italic text-slate-700">
We measure the clarity of our docs and learn from churn all on one platform. Great product, very
responsive team!
</p>
<p className="text-sm text-slate-500">Peer Richelsen, Co-CEO Cal.com</p>
<Image src={CalComLogo} alt="Cal.com Logo" />
<div className="border-1 rounded-xl border-slate-200 bg-slate-50 p-6 shadow-sm">
<p className="italic text-slate-700">
We measure the clarity of our docs and learn from churn all on one platform. Great product, very
responsive team!
</p>
<div className="mt-4 flex items-center space-x-6">
<Image
src={Peer}
alt="Cal.com Co-CEO Peer Richelsen"
className="-mb-12 h-28 w-28 rounded-full border border-slate-200 shadow-sm"
/>
<div>
<p className="mb-1.5 text-sm text-slate-500">Peer Richelsen, Co-CEO Cal.com</p>
<Image src={CalComLogo} alt="Cal.com Logo" />
</div>
</div>
</div>
</div>