diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx index a11d102a..a47e8463 100644 --- a/src/app/(home)/page.tsx +++ b/src/app/(home)/page.tsx @@ -1,3 +1,4 @@ +import Button from '@/components/Button'; import Duck from '@/components/Duck'; import FancyRectangle from '@/components/FancyRectangle'; import ImageCarousel from '@/components/ImageCarousel'; @@ -5,6 +6,7 @@ import Title from '@/components/Title'; import { CAROUSEL_IMAGES } from '@/data/home'; import { SPONSOR_TYPES, getSponsors } from '@/data/sponsors'; import Image from 'next/image'; +import Link from 'next/link'; import { Fragment } from 'react'; export default function HomePage() { @@ -189,7 +191,7 @@ export default function HomePage() {

Supported By

-
+

Industry's

@@ -205,10 +207,10 @@ export default function HomePage() { if (sponsors.length === 0) return; return ( -

+

{type} Sponsors

-
+
{sponsors.map(({ image, website, name }, i) => ( @@ -230,41 +232,47 @@ export default function HomePage() { {/* CTA part 2 */} -
+
-
+
{/* */} Rectangle Grid
-
-
- - - - - -
-
-
-
- - Thinking about Joining? - -

- New members are always welcome! -

+
+
+
+ + + + + +
+
+
+
+ + Thinking about Joining? + +

+ New members are always welcome.{' '} + + Join us today! + +

+
-
{' '} +
- -
); diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 73c1f249..ba12f1ec 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -11,9 +11,10 @@ interface ButtonProps { type?: 'button' | 'submit' | 'reset'; width?: string; loading?: boolean; + font?: string; } -const Button = ({ children, colour, href, onClick, width, type, loading }: ButtonProps) => { +const Button = ({ children, colour, href, onClick, width, type, loading, font }: ButtonProps) => { const isAnchor = !!href; const Component = isAnchor ? 'a' : 'button'; @@ -23,7 +24,7 @@ const Button = ({ children, colour, href, onClick, width, type, loading }: Butto href={isAnchor ? href : undefined} onClick={onClick} type={isAnchor ? undefined : type} - className={`${width} ${BG_COLOURS[colour]} ${isAnchor ? 'hover:bg-yellow' : 'hover:enabled:bg-yellow'} whitespace-nowrap border-2 border-black px-12 py-4 text-lg font-bold transition-colors duration-300 disabled:cursor-wait disabled:grayscale md:px-2 md:py-1 md:text-base lg:px-6 lg:py-2`} + className={`${width} ${font ?? 'text-lg md:text-base'} ${BG_COLOURS[colour]} ${isAnchor ? 'hover:bg-yellow' : 'hover:enabled:bg-yellow'} whitespace-nowrap border-2 border-black px-12 py-4 font-bold transition-colors duration-300 disabled:cursor-wait disabled:grayscale md:px-2 md:py-1 lg:px-6 lg:py-2`} disabled={loading} > {children}