diff --git a/src/App.css b/src/App.css index 729b10a..fb812f0 100644 --- a/src/App.css +++ b/src/App.css @@ -37,8 +37,8 @@ } } @font-face { - font-family: 'SF Pro Medium'; - src: url('../src/fonts/SF-Pro-Medium.otf') format('opentype'); + font-family: 'SF Pro Regular'; + src: url('../src/fonts/SF-Pro-Rounded-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; } diff --git a/src/components/homepage.tsx b/src/components/homepage.tsx index f6ba0ef..478bc06 100644 --- a/src/components/homepage.tsx +++ b/src/components/homepage.tsx @@ -71,7 +71,7 @@ const HomePage: React.FC = () => { }, }, typography: { - fontFamily: "SF Pro Rounded Medium, Arial, sans-serif", + fontFamily: "SF Pro Rounded Regular, Arial, sans-serif", h4: { color: "#333333", }, @@ -116,8 +116,9 @@ const HomePage: React.FC = () => { borderRadius: "12px", backgroundColor: "#7c77770d", textAlign: "center", - color:'#333333' - + color:'#333333', + height:'107px', + fontSize:{xs:'12px' , sm:'16px'} }} > {text} @@ -128,7 +129,7 @@ const HomePage: React.FC = () => { {/* Grid 2 */} { padding: "10px", textAlign: 'center', marginBottom: { xs: "20px", md: "0" }, + }}> Gif - Mine from nature + Mine from nature Raw materials are extracted through destructive mining practices, causing habitat loss, soil erosion, and water contamination.  @@ -191,7 +193,7 @@ const HomePage: React.FC = () => { marginBottom: { xs: "20px", md: "0" }, }}> - Manufacturing + Manufacturing Materials are processed in energy-intensive factories that rely on fossil fuels, generating high carbon emissions @@ -223,7 +225,7 @@ const HomePage: React.FC = () => { Gif - Assemble + Assemble Materials are processed in energy-intensive factories that rely on fossil fuels, generating high carbon emissions @@ -247,7 +249,7 @@ const HomePage: React.FC = () => { marginBottom: { xs: "20px", md: "0" }, }}> - Use + Use Devices are used by consumers and businesses, but their production and usage contribute significantly to carbon footprints, energy consumption, and waste generation. @@ -279,7 +281,7 @@ 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. @@ -305,7 +307,7 @@ 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 @@ -339,7 +341,7 @@ const HomePage: React.FC = () => { Gif - Disintegrate + Disintegrate When electronics can no longer be repaired or reused, we safely disintegrate them into valuable materials, ensuring they are properly processed and recycled. @@ -364,7 +366,7 @@ const HomePage: React.FC = () => { Gif - Remine + Remine We take the disintegrated materials and remines them for precious metals, turning waste back into usable resources. closing the loop on electronic waste. @@ -384,13 +386,13 @@ const HomePage: React.FC = () => { - Reuse - + Reuse + We help businesses reuse their old electronic devices, repurposing functional parts and components for future use or resale, reducing overall environmental impact. - + Reuse Gif { - 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. - + Reuse Gif { - + Reuse 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. @@ -449,7 +451,7 @@ const HomePage: React.FC = () => { - + Reuse 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. diff --git a/src/components/ourteam.tsx b/src/components/ourteam.tsx index bf2740c..18b9f21 100644 --- a/src/components/ourteam.tsx +++ b/src/components/ourteam.tsx @@ -5,7 +5,6 @@ import { Card, CardContent, CardMedia, - Divider, IconButton, Box, } from "@mui/material"; @@ -20,6 +19,7 @@ import RamaKrishnan from "../components/imageandgif/RamaKrishnan.png"; import KartikReddy from "../components/imageandgif/KartikReddy.png"; import Suresh from "../components/imageandgif/Suresh.png"; import Palani from "../components/imageandgif/Palani.png"; + interface TeamMember { name: string; role: string; @@ -59,7 +59,15 @@ const OurTeam: React.FC = () => { sx={{ cursor: "pointer", marginBottom: 10 }} onClick={() => setShowTeam(!showTeam)} > - + Our Team @@ -67,18 +75,35 @@ 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 */} @@ -92,7 +117,8 @@ const OurTeam: React.FC = () => { transition: "transform 0.3s", "&:hover": { transform: "translateY(-5px)" }, backgroundColor: "white", - maxWidth: "200px", + width: "283px", + height: "375px", margin: "0 auto", position: "relative", "&::before, &::after": { @@ -141,25 +167,30 @@ const OurTeam: React.FC = () => { - + {member.name} - - ))} diff --git a/src/fonts/SF-Pro-Rounded-Regular.otf b/src/fonts/SF-Pro-Rounded-Regular.otf new file mode 100644 index 0000000..78abc12 Binary files /dev/null and b/src/fonts/SF-Pro-Rounded-Regular.otf differ