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

Compare commits

base: internal:bd917fb28508942127bc505183d6e4cea93af13e
Branches Tags
internal:main
..
compare: internal:57ba5dc4624336c9adc617f53d4915de6616fb05
Branches Tags
internal:main

No commits in common. "bd917fb28508942127bc505183d6e4cea93af13e" and "57ba5dc4624336c9adc617f53d4915de6616fb05" have entirely different histories.
bd917fb285 ... 57ba5dc462

3 changed files with 8 additions and 10 deletions
Show Stats Expand all files Collapse all files

15
src/components/homepage.tsx
View File

@ -179,7 +179,7 @@ const HomePage: React.FC = () => {
</Grid>
</Grid >
{/* Grid 2 */}
<Box sx={{ width: '100%', height: 'auto', textAlign: 'center', mb: { xs: 5, md: 5 }, mt: { xs: 5, md: 5 } }}>
<Box sx={{ width: '100%', height: 'auto', textAlign: 'center', mb: { xs: 10, md: 20 }, mt: { xs: 10, md: 20 } }}>
<Grid container justifyContent="center">
<Grid item lg={10} xs={10} md={10}>
<Typography
@ -228,12 +228,11 @@ const HomePage: React.FC = () => {
<Box
sx={{
height: { xl: 800, lg: 700 },
height: { xl: 1800, lg: 700 },
width: '100%',
backgroundImage: { xs: 'none', lg: `url(${newbackground})` },
backgroundSize: "261px 220px",
// backgroundPosition: "638px 290px",
background : 'center',
backgroundPosition: "638px 290px",
backgroundRepeat: "no-repeat",
paddingBottom: { lg: 20, xs: 0 }
}}
@ -363,7 +362,7 @@ const HomePage: React.FC = () => {
{/* Reuse */}
<Grid item xs={6}>
<Box sx={{ p: 2, textAlign: { xs: "left", md: 'center' }, borderRadius: 2 }}>
<Box sx={{ p: 1, height: { xs: 172, sm: 138, md: 118 }, maxHeight: 270 }}>
<Box sx={{ background: "#95CD41", p: 1, height: { xs: 172, sm: 138, md: 118 }, maxHeight: 270 }}>
<Typography variant="h4" sx={{ fontSize: { xs: "18px", sm: '36px' }, fontFamily: "Helvetica Neue", }}>Reuse</Typography>
<Typography variant="body2" sx={{ fontSize: { xs: "12px", sm: '16px' } }}>
We help businesses reuse their old electronic devices, repurposing functional parts and components for future use or resale, reducing overall environmental impact.
@ -385,7 +384,7 @@ const HomePage: React.FC = () => {
{/* Repair */}
<Grid item xs={6}>
<Box sx={{ p: 2, textAlign: { xs: "left", md: 'center' }, borderRadius: 2 }}>
<Box sx={{ p: 1, height: { xs: 172, sm: 138, md: 118 }, maxHeight: 270 }}>
<Box sx={{ background: "#95CD41", p: 1, height: { xs: 172, sm: 138, md: 118 }, maxHeight: 270 }}>
<Typography variant="h4" sx={{ fontSize: { xs: "18px", sm: '36px' }, fontFamily: "Helvetica Neue", }}>Repair</Typography>
<Typography variant="body2" sx={{ fontSize: { xs: "12px", sm: '16px' } }}>
Loop Sustainability steps in to repair damaged or outdated electronics.
@ -417,7 +416,7 @@ const HomePage: React.FC = () => {
/>
</Box>
</Box>
<Box sx={{ p: 1, height: { xs: 172, sm: 138, md: 118 }, maxHeight: 270 }}>
<Box sx={{ background: "#95CD41", p: 1, height: { xs: 172, sm: 138, md: 118 }, maxHeight: 270 }}>
<Typography variant="h4" sx={{ fontSize: { xs: "18px", sm: '36px' }, fontFamily: "Helvetica Neue", }}>Disintegrate</Typography>
<Typography variant="body2" sx={{ fontSize: { xs: "12px", sm: '16px' } }} >When electronics can no longer be repaired or reused, we safely disintegrate them into valuable materials, ensuring they are properly processed and recycled.</Typography>
@ -437,7 +436,7 @@ const HomePage: React.FC = () => {
/>
</Box>
</Box>
<Box sx={{ p: 1, textAlign: { xs: "left", md: 'center' }, height: { xs: 172, sm: 138, md: 118 } }}>
<Box sx={{ background: "#95CD41", p: 1, textAlign: { xs: "left", md: 'center' }, height: { xs: 172, sm: 138, md: 118 } }}>
<Typography variant="h4" sx={{ fontSize: { xs: "18px", sm: '36px' }, fontFamily: "Helvetica Neue", }}>Remine</Typography>
<Typography variant="body2" sx={{ fontSize: { xs: "12px", sm: '16px' } }} >We take the disintegrated materials and remines them for precious metals, turning waste back into usable resources. closing the loop on electronic waste.</Typography>
</Box>

2
src/components/ourteam.tsx
View File

@ -36,7 +36,7 @@ const teamMembers: TeamMember[] = [
];
const OurTeam: React.FC = () => {
const [showTeam, setShowTeam] = useState(true);
const [showTeam, setShowTeam] = useState(false);
return (
<Grid

1
src/components/whyus.tsx
View File

@ -48,7 +48,6 @@ const WhyChooseUs: React.FC = () => {
key={index}
xs={6}
sm={6}
lg={3}
display="flex"
justifyContent="center"
>