feat: ourblock section

app/layout.tsx

@@ -4,6 +4,7 @@ import "styles/custom.css"
 import Navbar from "components/Navbar/Navbar"
 
 import Footer from "components/Footer/Footer"
+import { FloatingWhatsApp } from "react-floating-whatsapp"
 
 // import SmoothScroll from "utils/ScrollAnimations/SmoothScroll"
 
@@ -13,7 +14,15 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <body className="bg-[#0f172a] ">
         {/* <SmoothScroll> */}
         <Navbar logoSrc="/images/logo.webp" />
-        {children}
+        {children}{" "}
+        <FloatingWhatsApp
+          phoneNumber="0704235666"
+          accountName="Vizole Labs"
+          allowEsc
+          allowClickAway
+          notification
+          notificationSound
+        />
         <Footer />
         {/* </SmoothScroll> */}
       </body>

app/page.tsx

@@ -6,6 +6,7 @@ import Hero01 from "components/Hero01/Hero01"
 import OurServices from "components/OurServices/OurServices"
 import Portfolio from "components/Portfolio/Portfolio"
 import ContactUs from "components/ContactUs/ContactUs"
+import OurBlog from "components/ourblog/OurBlog"
 
 export default function Web() {
   return (
@@ -31,6 +32,11 @@ export default function Web() {
           <ContactUs />
         </section>
       </div>
+      <div>
+        <section id="contactUs" className="bg-[#0f172a] max-md:p-4 md:pl-0 md:pr-0 lg:pl-[10%] lg:pr-[10%]">
+          <OurBlog />
+        </section>
+      </div>
     </div>
   )
 }