diff --git a/src/components/header.tsx b/src/components/header.tsx index b166fb4..150cb6f 100644 --- a/src/components/header.tsx +++ b/src/components/header.tsx @@ -4,7 +4,7 @@ import { ListItem, ListItemButton, ListItemText } from "@mui/material"; import MenuIcon from "@mui/icons-material/Menu"; -import headerlogo from "../components/imageandgif/newlogo.png" +import headerlogo from "../components/imageandgif/newlogo.png"; const Header: React.FC = () => { const [mobileOpen, setMobileOpen] = useState(false); @@ -17,9 +17,8 @@ const Header: React.FC = () => { { xl: "96.4vw" }, color: "black", - zIndex:11111 + zIndex: 11111 }} > @@ -38,7 +37,7 @@ const Header: React.FC = () => { Logo @@ -54,49 +53,49 @@ const Header: React.FC = () => { {/* Desktop Navigation */} - - - - + + + + {/* Mobile Drawer Menu */} - + - - - - - - - - - - - - - - - - - - - - - - - + {["Home", "What we do", "Our philosophy", "Our team"].map((text) => ( + + + + + + ))} + + + diff --git a/src/components/homepage.tsx b/src/components/homepage.tsx index 61a1d21..f6ba0ef 100644 --- a/src/components/homepage.tsx +++ b/src/components/homepage.tsx @@ -116,6 +116,7 @@ const HomePage: React.FC = () => { borderRadius: "12px", backgroundColor: "#7c77770d", textAlign: "center", + color:'#333333' }} > @@ -167,8 +168,8 @@ const HomePage: React.FC = () => { Gif - Mine from nature - Raw materials are extracted through destructive mining practices, causing habitat loss, soil erosion, and water contamination.  + Mine from nature + Raw materials are extracted through destructive mining practices, causing habitat loss, soil erosion, and water contamination.  @@ -190,8 +191,8 @@ const HomePage: React.FC = () => { marginBottom: { xs: "20px", md: "0" }, }}> - Manufacturing - Materials are processed in energy-intensive factories that rely on fossil fuels, generating high carbon emissions + Manufacturing + Materials are processed in energy-intensive factories that rely on fossil fuels, generating high carbon emissions Gif @@ -222,8 +223,8 @@ const HomePage: React.FC = () => { Gif - Assemble - Materials are processed in energy-intensive factories that rely on fossil fuels, generating high carbon emissions + Assemble + Materials are processed in energy-intensive factories that rely on fossil fuels, generating high carbon emissions @@ -246,8 +247,8 @@ const HomePage: React.FC = () => { marginBottom: { xs: "20px", md: "0" }, }}> - Use - Devices are used by consumers and businesses, but their production and usage contribute significantly to carbon footprints, energy consumption, and waste generation. + Use + Devices are used by consumers and businesses, but their production and usage contribute significantly to carbon footprints, energy consumption, and waste generation. @@ -278,8 +279,8 @@ const HomePage: React.FC = () => { margin: { xs: 1 } }}> - Reuse - + Reuse + We help businesses reuse their old electronic devices, repurposing functional parts and components for future use or resale, reducing overall environmental impact. @@ -304,8 +305,8 @@ const HomePage: React.FC = () => { margin: { xs: 1 } }}> - Repair - + Repair + Loop Sustainability steps in to repair damaged or outdated electronics. Our repair services extend the life of devices, minimizing waste and reducing the need for new products. @@ -338,8 +339,8 @@ const HomePage: React.FC = () => { Gif - Disintegrate - When electronics can no longer be repaired or reused, we safely disintegrate them into valuable materials, ensuring they are properly processed and recycled. + Disintegrate + When electronics can no longer be repaired or reused, we safely disintegrate them into valuable materials, ensuring they are properly processed and recycled. @@ -363,56 +364,28 @@ const HomePage: React.FC = () => { Gif - Remine - We take the disintegrated materials and remines them for precious metals, turning waste back into usable resources. closing the loop on electronic waste. - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Remine + We take the disintegrated materials and remines them for precious metals, turning waste back into usable resources. closing the loop on electronic waste. {/* mobile only */} - - {/* Reuse */} + {/* Reuse */} - - Reuse - + + Reuse + We help businesses reuse their old electronic devices, repurposing functional parts and components for future use or resale, reducing overall environmental impact. @@ -432,9 +405,9 @@ const HomePage: React.FC = () => { {/* Repair */} - - Repair - + + Repair + Loop Sustainability steps in to repair damaged or outdated electronics. Our repair services extend the life of devices, minimizing waste and reducing the need for new products. @@ -464,9 +437,9 @@ const HomePage: React.FC = () => { /> - - Disintegrate - When electronics can no longer be repaired or reused, we safely disintegrate them into valuable materials, ensuring they are properly processed and recycled. + + Disintegrate + When electronics can no longer be repaired or reused, we safely disintegrate them into valuable materials, ensuring they are properly processed and recycled. @@ -484,9 +457,9 @@ const HomePage: React.FC = () => { /> - - Remine - We take the disintegrated materials and remines them for precious metals, turning waste back into usable resources. closing the loop on electronic waste. + + Remine + We take the disintegrated materials and remines them for precious metals, turning waste back into usable resources. closing the loop on electronic waste. diff --git a/src/components/ourteam.tsx b/src/components/ourteam.tsx index eaf847b..bf2740c 100644 --- a/src/components/ourteam.tsx +++ b/src/components/ourteam.tsx @@ -59,7 +59,7 @@ const OurTeam: React.FC = () => { sx={{ cursor: "pointer", marginBottom: 10 }} onClick={() => setShowTeam(!showTeam)} > - + Our Team @@ -67,7 +67,7 @@ const OurTeam: React.FC = () => { {showTeam ? : } - For over a decade, our team members have been actively involved in institutional reuse and recycling across various organizations and projects in India. We take pride in our leadership, strong industry relationships, regulatory expertise, process efficiency, and technical proficiency. + For over a decade, our team members have been actively involved in institutional reuse and recycling across various organizations and projects in India. We take pride in our leadership, strong industry relationships, regulatory expertise, process efficiency, and technical proficiency. {/* Expanding Team Section */} { return ( - + Why Choose Us? {items.map((item, index) => ( - + {item.text} + ))}