diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/BenefitsBackground.tsx b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/BenefitsBackground.tsx new file mode 100644 index 00000000..c13ed4a8 --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/BenefitsBackground.tsx @@ -0,0 +1,82 @@ +import * as React from "react"; +import type { SVGProps } from "react"; + +const BenefitsBackground = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + +); +export default BenefitsBackground; diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/cargurus.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/cargurus.svg new file mode 100644 index 00000000..85c2733d --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/cargurus.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/datadog.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/datadog.svg new file mode 100644 index 00000000..fcc0a7a0 --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/datadog.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/google.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/google.svg new file mode 100644 index 00000000..62c8465a --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/google.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/meta.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/meta.svg new file mode 100644 index 00000000..39af8f4d --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/meta.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/simplisafe.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/simplisafe.svg new file mode 100644 index 00000000..822e391a --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/simplisafe.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/toast.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/toast.svg new file mode 100644 index 00000000..0d7b9ddf --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/toast.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/vmware.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/vmware.svg new file mode 100644 index 00000000..08bae574 --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/vmware.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/woodmak.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/woodmak.svg new file mode 100644 index 00000000..01b36159 --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/woodmak.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/yelp.svg b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/yelp.svg new file mode 100644 index 00000000..2760b913 --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/Logos/yelp.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/NavyBackground.tsx b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/NavyBackground.tsx new file mode 100644 index 00000000..3ef3e89a --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/NavyBackground.tsx @@ -0,0 +1,217 @@ +import * as React from "react"; +import type { SVGProps } from "react"; + +const NavyBackground = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); +export default NavyBackground; diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/SponsorUsBenefitLegs.tsx b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/SponsorUsBenefitLegs.tsx new file mode 100644 index 00000000..d2167743 --- /dev/null +++ b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/SponsorUsBenefitLegs.tsx @@ -0,0 +1,78 @@ +import * as React from "react"; +import type { SVGProps } from "react"; + +const SponsorUsBenefitLegs = (props: SVGProps) => ( + + + + + + + + + + + + + + +); +export default SponsorUsBenefitLegs; diff --git a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/SponsorsUsBenefitCard.tsx b/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/SponsorsUsBenefitCard.tsx deleted file mode 100644 index 70d9f3da..00000000 --- a/apps/main/src/app/lib/Assets/SVG/SponsorUsAssets/SponsorsUsBenefitCard.tsx +++ /dev/null @@ -1,158 +0,0 @@ -import * as React from "react"; -import type { SVGProps } from "react"; -const SponsorUsBenefitCard = (props: SVGProps) => ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -); -export default SponsorUsBenefitCard; diff --git a/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx b/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx index c5af86f8..8a580eae 100644 --- a/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx +++ b/apps/main/src/app/lib/Components/SponsorComponents/SponsorTicketComp.tsx @@ -9,6 +9,7 @@ export type SponsorTicketProps = { isSponsorUs?: boolean; logoPath?: string; ticketWidthVw?: number; + logoWidth?: number; }; /** @@ -21,6 +22,7 @@ export default function SponsorTicketComp({ isSponsorUs = false, logoPath, ticketWidthVW = 20, + logoWidth, }: SponsorTicketProps & { ticketWidthVW?: number }): JSX.Element { return (
{logoPath && ( image of ticket sponsor
+
+ -
- - - - - - - - - 2025 PROJECTS - - - - +
{projectData.map((project, index) => (
{ - const { isMobile } = useDevice(); - const [isSmallScreen, setIsSmallScreen] = React.useState(true); + const { isMobile, isTablet, isDesktop } = useDevice(); - React.useEffect(() => { - const checkScreenSize = () => { - const isSmall = window.innerWidth <= 1024; - setIsSmallScreen(isSmall); - }; + const firstCardClasses = clsx( + "w-full flex h-[50vh]", + isMobile && "justify-center", + isTablet && "justify-center pr-[55vw]", + isDesktop && "justify-start pl-[10vw]", + ); - checkScreenSize(); - window.addEventListener("resize", checkScreenSize); - return () => window.removeEventListener("resize", checkScreenSize); - }, []); - const firstCardClasses = clsx("w-full flex", { - "justify-center px-4": isSmallScreen || isMobile, - "justify-end pr-96": !(isSmallScreen || isMobile), - }); + const secondCardClasses = clsx( + "w-full flex h-[50vh]", + isMobile && "justify-center", + isTablet && "justify-center pr-[55vw]", + isDesktop && "justify-center pl-[10vw] ", + ); - const secondCardClasses = clsx("w-full flex", { - "justify-center px-4": isSmallScreen || isMobile, - "justify-start pl-96": !(isSmallScreen || isMobile), - }); + const cardWrapperClasses = clsx("max-w-xl", isMobile && "w-full ml-[7vw]"); - const cardWrapperClasses = clsx("max-w-xl", { - "w-full": isSmallScreen || isMobile, - }); + const sectionStyles = clsx( + "relative", + isDesktop && "-mt-[18vh] pt-[18vh]", + isTablet && "-mt-[14vh] pt-[16vh]", + isMobile && "-mt-[14vh] pt-[14vh]", + ); return ( - <> -
- -
-
-
- -

- Scout the next generation of talent here. Receive perks - such as: -

-
    -
  • • Onsite interviews
    • -
  • • A spot in our career fair
    • -
  • • Hacker resumes
    • -
  • • Sponsoring a company specific prize
    • -
- - } - /> +
+
+
+ +
+
+ +
+
+
+ +

+ Scout the next generation of talent here. Receive perks + such as: +

+
    +
  • • Onsite interviews
    • +
  • • A spot in our career fair
    • +
  • • Hacker resumes
    • +
  • • Sponsoring a company specific prize
    • +
+ + } + /> +
-
-
-
- +
+
+ +
- -
+

Additionally, we provide the flexibility to create your own perk or package.

-

+

Let us know your ideas and package choice at sponsorship@hackbeanpot.com. Our team will work with you to answer any questions and guide you through the next steps in becoming a HackBeanpot 2026 sponsor!

- +
); }; diff --git a/apps/main/src/app/sponsor-us/Sections/PastSponsors.tsx b/apps/main/src/app/sponsor-us/Sections/PastSponsors.tsx new file mode 100644 index 00000000..6e528a55 --- /dev/null +++ b/apps/main/src/app/sponsor-us/Sections/PastSponsors.tsx @@ -0,0 +1,144 @@ +"use client"; + +import React from "react"; +import useDevice from "@util/hooks/useDevice.ts"; + +import SponsorBackground from "../../lib/Assets/SVG/SponsorUsAssets/NavyBackground.tsx"; +import RibbonTitle from "@repo/ui/RibbonTitle"; +import SponsorTicketComp from "../../lib/Components/SponsorComponents/SponsorTicketComp.tsx"; +import clsx from "clsx"; +import GoogleLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/google.svg"; +import CarGurusLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/cargurus.svg"; +import MetaLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/meta.svg"; +import DatadogLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/datadog.svg"; +import SimplisafeLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/simplisafe.svg"; +import WoodMacLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/woodmak.svg"; +import YelpLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/yelp.svg"; +import VMwareLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/vmware.svg"; +import ToastLogo from "../../lib/Assets/SVG/SponsorUsAssets/Logos/toast.svg"; + +const desktopRows: string[][] = [ + [GoogleLogo, CarGurusLogo, MetaLogo, DatadogLogo], + [SimplisafeLogo, WoodMacLogo, YelpLogo], + [VMwareLogo, ToastLogo], +]; + +const tabletRows: string[][] = [ + [GoogleLogo, CarGurusLogo], + [MetaLogo, DatadogLogo], + [SimplisafeLogo, WoodMacLogo], + [YelpLogo, VMwareLogo], + [ToastLogo], +]; + +const mobileRows: string[][] = [ + [GoogleLogo], + [CarGurusLogo], + [MetaLogo], + [DatadogLogo], + [SimplisafeLogo], + [WoodMacLogo], + [YelpLogo], + [VMwareLogo], + [ToastLogo], +]; + +// generate single row of tickets +function makeSponsorRow( + ticketWidthVW: number, + logos: string[], + logoSizes: number[] +) { + return ( +
1 ? 2 : 5}vw` }} + > + {logos.map((logo, i) => ( + + ))} +
+ ); +} + +export default function PastSponsors(): JSX.Element { + const { isMobile, isTablet, isDesktop } = useDevice(); + const bgScale = isMobile ? 1.75 : isTablet ? 1.25 : 1.25; + + const ribbonStyles = clsx( + `${isMobile ? "transform scale-[0.65]" : ""}`, + isMobile && "mt-48 mb-6", + isTablet && "mt-[32vh] mb-6", + isDesktop && "mt-[30vh] mb-12" + ); + + return ( +
+ {/* Background burst */} +
+ +
+ + {/* Content overlay */} +
+
+ +
+ + {/* Ticket Rows */} +
+
+ {/* Desktop: 4 / 3 / 2 */} + {isDesktop && ( + <> + {makeSponsorRow(20, desktopRows[0], [150, 150, 150, 100])} + {makeSponsorRow(20, desktopRows[1], [150, 150, 150])} + {makeSponsorRow(20, desktopRows[2], [150, 100])} + + )} + + {/* Tablet */} + {isTablet && ( + <> + {makeSponsorRow(28, tabletRows[0], [150, 150])} + {makeSponsorRow(28, tabletRows[1], [150, 100])} + {makeSponsorRow(28, tabletRows[2], [150, 150])} + {makeSponsorRow(28, tabletRows[3], [150, 150])} + {makeSponsorRow(28, tabletRows[4], [100])} + + )} + + {/* Mobile */} + {isMobile && ( + <> + {makeSponsorRow(75, mobileRows[0], [150])} + {makeSponsorRow(75, mobileRows[1], [150])} + {makeSponsorRow(75, mobileRows[2], [150])} + {makeSponsorRow(75, mobileRows[3], [100])} + {makeSponsorRow(75, mobileRows[4], [150])} + {makeSponsorRow(75, mobileRows[5], [150])} + {makeSponsorRow(75, mobileRows[6], [150])} + {makeSponsorRow(75, mobileRows[7], [150])} + {makeSponsorRow(75, mobileRows[8], [100])} + + )} +
+
+
+
+ ); +} diff --git a/apps/main/src/app/sponsor-us/Sections/SponsorHero.tsx b/apps/main/src/app/sponsor-us/Sections/SponsorHero.tsx index 6d102490..f72cabf8 100644 --- a/apps/main/src/app/sponsor-us/Sections/SponsorHero.tsx +++ b/apps/main/src/app/sponsor-us/Sections/SponsorHero.tsx @@ -2,55 +2,17 @@ import React from "react"; import Button from "@repo/ui/Button"; +import CarnivalTitle from "@repo/ui/CarnivalTitle"; import { HeroBackground } from "../../lib/Assets/SVG/index"; import LandingCard from "../components/LandingCard"; const SponsorUsHero = () => { return ( -
+
- - - - - - - - - SPONSOR US - - - +
diff --git a/apps/main/src/app/sponsor-us/components/LandingCard.tsx b/apps/main/src/app/sponsor-us/components/LandingCard.tsx index e8f89b8f..43ada697 100644 --- a/apps/main/src/app/sponsor-us/components/LandingCard.tsx +++ b/apps/main/src/app/sponsor-us/components/LandingCard.tsx @@ -7,7 +7,7 @@ const LandingCard = () => { return (
-
+
diff --git a/apps/main/src/app/sponsor-us/components/SponsorUsBenefitCardComp.tsx b/apps/main/src/app/sponsor-us/components/SponsorUsBenefitCardComp.tsx index d4bffbb9..6180f9be 100644 --- a/apps/main/src/app/sponsor-us/components/SponsorUsBenefitCardComp.tsx +++ b/apps/main/src/app/sponsor-us/components/SponsorUsBenefitCardComp.tsx @@ -1,7 +1,9 @@ "use client"; import React from "react"; -import SponsorUsBenefitCard from "../../lib/Assets/SVG/SponsorUsAssets/SponsorsUsBenefitCard"; +import SponsorUsBenefitLegs from "../../lib/Assets/SVG/SponsorUsAssets/SponsorUsBenefitLegs"; +import useDevice from "@util/hooks/useDevice"; +import clsx from "clsx"; export type SponsorUsBenefitCardProps = { title: string; @@ -12,17 +14,53 @@ export default function SponsorUsBenefitCardComp({ title, content, }: SponsorUsBenefitCardProps) { + const { isMobile, isTablet, isDesktop } = useDevice(); + + const cardStylesBG = clsx( + "absolute bg-starlightBlue rounded-xl shadow-[inset_-15px_15px_0_rgba(0,0,0,0.25)]", + isDesktop && "w-[35vw] h-[18vw]", + isTablet && "w-[50vw] h-[30vw]", + isMobile && "w-[85vw] h-[60vw]", + ); + const cardStylesBorder = clsx( + "absolute outline outline-[15px] outline-firecrackerRedLight outline-solid rounded-xl drop-shadow-[8px_8px_0_#CC322D]", + isDesktop && "w-[35vw] h-[18vw]", + isTablet && "w-[50vw] h-[30vw]", + isMobile && "w-[85vw] h-[60vw]", + ); + + const contentStyles = clsx( + "relative z-10 text-white", + isDesktop && "p-12", + isTablet && "p-8", + isMobile && "p-5", + ); + + const legStyles = clsx( + "absolute z-0", + isDesktop && "top-[18vw] -left-[9vw] desktop-xl:-left-[5vw]", + isTablet && "top-[30vw] -left-[6.5vw]", + isMobile && "top-[60vw] -left-[10vw]", + ); + return ( -
- - -
-

- {title} -

-

- {content} -

+
+
+
+ +
+ +
+
+
+

+ {title} +

+
+ {content} +
+
+
); diff --git a/apps/main/src/app/sponsor-us/page.tsx b/apps/main/src/app/sponsor-us/page.tsx index 9bbb4349..8a1e127a 100644 --- a/apps/main/src/app/sponsor-us/page.tsx +++ b/apps/main/src/app/sponsor-us/page.tsx @@ -5,6 +5,7 @@ import SponsorUsStatsComp from "./Sections/SponsorUsStatsComp"; import SponsorUsHero from "./Sections/SponsorHero"; import BenefitsSection from "./Sections/BenefitsSection"; import { Footer, NavBar } from "../lib/Components"; +import PastSponsors from "./Sections/PastSponsors.tsx"; const SponsorUsPage = () => { return ( @@ -13,6 +14,9 @@ const SponsorUsPage = () => { + + {/* this div shouldn't be needed in 2027 lol */} +
); diff --git a/apps/main/src/app/sponsors/page.tsx b/apps/main/src/app/sponsors/page.tsx index a149fae3..9ba4d21e 100644 --- a/apps/main/src/app/sponsors/page.tsx +++ b/apps/main/src/app/sponsors/page.tsx @@ -1,16 +1,22 @@ "use client"; import React from "react"; +import SponsorText from "../lib/Assets/SVG/SponsorAssets/SponsorText.tsx"; import SponsorBackground from "../lib/Assets/SVG/SponsorAssets/SponsorBackground.tsx"; import { Footer, NavBar } from "../lib/Components"; -import SponsorTicketComp from "../lib/Components/SponsorComponents/SponsorTicketComp.tsx"; -import SponsorTicketBoothComp from "../lib/Components/SponsorComponents/SponsorTicketBoothComp.tsx"; +import { SponsorTicketComp, SponsorTicketBoothComp } from "../lib/Components"; import useDevice from "@util/hooks/useDevice.ts"; -import SponsorText from "../lib/Assets/SVG/SponsorAssets/SponsorText.tsx"; +import AWSLogo from "@repo/ui/Logos/AWSLogo.svg"; +import CodeCraftersLogo from "@repo/ui/Logos/CodeCraftersLogo.svg"; +import FlagLogicLogo from "@repo/ui/Logos/FlagLogicLogo.svg"; +import MavenAGILogo from "@repo/ui/Logos/MavenAGILogo.svg"; +import RGLogo from "@repo/ui/Logos/RGLogo.svg"; +import WhoopLogo from "@repo/ui/Logos/WhoopLogo.svg"; function makeSponsorRow( ticketSizes: number[], logos?: string[], // array of logo paths + logoSizes?: number[], // array og logo sizes in vw ) { return (
))}
); } -{ - /* TODO: add sponsor logos when available by adding logoPath=String param to SponsorticketComp - * example is to feed row ['path1', 'path2', 'path3'] - * probs can change makeSponsorRow better but later - */ -} export default function Page(): JSX.Element { const { isMobile, isTablet, isDesktop } = useDevice(); - const bgScale = isMobile ? 3.1 : isTablet ? 1.2 : 1; - const boothPosition = isMobile ? "115%" : "165%"; + const bgScale = isMobile ? 2 : isTablet ? 1.2 : 1; + const boothPosition = isMobile ? "145%" : "165%"; const boothWidth = isMobile ? 90 : isTablet ? 80 : 70; + const logos = [ + [AWSLogo], + [MavenAGILogo, WhoopLogo, RGLogo], + [CodeCraftersLogo, FlagLogicLogo], + ]; + return (
-
+
{/* Background SVG */} {/* Sponsors text */} {/* Tickets here */} -
+
- {makeSponsorRow([27, 27, 27])} - {makeSponsorRow([21, 21, 21, 21])} - {makeSponsorRow([17, 17, 17, 17, 17])} + {makeSponsorRow([27], logos[0], [200])} + {makeSponsorRow([21, 21, 21], logos[1], [200, 200, 100])} + {makeSponsorRow([17, 17], logos[2], [200, 200])} )} {/* Tablet */} {isTablet && ( <> - {makeSponsorRow([27])} - {makeSponsorRow([21, 21])} - {makeSponsorRow([17, 17, 17])} - {makeSponsorRow([17, 17, 17, 17])} + {makeSponsorRow([27], logos[0], [150])} + {makeSponsorRow([21, 21, 21], logos[1], [115, 115, 65])} + {makeSponsorRow([17, 17], logos[2], [120, 120])} )} {/* Mobile */} {isMobile && ( <> - {makeSponsorRow([90])} - {makeSponsorRow([90])} - {makeSponsorRow([90])} - {makeSponsorRow([40, 40])} - {makeSponsorRow([40, 40])} - {makeSponsorRow([35, 35])} - {makeSponsorRow([35, 35])} - {makeSponsorRow([35])} + {makeSponsorRow([90], logos[0], [180])} + {makeSponsorRow([40, 40], logos[1], [115, 115])} + {makeSponsorRow([40], [logos[1][2]])} + {makeSponsorRow([30, 30], logos[2], [100, 100])} )}
diff --git a/packages/ui/package.json b/packages/ui/package.json index 90d993f4..b5e9b624 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -5,7 +5,7 @@ "**/*.css" ], "files": [ - "dist" + "dist", "src/Logos" ], "exports": { "./styles.css": "./dist/index.css", @@ -19,13 +19,14 @@ "./PassportCard": "./src/PassportCard.tsx", "./Typography": "./src/Typography.tsx", "./Icons/*": "./src/Icons/*.tsx", - "./Logos/*": "./src/Logos/*.tsx", + "./Logos/*.svg": "./src/Logos/*.svg", "./PaginationDots": "./src/PaginationDots.tsx", "./Section": "./src/Section.tsx", "./Placeholder": "./src/Placeholder.tsx", "./Button": "./src/Button.tsx", "./RibbonTitle": "./src/RibbonTitle.tsx", - "./Train": "./src/TestimonialTrain.tsx" + "./Train": "./src/TestimonialTrain.tsx", + "./CarnivalTitle": "./src/CarnivalTitle.tsx" }, "license": "MIT", "scripts": { diff --git a/packages/ui/src/CarnivalTitle.tsx b/packages/ui/src/CarnivalTitle.tsx new file mode 100644 index 00000000..e9c180c8 --- /dev/null +++ b/packages/ui/src/CarnivalTitle.tsx @@ -0,0 +1,49 @@ +import React from "react"; +type CarnivalTitleProps = { + text: string; +}; +const CarnivalTitle: React.FC = ({ text }) => { + return ( + + + + + + + + + {text} + + + + ); +}; +export default CarnivalTitle; diff --git a/packages/ui/src/Logos/AWSLogo.svg b/packages/ui/src/Logos/AWSLogo.svg new file mode 100644 index 00000000..da4a4d2c --- /dev/null +++ b/packages/ui/src/Logos/AWSLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/ui/src/Logos/CodeCraftersLogo.svg b/packages/ui/src/Logos/CodeCraftersLogo.svg new file mode 100644 index 00000000..bc552e7a --- /dev/null +++ b/packages/ui/src/Logos/CodeCraftersLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/ui/src/Logos/FlagLogicLogo.svg b/packages/ui/src/Logos/FlagLogicLogo.svg new file mode 100644 index 00000000..fbf0aa36 --- /dev/null +++ b/packages/ui/src/Logos/FlagLogicLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/ui/src/Logos/MLHLogo.tsx b/packages/ui/src/Logos/MLHLogo.tsx index fa96e86c..bf938531 100644 --- a/packages/ui/src/Logos/MLHLogo.tsx +++ b/packages/ui/src/Logos/MLHLogo.tsx @@ -1,17 +1,13 @@ import * as React from "react"; import { SVGProps } from "react"; const MLHLogo = (props: SVGProps) => ( - - - - ); + + + +); export default MLHLogo; diff --git a/packages/ui/src/Logos/MavenAGILogo.svg b/packages/ui/src/Logos/MavenAGILogo.svg new file mode 100644 index 00000000..ee336306 --- /dev/null +++ b/packages/ui/src/Logos/MavenAGILogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/ui/src/Logos/RGLogo.svg b/packages/ui/src/Logos/RGLogo.svg new file mode 100644 index 00000000..c95deffd --- /dev/null +++ b/packages/ui/src/Logos/RGLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/ui/src/Logos/WhoopLogo.svg b/packages/ui/src/Logos/WhoopLogo.svg new file mode 100644 index 00000000..b9864d36 --- /dev/null +++ b/packages/ui/src/Logos/WhoopLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + +