Scroll to Signup

HackHPI · Feb 14, 2024 · c69bb67 · c69bb67
1 parent b6af735
commit c69bb67
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -12,7 +12,7 @@ import Team from "../src/components/Team/Team";
 export default function Page() {
     return (
         <>
-            <LandingImage2 />
+            <LandingImage2/>
             <VerifiedChecker />
             <WhatToExpect />
             <Sponsors />

diff --git a/src/components/LandingImage/LandingImage2.jsx b/src/components/LandingImage/LandingImage2.jsx
@@ -4,7 +4,7 @@ import {TypeAnimation} from "react-type-animation";
 import Countdown from "./Countdown.jsx";
 import {CalendarMonthOutlined} from "@mui/icons-material";
 
-function LandingImage2() {
+function LandingImage2(props) {
 
 
     return (
@@ -59,15 +59,17 @@ function LandingImage2() {
                                 height: "3.5rem",
                                 fontSize: "1rem",
                             }}
+                            onClick={() => document.getElementById("signupForm").scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" })}
                         >
                             SignUp
                         </Button>
                         <Card sx={{height: "3.5rem", width: "13rem", justifyContent: "center", display:"flex"}}>
                             <Stack direction={"row"} alignItems={"center"} display={"flex"}
                                    sx={{height: "100%", paddingRight: "1.25rem", paddingLeft: "1.25rem",}} spacing={2}>
                                 <CalendarMonthOutlined sx={{fontSize: "1.5rem", color: "text.disabled"}}/>
-                                <Typography sx={{fontSize: "1rem"}} color={"text.disabled"} noWrap>5th - 6th
-                                    April</Typography>
+                                <Typography sx={{fontSize: "1rem"}} color={"text.disabled"} noWrap>
+                                    5th - 6th April
+                                </Typography>
                             </Stack>
                         </Card>
                     </Stack>

diff --git a/src/components/Registration/Registration.jsx b/src/components/Registration/Registration.jsx
@@ -2,7 +2,7 @@ import {Container, Typography} from "@mui/material";
 
 function Registration() {
     return (
-        <Container sx={{paddingTop: 10, paddingBottom: 10}}>
+        <Container sx={{paddingTop: 10, paddingBottom: 10}} id={"signupForm"}>
             <Typography variant={"h2"} component={"h1"}>Registration</Typography>
         </Container>
     )