Merge pull request #193 from Bitshala/about

About page header image added, paper desc change
Bitshala · Oct 1, 2024 · 966d482 · 966d482
2 parents faff2fe + e621e1d
commit 966d482
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/public/home/about.webp b/public/home/about.webp
diff --git a/src/components/common/AboutUs.astro b/src/components/common/AboutUs.astro
@@ -1,6 +1,6 @@
 <div class="lg:p-8">
   <h1
-    class="mb-8 mt-28 text-center font-header text-3xl font-bold md:text-6xl lg:text-8xl"
+    class="mb-8 mt-8 text-center font-header text-3xl font-bold md:text-6xl lg:text-8xl"
     id="about_us"
   >
     About

diff --git a/src/components/common/list.js b/src/components/common/list.js
@@ -154,7 +154,7 @@ export const dev = [
   },
   {
     name: "Paperpsych",
-    desc: "If he’s not designing, he’s writing copy or tweeting, if he’s not doing that, he’s planning events. If not that... he’s watching Mad Men!",
+    desc: "If he’s not designing, he’s writing copy, if he’s not doing that, he’s planning some events. If not that.. he’s probably watching Mad Men!",
     image: "paperpsych",
     bgColor: "bg-orange",
     textColor: "text-black",

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -11,9 +11,22 @@ const headerProps = {
 
 <Layout
   title="About Us"
-  headerProps={headerProps}
-  isVisible={isVisible}
+  headerProps={{
+    image: "/home/about.webp",
+  }}
+  isVisible={true}
 >
+  <div
+    slot="headerChild"
+    class="h[30vh] flex flex-col justify-between lg:h-[70vh]"
+  >
+    <h1
+      class="mt-28 text-center font-header text-4xl text-white lg:text-8xl xl:text-9xl"
+    >
+      Get to know us <br />
+       a little better
+    </h1>
+  </div>
   <AboutUs />
   <People />
 </Layout>