Delete unused images

souad988 · Jan 19, 2024 · 6c3a011 · 6c3a011
1 parent 939c3ad
commit 6c3a011
Show file tree

Hide file tree

Showing 23 changed files with 43 additions and 9 deletions.
diff --git a/public/images/bg/page1_bg (another copy).png b/public/images/bg/page1_bg (another copy).png
diff --git a/public/images/bg/page1_bg (copy).png b/public/images/bg/page1_bg (copy).png
diff --git a/public/images/bg/page1_bg-removebg-preview.png b/public/images/bg/page1_bg-removebg-preview.png
diff --git a/public/images/bg/page1_bg.png b/public/images/bg/page1_bg.png
diff --git a/public/images/bg/page1_bg1.png b/public/images/bg/page1_bg1.png
diff --git a/public/images/bg/page1_bg2.png b/public/images/bg/page1_bg2.png
diff --git a/public/images/bg/page1_bg2_169.png b/public/images/bg/page1_bg2_169.png
diff --git a/public/images/bg/page1_bg_169.png b/public/images/bg/page1_bg_169.png
diff --git a/public/images/bg/page1_bg_best.png b/public/images/bg/page1_bg_best.png
diff --git a/public/images/bg/page1_bg_no_bg.png b/public/images/bg/page1_bg_no_bg.png
diff --git a/public/images/bg/page1_bg_no_bg_original (copy).png b/public/images/bg/page1_bg_no_bg_original (copy).png
diff --git a/public/images/bg/page1_bg_no_bg_original.png b/public/images/bg/page1_bg_no_bg_original.png
diff --git a/public/images/bg/page1_bg_no_bg_original_to_use.png b/public/images/bg/page1_bg_no_bg_original_to_use.png
diff --git a/public/images/bg/page1_bg_to_use.png b/public/images/bg/page1_bg_to_use.png
diff --git a/public/images/bg/page2_bg.png b/public/images/bg/page2_bg.png
diff --git a/public/images/bg/page3_bg.png b/public/images/bg/page3_bg.png
diff --git a/public/images/bg/page_0.png b/public/images/bg/page_0.png
diff --git a/public/images/bg/page_37.png b/public/images/bg/page_37.png
diff --git a/public/images/bg/page_9.png b/public/images/bg/page_9.png
diff --git a/public/images/icons/icon.png b/public/images/icons/icon.png
diff --git a/src/components/headlineSection.jsx b/src/components/headlineSection.jsx
@@ -5,19 +5,26 @@ import {
 } from '@mui/material';
 import useCustomStyles from '../styles/useCustonStyles';
 import mainStyles from '../styles';
+import styles from '../styles/components/headlineSection';
 
 const HeadlineSection = () => {
   const classes = useCustomStyles(mainStyles);
-
+  const localClasses = useCustomStyles(styles);
   return (
     <Box className={classes.container}>
       <Box className={clsx(classes.hiddenBg)} />
       <img
         src="images/page1.jpg"
-        className={clsx(classes.homeContainer, classes.lowOpacity, classes.subContainer)}
+        className={clsx(
+          classes.homeContainer,
+          classes.lowOpacity,
+          classes.absolutePosition,
+          classes.rootAbsolutePosition,
+          classes.fullHeight,
+        )}
         alt="image1"
       />
-      <Grid container className={classes.subContainer} justifyContent="center" alignItems="center">
+      <Grid container className={clsx(classes.absolutePosition, classes.marginTop)} justifyContent="center" alignItems="center">
         <Grid item>
           <Typography
             variant="h1Secondary"
@@ -33,7 +40,12 @@ const HeadlineSection = () => {
       </Grid>
       <img
         src="images/page1_no_bg.png"
-        className={clsx(classes.homeContainer, classes.subContainer)}
+        className={clsx(
+          classes.homeContainer,
+          classes.absolutePosition,
+          classes.rootAbsolutePosition,
+          classes.fullHeight,
+        )}
         alt="image1"
       />
     </Box>

diff --git a/src/styles/components/headlineSection.js b/src/styles/components/headlineSection.js
@@ -0,0 +1,18 @@
+const styles = () => ({
+    container1: {
+    background: 'url(images/page1.jpg) no-repeat',
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    width: '100%',
+    minHeight: '100vh',
+  },
+  container2: {
+    background: 'url(images/page1_no_bg.jpg) no-repeat',
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    width: '100%',
+    minHeight: '100vh',
+  },
+});
+
+export default styles;
diff --git a/src/styles/index.js b/src/styles/index.js
@@ -22,9 +22,10 @@ const mainStyles = (theme) => ({
     minHeight: '100vh',
     width: '100%',
   },
-  subContainer: {
-    position: 'absolute',
+  fullHeight: {
     minHeight: '100vh',
+  },
+  rootAbsolutePosition: {
     top: 0,
     left: 0,
   },
@@ -49,9 +50,6 @@ const mainStyles = (theme) => ({
   headline2: {
     color: theme.palette.grey.dark,
   },
-  fullHeight: {
-    minHeight: '100vh',
-  },
   relativePosition: {
     position: 'relative',
   },
@@ -81,5 +79,11 @@ const mainStyles = (theme) => ({
   boxShadow: {
     boxShadow: `1px 1px 6px ${theme.palette.blue.dark}`,
   },
+  marginTop: {
+    marginTop: '25vh',
+    [theme.breakpoints.up('900')]: {
+      marginTop: '15vh',
+    },
+  },
 });
 export default mainStyles;