diff --git a/src/components/imageandgif/remine mobile.mp4 b/public/reminemobile.mp4
similarity index 100%
rename from src/components/imageandgif/remine mobile.mp4
rename to public/reminemobile.mp4
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index c2b183a..fd41f97 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -13,7 +13,7 @@ const Footer: React.FC = () => {
         <Grid container spacing={4}>
           {/* Loop Sustainability */}
           <Grid item xs={12} md={3}>
-            <Typography variant="h6" fontWeight="bold" sx={{ color: "#333333", fontFamily: "Helvetica, Arial, sans-serif" }}>
+            <Typography variant="h6"  sx={{ color: "#333333", fontFamily: "Helvetica, Arial, sans-serif" }}>
               Loop Sustainability
             </Typography>
             <Typography variant="body2" sx={{ mt: 1, color: "#77808B", fontFamily: "Helvetica, Arial, sans-serif" }}>
@@ -23,7 +23,7 @@ const Footer: React.FC = () => {
 
           {/* Get in Touch */}
           <Grid item xs={7} md={3}>
-            <Typography variant="h6" fontWeight="bold" sx={{ color: "#333333", fontFamily: "Helvetica, Arial, sans-serif" }}>
+            <Typography variant="h6"  sx={{ color: "#333333", fontFamily: "Helvetica, Arial, sans-serif" }}>
               Get in Touch
             </Typography>
             <Box display="flex" alignItems="flex-start" sx={{ mt: 1, color: "#77808B" }}>
@@ -48,7 +48,7 @@ const Footer: React.FC = () => {
 
           {/* Company Links */}
           <Grid item xs={5} md={3} textAlign="center">
-            <Typography variant="h6" fontWeight="bold" sx={{ color: "#333333", fontFamily: "Helvetica, Arial, sans-serif" }}>
+            <Typography variant="h6"  sx={{ color: "#333333", fontFamily: "Helvetica, Arial, sans-serif" }}>
               Company
             </Typography>
             <Box sx={{ mt: 1 }}>
@@ -60,7 +60,7 @@ const Footer: React.FC = () => {
                   display="block"
                   sx={{
                     color: "#77808B",
-                    mt: 0.5,
+                    mt: 1,
                     textDecoration: "none",
                     fontFamily: "Helvetica, Arial, sans-serif",
                     "&:hover": { textDecoration: "underline" },
diff --git a/src/components/homepage.tsx b/src/components/homepage.tsx
index 2e8e0b1..4ee11b6 100644
--- a/src/components/homepage.tsx
+++ b/src/components/homepage.tsx
@@ -26,10 +26,12 @@ import sustainability from "../components/imageandgif/Untitled-2.png"
 import wasteimage from "../components/imageandgif/loopwastemanage.png"
 import WhyChooseUs from "./whyus";
 import WasteImageSection from "./wastemanagement";
-import loopgif from "../components/imageandgif/loop hero new (1).gif"
-import gifsevenm from "../components/imageandgif/disintegrate mobile.gif";
-import gifeightm from "../components/imageandgif/gifeight.gif";
-
+import loopgif from "../components/imageandgif/Loopherosectionmobiless.gif"
+import gifsevenm from "../components/imageandgif/disintegrate mobile (2).gif";
+import gifeightm from "../components/imageandgif/reminemobile.gif";
+import giffivem from "../components/imageandgif/repairm.gif";
+import gifsixm from "../components/imageandgif/newusenewuse.gif";
+import gifonem from "../components/imageandgif/mine mobile.gif";
 
 
 
@@ -168,7 +170,7 @@ const HomePage: React.FC = () => {
                                 
                             }}>
                                 <Box sx={{ width: { xs: "60%", md: "70%" } }}>
-                                    <img src={gifone} alt="Gif" style={{ width: "91%" }} />
+                                    <img src={gifonem} alt="Gif" style={{ width: "91%" }} />
                                 </Box>
                                 <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>
@@ -395,7 +397,7 @@ const HomePage: React.FC = () => {
                                     <Box sx={{ display: "flex", justifyContent: "center" }}>
                                         <Box sx={{ width: { xs: "100%", md: "60%" } }}>
                                             <img
-                                                src={gifsix}
+                                                src={gifsixm}
                                                 alt="Reuse Gif"
                                                 style={{ width: "100%" }}
                                             />
@@ -408,7 +410,7 @@ const HomePage: React.FC = () => {
                             {/* Repair */}
                             <Grid item xs={6}>
                                 <Box sx={{ p: 2, textAlign: { xs: "left", md: 'center' }, borderRadius: 2 }}>
-                                    <Box sx={{ background: "#95CD41", p: 1, height: { xs: 175, sm: 138, md: 118 }, maxHeight: 270 }}>
+                                    <Box sx={{ background: "#95CD41",marginBottom:'30px', p: 1, height: { xs: 175, 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.
@@ -416,10 +418,10 @@ const HomePage: React.FC = () => {
                                             reducing the need for new products.
                                         </Typography>
                                     </Box>
-                                    <Box sx={{ display: "flex", justifyContent: "center" }}>
+                                    <Box sx={{ display: "flex", justifyContent: "center"  }}>
                                         <Box sx={{ width: { xs: "100%", md: "60%" } }}>
                                             <img
-                                                src={giffive}
+                                                src={giffivem}
                                                 alt="Reuse Gif"
                                                 style={{ width: "100%" }}
                                             />
@@ -434,7 +436,7 @@ const HomePage: React.FC = () => {
                                 <Box sx={{ display: "flex", justifyContent: "center" }}>
                                         <Box sx={{ width: { xs: "100%", md: "60%" } }}>
                                             <img
-                                                src={gifseven}
+                                                src={gifsevenm}
                                                 alt="Reuse Gif"
                                                 style={{ width: "100%" }}
                                             />
@@ -452,9 +454,9 @@ const HomePage: React.FC = () => {
                             <Grid item xs={6} sx={{ mt: 2 }}>
                                 <Box sx={{ p: 2, textAlign: { xs: "left", md: 'center' }, borderRadius: 2, maxHeight: 270 }}>
                                 <Box sx={{ display: "flex", justifyContent: "center" }}>
-                                        <Box sx={{ width: { xs: "100%", md: "60%" } }}>
+                                        <Box sx={{ width: { xs: "100%", md: "60%" } ,marginTop:'27px' }}>
                                             <img
-                                                src={gifeight}
+                                                src={gifeightm}
                                                 alt="Reuse Gif"
                                                 style={{ width: "100%" }}
                                             />
diff --git a/src/components/imageandgif/Loopherosectionmobiless.gif b/src/components/imageandgif/Loopherosectionmobiless.gif
new file mode 100644
index 0000000..48e2115
Binary files /dev/null and b/src/components/imageandgif/Loopherosectionmobiless.gif differ
diff --git a/src/components/imageandgif/disintegrate mobile (2).gif b/src/components/imageandgif/disintegrate mobile (2).gif
new file mode 100644
index 0000000..1dd21c8
Binary files /dev/null and b/src/components/imageandgif/disintegrate mobile (2).gif differ
diff --git a/src/components/imageandgif/mine mobile.gif b/src/components/imageandgif/mine mobile.gif
new file mode 100644
index 0000000..4a49156
Binary files /dev/null and b/src/components/imageandgif/mine mobile.gif differ
diff --git a/src/components/imageandgif/newusenewuse.gif b/src/components/imageandgif/newusenewuse.gif
new file mode 100644
index 0000000..ff8ea16
Binary files /dev/null and b/src/components/imageandgif/newusenewuse.gif differ
diff --git a/src/components/imageandgif/reminemobile.gif b/src/components/imageandgif/reminemobile.gif
new file mode 100644
index 0000000..52cd3c6
Binary files /dev/null and b/src/components/imageandgif/reminemobile.gif differ
diff --git a/src/components/imageandgif/repairm.gif b/src/components/imageandgif/repairm.gif
new file mode 100644
index 0000000..da4bc8f
Binary files /dev/null and b/src/components/imageandgif/repairm.gif differ
diff --git a/src/components/imageandgif/reusem (1) (1).gif b/src/components/imageandgif/reusem (1) (1).gif
new file mode 100644
index 0000000..6374330
Binary files /dev/null and b/src/components/imageandgif/reusem (1) (1).gif differ
diff --git a/src/components/ourteam.tsx b/src/components/ourteam.tsx
index 3828fb4..489e1c2 100644
--- a/src/components/ourteam.tsx
+++ b/src/components/ourteam.tsx
@@ -82,8 +82,9 @@ const OurTeam: React.FC = () => {
                     color: "#4D4D4D",
                     fontSize: { xs: "12px", sm: "20px" },
                     fontFamily: "SF Pro Regular, Arial, sans-serif",
-                    padding:"30px",
-                    textAlign:'center'
+                    paddingLeft:"60px",
+                    textAlign:'center',
+                    paddingRight:"60px",
                 }}
             >
                 For over a decade, our team members have been actively involved in