diff --git a/frontend/app/community/page.tsx b/frontend/app/community/page.tsx
index dd881e4..8926477 100644
--- a/frontend/app/community/page.tsx
+++ b/frontend/app/community/page.tsx
@@ -13,18 +13,21 @@ import { DirectorySection } from "@/components/templates/DirectorySection";
 
 const LazyMap = dynamic(() => import("@/components/templates/MapSection"), {
   ssr: false,
-  loading: () => <p>Loading...</p>,
+  loading: () => <p className="mt-5">Loading...</p>,
 });
 
-export default function Services() {
+export default function Community() {
   return (
     <Main>
       <Header />
       <Hero content={community.hero} cta={true} />
-      <SocialProofSection />
+      <h3 className="text-3xl lg:text-4xl text-center font-bold !leading-tigh">
+        Community
+      </h3>
       <LazyMap content={community.activity} />
       <DirectorySection content={community.directory} />
       <CommunitySection content={community.featuredVideos} />
+      <SocialProofSection />
       <Cta />
       <Footer />
     </Main>
diff --git a/frontend/app/services/page.tsx b/frontend/app/services/page.tsx
index 9681b71..43490be 100644
--- a/frontend/app/services/page.tsx
+++ b/frontend/app/services/page.tsx
@@ -13,7 +13,9 @@ export default function Services() {
     <Main>
       <Header />
       <Hero content={services.hero} cta={true} />
-      <SocialProofSection />
+      <h3 className="text-3xl lg:text-4xl text-center font-bold !leading-tigh">
+        Services
+      </h3>
       {services.services.list.map((service, index) => (
         <TwoColumn key={"servicecol-" + index} index={index}>
           <div className="flex flex-col gap-4">
@@ -28,17 +30,17 @@ export default function Services() {
           </div>
           <div className="w-1/2 h-full flex flex-col gap-8 justify-center">
             <div className="flex flex-col gap-4">
-              <h2 className="font-bold text-2xl">{service.name}</h2>
+              <h4 className="font-bold text-2xl">{service.name}</h4>
               <p>{service.content}</p>
             </div>
             <div className="flex flex-col gap-4">
-              <h4 className="font-bold">{service.subContent.name}</h4>
+              <h5 className="font-bold">{service.subContent.name}</h5>
               <p>{service.subContent.content}</p>
             </div>
           </div>
         </TwoColumn>
       ))}
-
+      <SocialProofSection />
       <Cta />
       <Footer />
     </Main>
diff --git a/frontend/content/community.ts b/frontend/content/community.ts
index d7465b4..4bc2380 100644
--- a/frontend/content/community.ts
+++ b/frontend/content/community.ts
@@ -1,10 +1,10 @@
 export const community = {
   hero: {
     h1: {
-      title: "We connect people Through communities",
+      title: "We connect people Through open source",
       wordsToColor: [
         { word: "connect", color: "#24BEE1" },
-        { word: "communities", color: "#8F9DA7" },
+        { word: "open source", color: "#8F9DA7" },
       ],
     },
     cta: { label: "Contact us", href: "/contact" },
diff --git a/frontend/content/contact.ts b/frontend/content/contact.ts
index b6f83c2..aeb60c0 100644
--- a/frontend/content/contact.ts
+++ b/frontend/content/contact.ts
@@ -1,10 +1,10 @@
 export const contact = {
   hero: {
     h1: {
-      title: "We would really love to Hear from you",
+      title: "We connect people Through open source",
       wordsToColor: [
-        { word: "love", color: "#24BEE1" },
-        { word: "you", color: "#8F9DA7" },
+        { word: "connect", color: "#24BEE1" },
+        { word: "open source", color: "#8F9DA7" },
       ],
     },
   },