-
Notifications
You must be signed in to change notification settings - Fork 0
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.
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
Landing page #2
base: Main
Are you sure you want to change the base?
Landing page #2
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Only homepage is added, so much to comment on. I've mentioned a few pointers you can go through them, the rest of the code looks good.
ForgotPassword, | ||
UserPage, | ||
WishList, | ||
} from "./components/index"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
you can just import from ./components
, that /index
can be skipped.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Okay, I'll do that.
src/components/Home/HomePage.jsx
Outdated
src="../images/img2.webp" | ||
width="900" | ||
height="700" | ||
alt="" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
try to give alt attribute some description about the image..
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
For performance basis. You can add --- loading="lazy"------ to img tag. It will help in optimization .
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Okay, I'll do that.
src/components/Home/HomePage.jsx
Outdated
<div className="mid-card-container sm-card-shadow padding-normal flex-row-center AlertError imgTransition"> | ||
<section className="flex-row-start"> | ||
<img | ||
className="margin-0 cart-img" | ||
src="../images/pc-svg-1.svg" | ||
alt="" | ||
/> | ||
</section> | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
instead of creating card again, you can loop through the card data more for code readability.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Okay, I'll do that. Thank's Neha For PR review
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I have made few suggestion that you ca look at. Rest all is good.
src/components/Home/HomePage.jsx
Outdated
src="../images/img2.webp" | ||
width="900" | ||
height="700" | ||
alt="" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
For performance basis. You can add --- loading="lazy"------ to img tag. It will help in optimization .
src/components/Home/HomePage.jsx
Outdated
<span | ||
className="card-container card-box cardBadge box-shadow" | ||
data-label="Trending" | ||
> | ||
<section className="img-card-offer padding-normal"> | ||
<img | ||
className="imgcard" | ||
src="../images/pc-svg-1.svg" | ||
alt="" | ||
/> | ||
<button className="material-icons-text card-wishlist-icons buttonHoverShadow AvatarImage AvatarIcons flex-row-center icon-wishlist"> | ||
<i className="material-icons"> | ||
favorite | ||
</i> | ||
</button> | ||
</section> | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You can make card component. And use that by using map function
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Okay, I'll do that. Thank's Vishal for PR review
Adding Header Footer and assets