-
Notifications
You must be signed in to change notification settings - Fork 0
Add base style, typography #26
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Changes from all commits
17d06e8
318dcfa
183dc98
87c6d3e
0e0853f
f565a01
5839da1
4629b70
0501788
49a93b9
b3d6046
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
{ | ||
"files.insertFinalNewline": true | ||
} |
Large diffs are not rendered by default.
This file was deleted.
Original file line number | Diff line number | Diff line change | ||||
---|---|---|---|---|---|---|
|
@@ -3,44 +3,47 @@ import LandingImg from "../assets/Images/landing_page_img.png"; | |||||
|
||||||
function LandingPage() { | ||||||
return ( | ||||||
<div> | ||||||
<div className="grid grid-cols-2 gap-2 h-full md:pt-40 lg:pt-20"> | ||||||
{/* Left side text */} | ||||||
<div className="flex justify-center items-center"> | ||||||
<div className="text-left space-y-5"> | ||||||
<p className="peerprep-logo">PeerPrep</p> | ||||||
<div className="text-4xl lg:text-5xl font-bold"> | ||||||
<p> Master Tech</p> | ||||||
<p> Interviews</p> | ||||||
<p>Together</p> | ||||||
</div> | ||||||
<p className="text-xl lg:text-3xl"> | ||||||
Connect with peers, practice problems, <br /> | ||||||
and ace your next technical interview! | ||||||
</p> | ||||||
<div className="grid grid-cols-2 gap-4"> | ||||||
<Link | ||||||
to="/auth/register" // route path | ||||||
className="btn btn-primary">Get Started</Link> | ||||||
<Link | ||||||
to="/auth/login" // route path | ||||||
className="btn btn-primary btn-soft" | ||||||
> | ||||||
Go to Login | ||||||
</Link> | ||||||
</div> | ||||||
<p className="pt-15 normal-text">GOOGLE / AWS / META / MICROSOFT</p> | ||||||
</div> | ||||||
<div className="grid grid-cols-2 gap-2 h-screen"> | ||||||
{/* Left side text */} | ||||||
<div className="flex flex-col justify-center min-h-screen pl-40 space-y-6"> | ||||||
<div className="flex-grow"></div> | ||||||
<span className="peerprep-logo pb-2 mt-[5%]">PeerPrep</span> | ||||||
<span className="text-[clamp(3rem,4.8vw,6rem)] font-semibold tracking-wider leading-[0.95] pb-4"> | ||||||
<span className="whitespace-nowrap">Master Tech </span> | ||||||
<br /> | ||||||
Interviews Together | ||||||
</span> | ||||||
<p className="text-[clamp(1rem,1vw,1.25rem)] tracking-widest pb-5"> | ||||||
Connect with peers, practice problems, and ace your next technical | ||||||
interview! | ||||||
</p> | ||||||
<div className="grid grid-cols-2 gap-7 w-7/10"> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. The class
Suggested change
Copilot uses AI. Check for mistakes. Positive FeedbackNegative Feedback |
||||||
<Link | ||||||
to="/auth/register" // route path | ||||||
className="btn btn-primary btn-lg text-[clamp(0.9rem,1.2vw,1.5rem)] font-normal" | ||||||
> | ||||||
Get Started | ||||||
</Link> | ||||||
<Link | ||||||
to="/auth/login" // route path | ||||||
className="btn btn-primary btn-soft btn-lg text-[clamp(0.9rem,1.2vw,1.5rem)] font-normal" | ||||||
> | ||||||
Login | ||||||
</Link> | ||||||
</div> | ||||||
<div className="flex-grow"></div> | ||||||
<p className="text-[clamp(0.85rem,0.8vw,1rem)] font-medium tracking-[0.25em] mb-[5%]"> | ||||||
GOOGLE / AWS / META / MICROSOFT | ||||||
</p> | ||||||
</div> | ||||||
|
||||||
{/* Right side image */} | ||||||
<div className="flex justify-center items-center "> | ||||||
<img | ||||||
src={LandingImg} | ||||||
alt="PeerPrep landing page illustration" | ||||||
className="max-h-screen w-auto object-contain scale-80" | ||||||
/> | ||||||
</div> | ||||||
{/* Right side image */} | ||||||
<div className="flex justify-center items-center pr-40"> | ||||||
<img | ||||||
src={LandingImg} | ||||||
alt="PeerPrep landing page illustration" | ||||||
className="max-h-screen w-auto object-contain scale-80" | ||||||
/> | ||||||
</div> | ||||||
</div> | ||||||
); | ||||||
|
Uh oh!
There was an error while loading. Please reload this page.