content: add visable page header and move logos to bottom for non hom…

…e page
rocket-connect · May 30, 2024 · b87aa0c · b87aa0c
1 parent 537c27b
commit b87aa0c
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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" },
       ],
     },
   },