diff --git a/frontend/src/app/components/Legacy/CarouselImage.tsx b/frontend/src/app/components/Legacy/CarouselImage.tsx new file mode 100644 index 0000000..9ace12b --- /dev/null +++ b/frontend/src/app/components/Legacy/CarouselImage.tsx @@ -0,0 +1,20 @@ +import { ReactElement } from "react"; +import Image from "next/image"; + +export default function CarouselImage({ text }: { text: string }): ReactElement { + + return ( +
  • + +
    + +

    + {text} +

    + +
    + +
    • + + ); +} diff --git a/frontend/src/app/components/Quotes/QuotesCard.tsx b/frontend/src/app/components/Quotes/QuotesCard.tsx index a58802c..c9f50cd 100644 --- a/frontend/src/app/components/Quotes/QuotesCard.tsx +++ b/frontend/src/app/components/Quotes/QuotesCard.tsx @@ -1,8 +1,72 @@ -export default function QuotesCard(){ - return( +import Image from "next/image"; +import hero from "../../assets/images/Hero.jpg" +import { ReactElement } from "react"; +import { cabinetBold, cabinetExtraBold, cabinetMedium, satoshiRegular } from "../../utils/fonts"; + +interface QuotesCardDetails { + title_front:string; + title_highlight:string; + title_back:string; + description:string; + name:string; + position:string; + photo:ReactElement; +} + +const QuotesCard: React.FC = ({ + title_front, + title_highlight, + title_back, + description, + name, + position, + photo, + }) => { + return ( <> - +
    +
    + +
    +
    +
    + {photo} +
    +
    +
    +
    {name} +
    +
    + {position} +
    +
    +
    +
    +
    + +
    + +
    +
    +
    +
    +
    +
    + {title_front}{title_highlight}{title_back}
    +
    +
    + {description} +
    +
    +
    +
    +
    +
    + +
    ); -} \ No newline at end of file +} + +export default QuotesCard; \ No newline at end of file diff --git a/frontend/src/app/components/Register/RegisterCard.tsx b/frontend/src/app/components/Register/RegisterCard.tsx index 8039657..8992adb 100644 --- a/frontend/src/app/components/Register/RegisterCard.tsx +++ b/frontend/src/app/components/Register/RegisterCard.tsx @@ -18,8 +18,8 @@ export default function RegisterCard(): ReactElement {

    - Secure your spot at DeerHack today and elevate your skills, -
    expand your network, and ignite + Secure your spot at DeerHack today and elevate +
    your skills, expand your network, and ignite innovation.

    diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index 0610884..439dc13 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -11,6 +11,10 @@ background: linear-gradient(140.3deg, #6633cc -15.9%, #f5c144 72.56%); } + .legacy-gradient-background { + background: linear-gradient(116.3deg, #6633CC 3.83%, #110C24 78.88%); + } + .text-primary-gradient-color { @apply bg-gradient-to-r from-primary from-1% to-secondary bg-clip-text text-transparent; } @@ -42,4 +46,10 @@ .headings { @apply text-center text-3xl lg:text-6xl text-primary-gradient-color w-fit mx-auto px-4 md:px-0; } + + .carousel-gradient{ + background: linear-gradient(270deg, #140E2B 100%, rgba(20, 14, 43, 0.15) -745.2%); + } + + } diff --git a/frontend/src/app/legacy/page.tsx b/frontend/src/app/legacy/page.tsx index 9ac422b..a0d96c3 100644 --- a/frontend/src/app/legacy/page.tsx +++ b/frontend/src/app/legacy/page.tsx @@ -39,9 +39,12 @@ export default function LegacyPage(){ /> -
    +
    +
    + Honoring the legacy of DeerHack by honoring its Essence, Evolving its vision and passing it with a purpose every year. +