EDIT routers paddings & margins

src/components/FrequentlyAskedComponent.jsx

@@ -9,9 +9,7 @@ const FrequentlyAskedComponent = () => {
                 <LeftSectionFQA />
 
                 <RightSectionFQA />
-
             </div>
-            <ContactInfoComponent />
         </>
     )
 }

src/routes/Contact.jsx

@@ -2,8 +2,8 @@ import { ContactInfoComponent } from "../components";
 
 const Contact = () => {
     return (
-        <div className="bg-white">
-            <div className="container mb-20 pb-20 grid grid-cols-1 lg:grid-cols-2 gap-y-14 lg:gap-5 items-center">
+        <div className="w-full bg-white">
+            <div className="container mb-20 mt-7 pt-3 pb-24">
                 <ContactInfoComponent />
             </div>
         </div>

src/routes/FAQ.jsx

@@ -1,7 +1,11 @@
+import { FrequentlyAskedComponent } from "../components";
+
 const FAQ = () => {
     return (
-        <div>
-            FAQ
+        <div className="w-full mb-20 mt-7 pt-3 pb-24 bg-white">
+            <div className="container">
+                <FrequentlyAskedComponent />
+            </div>
         </div>
     )
 }

src/routes/Home.jsx

@@ -1,4 +1,4 @@
-import { FrequentlyAskedComponent, PricingComponent } from "../components";
+import { ContactInfoComponent, FrequentlyAskedComponent, PricingComponent } from "../components";
 
 import {
     FormLanding,
@@ -41,6 +41,8 @@ const Home = () => {
                     <IntroImage />
 
                     <FrequentlyAskedComponent />
+
+                    <ContactInfoComponent />
                 </div>
             </div >
         </section >

src/routes/Pricing.jsx

@@ -2,7 +2,7 @@ import { PricingComponent } from "../components";
 
 const Pricing = () => {
     return (
-        <div className="w-full mt-7 mb-20 bg-white py-24">
+        <div className="w-full mt-7 mb-20 bg-white pt-28 pb-24">
             <div className="container">
                 <PricingComponent />
             </div>