Create Hire-with-us

src/Routes.js

@@ -40,6 +40,7 @@ const Success = lazy(() => import('./views/pages/PaymentStatus/Success'));
 const Cancelled = lazy(() => import('./views/pages/PaymentStatus/Failure'));
 const EventsView = lazy(() => import('src/views/pages/EventsView')); //
 const HireWithUsView = lazy(() => import('src/views/pages/HireWithUsView'));
+const HIRE_WITH_US = lazy(() => import('src/views/pages/Hire-With-Us'));
 
 const renderRoutes = () => (
   <Suspense fallback={<LoadingScreen />}>
@@ -368,6 +369,15 @@ const renderRoutes = () => (
           </MainLayout>
         )}
       />
+      <Route
+        path={`/hire-with-us`}
+        exact
+        render={props => (
+          <MainLayout>
+            <HIRE_WITH_US />
+          </MainLayout>        
+        )}
+      />
       <Route component={Error404View} />
     </Switch>
   </Suspense>

src/data/courses/advanced/CompetitiveJava.js

@@ -14,7 +14,7 @@ export const competitiveJava = {
       courseId: 'jcomp0121',
       dates: '15th Apr - 18th July',
       days: 'Sat, Sun, Wed, Fri',
-      timing: '06:00 PM - 08:00 PM (IST)',
+      timing: '09:00 PM - 11:00 PM (IST)',
       link: '',
       priceCut: '₹ 12,000',
       price: '₹ 5,850',

src/data/courses/advanced/MachineLearning.js

@@ -14,7 +14,7 @@ export const machineLearning = {
       courseId: 'mlpy0121',
       dates: '15th Apr - 15th July',
       days: 'Sat, Sun, Tue, Thu',
-      timing: '08:00 PM - 10:00 PM (IST)',
+      timing: '09:00 PM - 11:00 PM (IST)',
       link: '',
       priceCut: '₹ 12,000',
       price: '₹ 5,850',

src/views/pages/Hire-With-Us/TopMain.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { makeStyles, Typography } from '@material-ui/core';
+
+import HeroWithBackgroundImage from '../../../components/Hero/HeroWithBackgroundImage';
+import ButtonComponent from 'src/components/Button/ButtonComponent';
+
+const useStyles = makeStyles({
+  root: {
+    background: "url('/static/images/hire-with-us/topImage.png') no-repeat center",
+    backgroundSize: 'cover'
+  },
+  button: {
+    backgroundColor: 'blue',
+    width: '250px',
+    fontWeight: 'bold',
+    fontSize: '17px',
+
+    '&:hover': {
+      backgroundColor: 'rgba(0, 0, 220, 1)',
+    }
+  }
+});
+
+function TopMain() {
+  const classes = useStyles();
+  return (
+    <>
+      <HeroWithBackgroundImage
+        title="Hire With"
+        title2="Code For Cause !!"
+        className={classes.root}
+        firstComponent={
+          <Typography variant="body1">
+            Explore Endless Possiblities With Developers Forged In Code And
+            Atticates Start Hiring
+          </Typography>
+        }
+        secondComponent={
+          <ButtonComponent
+            title="Start Hiring"
+            href="#"
+            size="large"
+            variant="contained"
+            className={classes.button}
+          />
+        }
+      />
+    </>
+  );
+}
+
+export default TopMain;

src/views/pages/Hire-With-Us/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import TopMain from './TopMain';
+import Developer from '../HireWithUsView/Developer/Developer';
+import HireAtEase from './HireAtEase';
+import Major from '../HireWithUsView/Major/Major';
+import Philosphy from '../HireWithUsView/Philosphy/Philosphy';
+import Footer from '../common/Footer';
+import { makeStyles } from '@material-ui/core';
+
+const useStyles = makeStyles(theme => ({
+  root: {
+    overflow: 'hidden'
+  }
+}));
+
+function HIRE_WITH_US() {
+  const classes = useStyles();
+  return (
+    <div className={classes.root}>
+      <TopMain />
+
+      <Developer />
+      <HireAtEase />
+      <Philosphy />
+      <Major />
+      <Footer />
+    </div>
+  );
+}
+
+export default HIRE_WITH_US;

src/views/pages/HireWithUsView/Philosphy/Philosphy.js

@@ -179,13 +179,13 @@ const useStyles = makeStyles(theme => ({
     [theme.breakpoints.down('md')]: {
       height: '280px',
       width: '400px',
-      padding: '50px 10px 0 60px',
+      padding: '50px 10px 0 80px',
       transform: 'translate(20px,0px)'
     },
     [theme.breakpoints.down('xs')]: {
       height: '170px',
       width: '280px',
-      padding: '30px 10px 0 32px',
+      padding: '30px 32px 0 50px',
       transform: 'translate(20px,0px)'
     }
   },
@@ -245,7 +245,8 @@ const useStyles = makeStyles(theme => ({
       fontSize: '12px'
     },
     [theme.breakpoints.down('xs')]: {
-      fontSize: '8px'
+      fontSize: '8px',
+      marginTop: '7px',
     }
   }
 }));