Merge pull request #90 from sliitsesc/release-1.1.1

Release 1.1.1
sliitsesc · Sep 21, 2024 · e1e477a · e1e477a
2 parents de968d5 + f40024f
commit e1e477a
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 25 deletions.
diff --git a/src/components/Countdown/Countdown.jsx b/src/components/Countdown/Countdown.jsx
@@ -2,7 +2,7 @@ import { timeline } from "../../lib/data/timeline";
 import { useCountdown } from "../../lib/hooks/useCountdown";
 
 export default function Countdown() {
-  const timeLeft = useCountdown(timeline.regStartingDate);
+  const timeLeft = useCountdown(timeline.regClosingDate);
 
   return (
     <div id="countdown" className="flex justify-center dm-sans-400">

diff --git a/src/components/Hero/Hero.jsx b/src/components/Hero/Hero.jsx
@@ -23,13 +23,15 @@ export default function Hero() {
             The Programming Hackathon
           </h1>
           <p className="text-[23.4px] leading-[30px] md:leading-normal md:text-[23.4px] font-normal dm-sans-400 max-w-[500px] sm:max-w-[600px] md:max-w-[768px] md:mb-2">
-            Join the Coding Elite at SLIITXtreme 3.0</p>
-            <p className="text-[19px] leading-[30px] md:leading-normal md:text-[19px] font-normal dm-sans-400 max-w-[500px] sm:max-w-[600px] md:max-w-[768px] md:mb-2">Connect with the brightest
-            minds, push your limits, and shape the future of technology.
+            Join the Coding Elite at SLIITXtreme 3.0
+          </p>
+          <p className="text-[19px] leading-[30px] md:leading-normal md:text-[19px] font-normal dm-sans-400 max-w-[500px] sm:max-w-[600px] md:max-w-[768px] md:mb-2">
+            Connect with the brightest minds, push your limits, and shape the
+            future of technology.
           </p>
           <div className="inline-flex gap-x-4 mt-6">
             <Button
-              text="Explore More"
+              text="Explore"
               link="#about"
               color="white"
               className={"drop-shadow-white-glow"}
@@ -40,12 +42,12 @@ export default function Hero() {
               color="white"
               className={"drop-shadow-white-glow"}
             /> */}
-            {/* <Button
+            <Button
               text="Register Now"
-              link="#"
+              link="#register"
               color="orange"
               className={"drop-shadow-orange-glow"}
-            /> */}
+            />
           </div>
         </div>
       </section>

diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
@@ -42,19 +42,18 @@ export default function Navbar({ className }) {
           </ul>
         </div>
         <div className="navbar-end">
-          {/* <Button
-          
+          <Button
             text="Register Now"
-            link="#"
+            link="#register"
             color="orange"
             className={"z-[99] drop-shadow-orange-glow hidden lg:block"}
-          /> */}
-          <Button
+          />
+          {/* <Button
             text="Explore"
             link="#about"
             color="white"
             className={"z-[99] drop-shadow-white-glow hidden lg:block"}
-          />
+          /> */}
           {/* mobile menu */}
           <div className="dropdown z-[99]">
             <div tabIndex={0} role="button" className="btn btn-ghost lg:hidden">

diff --git a/src/components/RegisterSection/RegisterSection.jsx b/src/components/RegisterSection/RegisterSection.jsx
@@ -1,10 +1,15 @@
 import heroGridsImage from "../../../public/images/Grid.svg";
+import { landingPageData } from "../../lib/data/landingPageData";
 import Countdown from "../Countdown/Countdown";
+import Button from "../common/Button/Button";
 import Header from "../common/Typography/Header";
 
 export default function RegisterSection() {
   return (
-    <div className="bg-gradient-to-r from-[#11A3D6] via-black to-[#884116] relative overflow-x-hidden">
+    <div
+      className="bg-gradient-to-r from-[#11A3D6] via-black to-[#884116] relative overflow-x-hidden"
+      id="register"
+    >
       <img
         src={heroGridsImage}
         className="absolute object-cover w-full h-full z-0 opacity-[25%]"
@@ -15,25 +20,25 @@ export default function RegisterSection() {
           <Header
             title={"Registration"}
             subtitle={
-              "Gather up your team and stay tuned. Registrations will be starting in..."
+              "Gather up your team and register now!<br/>Registrations will be <b>closing</b> in..."
             }
             className={"mb-8"}
           />
           <Countdown />
-          {/* <div className="inline-flex gap-x-4 mt-[42px]">
-            <Button
+          <div className="inline-flex gap-x-4 mt-[36px]">
+            {/* <Button
               text="Explore"
               link="#"
               color="white"
               className={"drop-shadow-white-glow"}
-            />
+            /> */}
             <Button
               text="Register Now"
-              link="#"
+              link={landingPageData?.registration?.registerLink}
               color="orange"
               className={"drop-shadow-orange-glow"}
             />
-          </div> */}
+          </div>
         </div>
       </section>
     </div>

diff --git a/src/components/common/Typography/Header.jsx b/src/components/common/Typography/Header.jsx
@@ -1,3 +1,4 @@
+import parse from "html-react-parser";
 import PropTypes from "prop-types";
 
 export default function Header({ title, subtitle, className }) {
@@ -6,7 +7,7 @@ export default function Header({ title, subtitle, className }) {
       <h1 className="text-[48px] dm-sans-600 font-bold text-white mb-2 drop-shadow-white-glow">
         {title}
       </h1>
-      {subtitle && <p className="text-[20px] text-white">{subtitle}</p>}
+      {subtitle && <p className="text-[20px] text-white">{parse(subtitle)}</p>}
     </div>
   );
 }

diff --git a/src/lib/data/landingPageData.js b/src/lib/data/landingPageData.js
@@ -98,7 +98,7 @@ export const landingPageData = {
       "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptates.",
     events: [
       {
-        date: "2024-09-21T00:00",
+        date: "2024-09-21T18:30",
         title: "Registrations Open",
         description: "Secure your spot. Registration begins on September 21st",
       },
@@ -180,7 +180,6 @@ export const landingPageData = {
         answer:
           "Join a community of more than 460,000 technology and engineering professionals united by a common desire to continuously learn, interact, collaborate, and innovate<br>&emsp;-Access the resources and opportunities you need to keep on top of changes in technology.<br>&emsp;-Network with other professionals in your local area or within a specific technical interest.<br>&emsp;-Mentor the next generation of engineers and technologists<br><br>There's no better time to take advantage of what IEEE has to offer. Join now and gain immediate access to all the valuable benefits and features of IEEE membership.<br/><br/>Join as a student: <b><a class='text-white' href='https://www.ieee.org/membership-application/public/join.html?grade=Student'>Click here</a></b><br/>Join as a professional: <b><a class='text-white' href='https://www.ieee.org/membership-application/public/join.html?grade=Student'>Click here</a></b>",
       },
-
     ],
   },
   sponsors: {
@@ -223,7 +222,9 @@ export const landingPageData = {
         name: "SESC",
         logo: "/logos/se-logo.png",
       },
-
     ],
   },
+  registration: {
+    registerLink: "https://forms.gle/zH2givPivKqAHMph9",
+  },
 };