Skip to content

Added back assets to About Us section #332

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
VeroS-pdf wants to merge 4 commits into
base: dev
Choose a base branch
from
Open

Added back assets to About Us section #332

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9a3d44d
Added back assets to About Us section
VeroS-pdf Nov 22, 2025
aabafa4
Merge branch 'dev' into Mainsite/bug/about-us-assets
VeroS-pdf Nov 29, 2025
e7ea249
Merge branch 'dev' into Mainsite/bug/about-us-assets
syang0915 Nov 30, 2025
1fefe59
Merge branch 'dev' into Mainsite/bug/about-us-assets
syang0915 Dec 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 12 additions & 10 deletions apps/main/src/app/(landing)/Sections/About.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,26 +3,26 @@
import React from "react";
import TextBackground from "../../lib/Assets/AboutLandingAssets/text";
import TeamPicture from "../../lib/Assets/AboutLandingAssets/teamPicture";
// import PurpleBear from "../../lib/Assets/AboutLandingAssets/purpleBear";
// import YellowBear from "../../lib/Assets/AboutLandingAssets/yellowBear";
import PurpleBear from "../../lib/Assets/AboutLandingAssets/purpleBear";
import YellowBear from "../../lib/Assets/AboutLandingAssets/yellowBear";
import RibbonTitle from "@repo/ui/RibbonTitle";
// import Dart from "../../lib/Assets/AboutLandingAssets/dart";
import Dart from "../../lib/Assets/AboutLandingAssets/dart";
import useDevice from "@util/hooks/useDevice";

export default function About(): React.ReactNode {
const { isMobile } = useDevice();
return (
<div className="relative w-full my-10">
<div className="relative w-full max-w-[1400px] mx-auto overflow-visible p-[clamp(2rem,6vw,8rem)]">
<div className={`${isMobile ? "transform scale-[0.85]" : ""}`}>
<RibbonTitle text="ABOUT US" />
</div>

{/* <div className="absolute top-[20%] left-[80%]">
{<div className="absolute w-[160vw] h-auto top-[20%] left-[80%]">
<YellowBear />
</div> */}
</div>}

<div className="mt-[15vh] mobile:mt-20 flex desktop:flex-row mobile:flex-col mobile:items-center items-start justify-center scale-125">
<div className="relative flex mobile:w-3/5">
<div className="relative flex h-auto mobile:w-3/5">
<p className="text-charcoalFogDark mobile:text-xs font-DMSans-Regular absolute h-full mobile:p-12 desktop:py-20 desktop:px-16 desktop-xl:py-20 desktop-xl:px-16 self-center">
We&apos;re a non-profit organization in the Boston area that
organizes an annual undergraduate hackathon. Our goal is to expand
Expand All @@ -39,12 +39,14 @@ export default function About(): React.ReactNode {
</div>
</div>

{/* <div className="absolute top-[68%] left-[46%] mb-10">
<div className="absolute w-[160vw] h-auto top-[68%] left-[46%] mb-10">
<PurpleBear />
</div>
<div className="absolute top-[68%] left-[79%] mb-10">

<div className="absolute w-[160vw] h-auto top-[78%] left-[79%] mb-10">
<Dart />
</div> */}
</div>

</div>
);
}