Skip to content

Conversation

seventhriver
Copy link
Contributor

@seventhriver seventhriver commented Aug 31, 2025

Moves the assembled version of the info site home page to the web mono repo


Puts together the home page for the info site according to Design's figma (missing the bench image oops) with placeholders. Also added the spotlight + darkening visual to the stats section, a footer, and the exhibit section background visual (the other figma backgrounds weren't put into the designs yet, not sure exactly what do do with them).
Adds a new navbar to match the figma

Copy link
Contributor

@J164 J164 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good so far! Just catching a few nits

Comment on lines +9 to +17

//const MotionBox = motion(Box);

// const { scrollY } = useScroll();
// const width = useTransform(scrollY, [0, 500], ['100%', '50%']);
// const height = useTransform(scrollY, [0, 500], ['85px', '75px']);
// const top = useTransform(scrollY, [0, 500], [0, 10]);
// const fontSize = useTransform(scrollY, [0, 500], ['1.75rem', '1.15rem']);
// const borderRadius = useTransform(scrollY, [0, 500], ['0px', '16px']);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove commented out code

Suggested change
//const MotionBox = motion(Box);
// const { scrollY } = useScroll();
// const width = useTransform(scrollY, [0, 500], ['100%', '50%']);
// const height = useTransform(scrollY, [0, 500], ['85px', '75px']);
// const top = useTransform(scrollY, [0, 500], [0, 10]);
// const fontSize = useTransform(scrollY, [0, 500], ['1.75rem', '1.15rem']);
// const borderRadius = useTransform(scrollY, [0, 500], ['0px', '16px']);

Comment on lines +16 to +24
// const [isHovered, setIsHovered] = useState(false);
// const animation = useAnimation();

// useEffect(() => {
// console.log("animate START")

// console.log("animate STOP")

// }, [isHovered, animation])
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove commented out code

Suggested change
// const [isHovered, setIsHovered] = useState(false);
// const animation = useAnimation();
// useEffect(() => {
// console.log("animate START")
// console.log("animate STOP")
// }, [isHovered, animation])

md: "3xl",
lg: "4xl"
});
//const titleFontSize = useBreakpointValue({ base: "2xl", md: "3xl", lg: "4xl" });
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove commented out code

Suggested change
//const titleFontSize = useBreakpointValue({ base: "2xl", md: "3xl", lg: "4xl" });

Comment on lines +105 to +107
{/* <Heading fontSize="5xl" mb={10}>
Meet the Team
</Heading>
</Heading> */}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove commented out code

Suggested change
{/* <Heading fontSize="5xl" mb={10}>
Meet the Team
</Heading>
</Heading> */}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants