internal
/
Loops_Sustainability
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix/layout #23

Merged
mihir merged 3 commits from fix/layout into main 2025-02-20 17:43:32 +05:30
Conversation 0 Commits 3 Files Changed 15 +46 -41
1 changed files with 46 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7b6b91961d - Show all commits

11
src/components/homepage.tsx
View File

@ -26,7 +26,7 @@ import sustainability from "../components/imageandgif/Untitled-2.png"
import wasteimage from "../components/imageandgif/loopwastemanage.png" import wasteimage from "../components/imageandgif/loopwastemanage.png"
import WhyChooseUs from "./whyus"; import WhyChooseUs from "./whyus";
import WasteImageSection from "./wastemanagement"; import WasteImageSection from "./wastemanagement";
import loopgif from "../components/imageandgif/Loopherosectionmobiless.gif" import loopgif from "../components/imageandgif/loop hero new (1).gif"
import gifsevenm from "../components/imageandgif/disintegrate mobile (2).gif"; import gifsevenm from "../components/imageandgif/disintegrate mobile (2).gif";
import gifeightm from "../components/imageandgif/reminemobile.gif"; import gifeightm from "../components/imageandgif/reminemobile.gif";
import giffivem from "../components/imageandgif/repairm.gif"; import giffivem from "../components/imageandgif/repairm.gif";
@ -94,7 +94,7 @@ const HomePage: React.FC = () => {
xs={12} xs={12}
sx={{ sx={{
marginTop: "0px", marginTop: "0px",
height: { xs: "190px", lg: "55vh", sm: "300px", md: '400px' }, height: { xs: "190px", lg: "100px", sm: "300px", md: '400px' },
width: { lg: "100vw" }, width: { lg: "100vw" },
backgroundColor: "white", backgroundColor: "white",
position: "relative", position: "relative",
@ -170,7 +170,12 @@ const HomePage: React.FC = () => {
}}> }}>
<Box sx={{ width: { xs: "60%", md: "70%" } }}> <Box sx={{ width: { xs: "60%", md: "70%" } }}>
<img src={gifonem} alt="Gif" style={{ width: "91%" }} /> <img
src={window.innerWidth <= 1400 ? gifone : gifonem}
alt="Gif"
style={{ width: "91%" }}
/>
</Box> </Box>
<Box sx={{ width: "100%", paddingLeft: { xs: "0", md: "10px" }, textAlign: { lg: 'left', xs: 'center' } }}> <Box sx={{ width: "100%", paddingLeft: { xs: "0", md: "10px" }, textAlign: { lg: 'left', xs: 'center' } }}>
<Typography variant="h4" sx={{ fontSize: { xs: "18px", sm: '36px' }, fontFamily: "Helvetica Neue", }}>Mine from nature</Typography> <Typography variant="h4" sx={{ fontSize: { xs: "18px", sm: '36px' }, fontFamily: "Helvetica Neue", }}>Mine from nature</Typography>