map

frontend/src/App.js

 import CaseStudyCentralized from './pages/CaseStudyCentralized';
 import CaseStudyResource from './pages/CaseStudyResource';
 import CaseStudyStrata from './pages/CaseStudyStrata';
-import OpenDay from './pages/OpenDay';
 import PrivacyPolicy from './pages/PrivacyPolicy';
 
 
         <Route exact path="/process" element={<ProcessPage />} />
         <Route exact path="/contact" element={<ContactPage />} />
         <Route exact path="/privacypolicy" element={<PrivacyPolicy />} />
-        <Route exact path="/openday" element={<OpenDay />} />
       </Routes>
 
       <Footer

frontend/src/components/Landing.jsx

 
           {/* <LandingSVG /> */}
           <LandingSVGv2 />
-          <OpenDayBanner />
           <HiringWidget />
           <div className="mb-16 -mt-12 md:mt-5 flex flex-col lg:flex-row justify-between items-center gap-90p">
             <div className="flex flex-col gap-8p">

frontend/src/components/Map.jsx

+import React from 'react'
+import Wrapper from '../layout/Wrapper';
+import PageTitle from './shared/PageTitle';
+
+const data = {
+    heading: 'Come and Meet Us!',
+    subheading: 'our office',
+}
+
+const MapDilig = () => {
+    return (
+        <Wrapper padding={' py-90p'}>
+            <PageTitle heading={data.heading} subheading={data.subheading} />
+            <div className='w-full py-90p'>
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2903.249778965247!2d21.90917771571484!3d43.30903038263504!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4755b098fd2d0343%3A0x25c74e5a7a3a0530!2z0JfQtdGC0YHQutCwIDM2LCDQndC40Yg!5e0!3m2!1ssr!2srs!4v1666617514841!5m2!1ssr!2srs" width="100%" height="450" loading="lazy"></iframe>
+            </div>
+        </Wrapper>
+    )
+}
+
+export default MapDilig;

frontend/src/components/shared/PageTitle.jsx

 
 const PageTitle = ({heading, subheading, left, color,pb}) => {
     return (
-        <div className={"flex flex-col gap-8p"+ (left ? " text-left items-start":" text-left items-center") + (color ? " title-colored" : "") + (pb && ` pb-2`)}>
-            <h6 className="subheading">{subheading}</h6>
-            <h1 className="heading">{heading}</h1>
+        <div className={"flex flex-col gap-8p"+ (left ? " text-left items-start":" text-center items-center") + (color ? " title-colored" : "") + (pb && ` pb-2`)}>
+            <h6 className={"subheading" + (left ? " text-left":" text-center")}>{subheading}</h6>
+            <h1 className={"heading" + (left ? " text-left":" text-center")}>{heading}</h1>
         </div>
     )
 }

frontend/src/pages/Home.jsx

 import TechStack from '../components/TechStack';
 import PortfolioSection from '../components/PortfolioSection';
 import PageLayout from '../layout/PageLayout';
+import MapDilig from '../components/Map';
 
 const api_url = process.env.REACT_APP_API_URL;
 
         <section id="contact" className="" ref={forwardedRef}>
           <Contact defaultIndex={0} />
         </section>
+
+
+        <MapDilig />
        
       </div>
       </PageLayout>