diff --git a/frontend/src/app/(pages)/AboutTheEventPage.tsx b/frontend/src/app/(pages)/AboutTheEventPage.tsx index 316a061..d0e6ca6 100644 --- a/frontend/src/app/(pages)/AboutTheEventPage.tsx +++ b/frontend/src/app/(pages)/AboutTheEventPage.tsx @@ -5,6 +5,7 @@ import { cabinetExtraBold } from "@/fonts"; import Laptop from "@/app/assets/icons/Laptop"; import CoffeCup from "@/app/assets/icons/CoffeeCup"; import DarinCup from "@/app/assets/icons/DarinCup"; +import DarinRedBull from "../assets/icons/DarinRedBull"; import Guitar from "@/app/assets/icons/Guitar"; import gsap from "gsap"; @@ -12,6 +13,7 @@ import { ScrollTrigger } from "gsap/dist/ScrollTrigger"; import { useGSAP } from "@gsap/react"; import DarinCupPhone from "../assets/icons/DarinCupPhone"; import AboutVine from "../assets/icons/AboutVine"; +import DarinRedBullPhone from "../assets/icons/DarinRedBullPhone"; if (typeof window !== "undefined") { gsap.registerPlugin(ScrollTrigger); @@ -107,13 +109,19 @@ export default function Home() { /> {/* For Large Screens */} - */} + {/* For Phone Screens */} - + {/* */} +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/app/assets/icons/DarinRedBull.tsx b/frontend/src/app/assets/icons/DarinRedBull.tsx new file mode 100644 index 0000000..4dcef37 --- /dev/null +++ b/frontend/src/app/assets/icons/DarinRedBull.tsx @@ -0,0 +1,507 @@ +import { ReactElement } from "react"; + +export default function DarinRedBull({ + height = 34, + width = 34, + className = " ", +}: { + height?: number; + width?: number; + className?: string; +}): ReactElement { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/frontend/src/app/assets/icons/DarinRedBullPhone.svg b/frontend/src/app/assets/icons/DarinRedBullPhone.svg new file mode 100644 index 0000000..b9a72b4 --- /dev/null +++ b/frontend/src/app/assets/icons/DarinRedBullPhone.svg @@ -0,0 +1,155 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/app/assets/icons/DarinRedBullPhone.tsx b/frontend/src/app/assets/icons/DarinRedBullPhone.tsx new file mode 100644 index 0000000..3fe7ef1 --- /dev/null +++ b/frontend/src/app/assets/icons/DarinRedBullPhone.tsx @@ -0,0 +1,544 @@ +import { ReactElement } from "react"; + +export default function DarinRedBullPhone({ + height = 325, + width = 126, + className = " ", +}: { + height?: number; + width?: number; + className?: string; +}): ReactElement { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/frontend/src/app/assets/images/sponsors/PrabhuBank.svg b/frontend/src/app/assets/images/sponsors/PrabhuBank.svg new file mode 100644 index 0000000..26d5f60 --- /dev/null +++ b/frontend/src/app/assets/images/sponsors/PrabhuBank.svg @@ -0,0 +1,10 @@ + + + + + + + + + \ No newline at end of file diff --git a/frontend/src/app/components/Sponsors/Sponsor.tsx b/frontend/src/app/components/Sponsors/Sponsor.tsx index 4428d7f..1788f7e 100644 --- a/frontend/src/app/components/Sponsors/Sponsor.tsx +++ b/frontend/src/app/components/Sponsors/Sponsor.tsx @@ -4,13 +4,15 @@ export default function Sponsor({ image, alt, url, + className = "", }: { image: StaticImageData; alt: string; url: string; + className: string; }) { return ( -
+
diff --git a/frontend/src/app/components/Sponsors/data.ts b/frontend/src/app/components/Sponsors/data.ts index 67afaa3..22ab782 100644 --- a/frontend/src/app/components/Sponsors/data.ts +++ b/frontend/src/app/components/Sponsors/data.ts @@ -63,6 +63,7 @@ import SnowBerryLogo from "@/app/assets/images/sponsors/SnowBerry_Logo.png"; import ThirdFactorLogo from "@/app/assets/images/sponsors/TF Logo - White.png"; import EcoSathiLogo from "@/app/assets/images/sponsors/EcoSathi_Logo.svg"; import KTMONELOGO from "@/app/assets/images/sponsors/Ktmone_Logo.svg"; +import PRABHUBANKLOGO from "@/app/assets/images/sponsors/PrabhuBank.svg" const sponsors: SponsorType[] = [ // { @@ -260,6 +261,7 @@ const sponsors: SponsorType[] = [ url: "https://www.dailokrishi.com/", image: DailoKrishiLogo, imageAlt: "DailoKrishiLogo", + // className: "bg-white rounded-lg" }, { name: "KathmanduKoKatha", @@ -281,12 +283,20 @@ const sponsors: SponsorType[] = [ image: KTMONELOGO, imageAlt: "KTMONELOGO", }, + + { + name: "KTMONE", + url: "https://www.prabhubank.com", + image: PRABHUBANKLOGO, + imageAlt: "PRABHUBANKLOGO", + }, { name: "SandukAi", url: "https://sanduk.ai/", image: SandukAILogo, imageAlt: "SandukAILogo", + className: "bg-white rounded-lg" }, ], diff --git a/frontend/src/app/sections/Sponsors/SponsorsSection.tsx b/frontend/src/app/sections/Sponsors/SponsorsSection.tsx index 1e4f945..007cf41 100644 --- a/frontend/src/app/sections/Sponsors/SponsorsSection.tsx +++ b/frontend/src/app/sections/Sponsors/SponsorsSection.tsx @@ -36,6 +36,7 @@ export default function SponsorsSection() { image={sponsor.image} alt={sponsor.imageAlt} url={sponsor.url} + className={sponsor.className ?? ""} />
))} diff --git a/frontend/src/app/types/sponsors.ts b/frontend/src/app/types/sponsors.ts index 38c85b4..1ec14e9 100644 --- a/frontend/src/app/types/sponsors.ts +++ b/frontend/src/app/types/sponsors.ts @@ -6,6 +6,7 @@ type Sponsor = { url: string; image: StaticImageData; imageAlt: string; + className?: string; }; export default Sponsor;