Skip to content

Commit

Permalink
Adjusting ramen bowl
Browse files Browse the repository at this point in the history
  • Loading branch information
@kevinmonisit
kevinmonisit committed Dec 25, 2024
1 parent f07279b commit b218a2d
Show file tree
Hide file tree
Showing 3 changed files with 83 additions and 81 deletions.
161 changes: 81 additions & 80 deletions app/(pre-dashboard)/(landing)/sections/Hero/Hero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,93 +53,94 @@ export default function Hero() {
return (
<>
<Navbar />
<div
className="relative flex w-full flex-col items-center justify-center overflow-hidden sm:flex sm:h-[100vh] sm:flex-row-reverse"
id="Home"
>
<div className='relative flex w-full justify-center'>
<div className='flex w-full items-end justify-end'>
<div className='h-auto w-[790px] xs:max-w-[400px] md:w-[800px] lg:w-[900px] xl:w-[1000px] relative'>

<div className="md:absolute -bottom-[200px] right-[100px] md:right-[0px] z-10">
<Image
src={POKER_IMG[0]}
alt="Poker"
width="1000"
height="1000"
priority
/>
<div className="w-full h-full bg-[#ddc78b] flex justify-center items-center">
<div
className="relative flex w-full flex-col items-center justify-center
overflow-hidden sm:flex sm:h-[100vh] sm:flex-row-reverse max-w-[1100px]"
id="Home"
>
<div className='relative flex w-full justify-center'>
<div className='flex w-full items-end justify-end'>
<div className='h-auto w-[790px] xs:w-[400px] md:w-[400px] lg:w-[500px] relative'>
<div className="md:absolute md:w-[500px] -bottom-[200px] lg:w-[700px] lg:-bottom-[550px] right-[100px] md:right-[0px] md:-bottom-[300px] z-10">
<Image
src={POKER_IMG[0]}
alt="Poker"
width="2000"
height="2000"
priority
/>
</div>
</div>

</div>
</div>

</div>
<div className="relative flex flex-col items-center justify-center h-auto z-20">
<div
className="relative left-0 top-0 h-auto w-[790px]
xs:max-w-[320px] sm:max-w-[576px] md:w-[500px]
md:pl-8 lg:w-[700px] xl:w-[800px]"
>
<Image
src={FIRE_IMG[0]}
quality={fireImageQuality}
width="900"
height="900"
alt="Fire"
className={
"relative"
}
priority
/>
</div>
<div className="items-left flex-col">
<p
className={`${fuzzy.className} text-2xl`}
<div className="relative flex flex-col items-center justify-center h-auto z-20">
<div
className="relative left-0 top-0 h-auto w-[790px]
xs:max-w-[320px] sm:max-w-[576px] md:w-[500px]
md:pl-8 lg:w-[700px] xl:w-[800px] sm:-mt-52"
>
<span className="text-[#536F91]">THE GAMES ARE </span>
<span className="text-[#ADD8E6]">ON!</span>
</p>
<p
className={`${fuzzy.className} text-2xl`}
>
<span className="text-[#ADD8E6]">Oct 26-27! </span>
</p>
<div className="mt-10 flex justify-center space-x-4">
<button
className="z-30 items-center justify-center
rounded-lg border-x-4 border-y-2 border-solid
border-[#C3557D] bg-transparent text-sm text-[#C3557D]
transition-all duration-100 hover:drop-shadow-[0_0_20px_#C3557D]
xs:h-[26px] xs:w-[99px]
sm:h-[45px] sm:w-[179px]
sm:text-lg md:h-[37px]
md:w-[145px] lg:h-[42px]
lg:w-[168px]"
onClick={() => router.push('/signup')}
<Image
src={FIRE_IMG[0]}
quality={fireImageQuality}
width="900"
height="900"
alt="Fire"
className={
"relative"
}
priority
/>
</div>
<div className="items-left flex-col">
<p
className={`${fuzzy.className} text-2xl`}
>
SIGN UP
</button>
<button
className="z-30 items-center justify-center
rounded-lg border-x-4 border-y-2 border-solid
border-[#EC9655] bg-transparent text-sm text-[#EC9655]
transition-all duration-100 hover:drop-shadow-[0_0px_20px_#EC9655]
xs:h-[26px] xs:w-[99px]
sm:h-[45px] sm:w-[179px]
sm:text-lg md:h-[37px]
md:w-[145px] lg:h-[42px]
lg:w-[168px]"
onClick={() => {
if (isLogged) {
router.push('/dashboard');
} else {
router.push('/login');
}
}}
<span className="text-[#536F91]">THE GAMES ARE </span>
<span className="text-[#ADD8E6]">ON!</span>
</p>
<p
className={`${fuzzy.className} text-2xl`}
>
{!isLogged ? 'LOG IN' : 'DASHBOARD'}
</button>
<span className="text-[#ADD8E6]">Oct 26-27! </span>
</p>
<div className="mt-10 flex justify-center space-x-4">
<button
className="z-30 items-center justify-center
rounded-lg border-x-4 border-y-2 border-solid
border-[#C3557D] bg-transparent text-sm text-[#C3557D]
transition-all duration-100 hover:drop-shadow-[0_0_20px_#C3557D]
xs:h-[26px] xs:w-[99px]
sm:h-[45px] sm:w-[179px]
sm:text-lg md:h-[37px]
md:w-[145px] lg:h-[42px]
lg:w-[168px]"
onClick={() => router.push('/signup')}
>
SIGN UP
</button>
<button
className="z-30 items-center justify-center
rounded-lg border-x-4 border-y-2 border-solid
border-[#EC9655] bg-transparent text-sm text-[#EC9655]
transition-all duration-100 hover:drop-shadow-[0_0px_20px_#EC9655]
xs:h-[26px] xs:w-[99px]
sm:h-[45px] sm:w-[179px]
sm:text-lg md:h-[37px]
md:w-[145px] lg:h-[42px]
lg:w-[168px]"
onClick={() => {
if (isLogged) {
router.push('/dashboard');
} else {
router.push('/login');
}
}}
>
{!isLogged ? 'LOG IN' : 'DASHBOARD'}
</button>
</div>
</div>
</div>
</div>
Expand Down
3 changes: 2 additions & 1 deletion app/(pre-dashboard)/(landing)/sections/Hero/Navbar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,8 @@ function Navbar() {

return (
<div
className={`z-40 flex w-full justify-end bg-gradient-to-b from-blue-500 to-transparent md:fixed ${longCang.className}`}
className={`z-40 flex w-full justify-end bg-gradient-to-b from-blue-500 to-transparent
md:fixed ${longCang.className}`}
id="navbar"
>
<div
Expand Down
Binary file modified public/landing/S2025/hero-main-art.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit b218a2d

Please sign in to comment.