Phoebe/research page banner #43
Conversation
phoebezhou222
commented
Jan 20, 2025
•
phoebezhou222
commented
src/components/research/page.tsx
Outdated
| return ( | ||
| <> | ||
| <div> | ||
| <img src="/research/rectangle8.png" /> |
There was a problem hiding this comment.
| <img src="/research/rectangle8.png" /> | |
| <img className="w-screen aspect-[5/1]" src="/research/rectangle8.png" /> |
style the img so it matches the relative size on the figma
|
make sure to call the component in the correct page; currently, both the research components are being called in the home page. please move them to src/app/research/page.tsx |
|
also, make sure to appropriately name images; you can just rename rectangle8 to researchbanner or something similar |
public/research/rectangle8.png
Outdated
| return ( | ||
| <> | ||
| <div> | ||
| <img className="aspect-[5/1] w-screen" src="/research/rectangle8.png" /> |
There was a problem hiding this comment.
Use Image tag from next/image instead of HTML img tag
| return ( | ||
| <> | ||
| <div> | ||
| <img className="aspect-[5/1] w-screen" src="/research/rectangle8.png" /> |
There was a problem hiding this comment.
Import this image as well it should be something like
`import { ResearchBanner } from "@/public/research/researchbanner.webp"
|
Also merge whichever pr is associated with yours. It should convert your image to a webp file |
| <div> | ||
| <Image | ||
| src={ResearchConference} | ||
| className="aspect-[5/1] w-screen" |
There was a problem hiding this comment.
| className="aspect-[5/1] w-screen" | |
| className="w-screen" |
src/app/research/page.tsx
Outdated
| <Research /> | ||
| <ResearchImage /> |
There was a problem hiding this comment.
Call research image above the research component
