Repository: the-monkeys/the_monkeys
Pull request #336: feat: add about page and update footer link to point to the About page
Author: login: prnvtripathi
Created: 2025-05-04T17:12:31Z | Merged: 2025-05-06T16:21:50Z

### 📃 Why Merge This PR?

- Add about page
- Changed footer link to point to the about page.
### 🛠️ Issue Fixed

List any issues this PR resolves (e.g., `Fixes #123`).

### 🔍 PR Type

- [ ] 💡 Feature
- [ ] 🐛 Bug Fix
- [ ] 📃 Documentation
- [x] 🎨 UI Improvements
- [ ] 💻 Code Refactor
- [ ] ✅ Tests



Diff:
diff --git a/apps/the_monkeys/next.config.mjs b/apps/the_monkeys/next.config.mjs
index c15615c0..497fc2ea 100644
--- a/apps/the_monkeys/next.config.mjs
+++ b/apps/the_monkeys/next.config.mjs
@@ -12,6 +12,15 @@ const nextConfig = {
   experimental: {
     missingSuspenseWithCSRBailout: false,
   },
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/feed',
+        permanent: false,
+      },
+    ]
+  },
 };
 
 const withMDX = createMDX({});
diff --git a/apps/the_monkeys/src/app/about/page.tsx b/apps/the_monkeys/src/app/about/page.tsx
new file mode 100644
index 00000000..9047533f
--- /dev/null
+++ b/apps/the_monkeys/src/app/about/page.tsx
@@ -0,0 +1,67 @@
+import Link from 'next/link';
+
+import HomeBanner from '@/components/branding/HomeBanner';
+import { LinksSection } from '@/components/branding/LinksSection';
+import FeaturesGrid from '@/components/branding/featuresGrid';
+import { ContributeAndSponsorCard } from '@/components/branding/sponsor/ContributeAndSponsorCard';
+import Icon from '@/components/icon';
+import Container from '@/components/layout/Container';
+import { CREATE_ROUTE } from '@/constants/routeConstants';
+import { Button } from '@the-monkeys/ui/atoms/button';
+
+const AboutPage = () => {
+  return (
+    <Container className='min-h-screen space-y-8 sm:space-y-10 pb-12'>
+      <HomeBanner />
+
+      <h2 className='mx-auto w-fit pt-8 px-4 font-dm_sans text-lg sm:text-xl md:text-2xl text-center leading-7'>
+        With Monkeys,{' '}
+        <span className='px-1 bg-foreground-light dark:bg-foreground-dark'>
+          create content
+        </span>{' '}
+        that truly makes a difference.
+      </h2>
+
+      <LinksSection />
+
+      <h2 className='mx-auto w-full sm:w-4/5 pt-[150px] sm:pt[200px] px-4 font-arvo text-2xl sm:text-3xl md:text-4xl text-center'>
+        We are built to empower creativity, collaboration, and meaningful
+        storytelling.
+      </h2>
+
+      <div className='bg-gradient-to-t from-brand-orange from-[25%] px-4 py-[80px]'>
+        <FeaturesGrid />
+      </div>
+
+      <div className='py-[40px] sm:py-[80px] px-4 flex flex-col items-center gap-4'>
+        <p className='mt-6 font-dm_sans font-light text-base sm:text-lg md:text-xl text-center opacity-80'>
+          Start your blogging journey today—collaborate, create, and share
+          without limits!
+        </p>
+
+        <Button
+          size='lg'
+          className='group px-6 rounded-full shadow-md'
+          title='Create Blog'
+          asChild
+        >
+          <Link href={`${CREATE_ROUTE}`}>
+            <div>
+              <Icon
+                name='RiPencil'
+                className='mr-2 group-hover:animate-icon-shake'
+              />
+            </div>
+            <p className='font-dm_sans'>Start Writing</p>
+          </Link>
+        </Button>
+      </div>
+
+      <div className='mx-auto max-w-xl px-4'>
+        <ContributeAndSponsorCard />
+      </div>
+    </Container>
+  );
+};
+
+export default AboutPage;
diff --git a/apps/the_monkeys/src/constants/footer.ts b/apps/the_monkeys/src/constants/footer.ts
index 89d9bb4c..34626a09 100644
--- a/apps/the_monkeys/src/constants/footer.ts
+++ b/apps/the_monkeys/src/constants/footer.ts
@@ -29,7 +29,7 @@ export const footerList = [
       },
       {
         text: 'About',
-        link: '#',
+        link: '/about',
       },
       {
         text: 'Contact',


Reviews:
user: login: TanishqSingla
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T12:06:12Z
user: login: TanishqSingla
body: Change home page to the feed page, that way we won't have 2 about pages
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T15:06:26Z
user: login: daveaugustus
state: APPROVED
author_association: CONTRIBUTOR
submitted_at: 2025-05-06T15:41:40Z
user: login: TanishqSingla
state: APPROVED
author_association: COLLABORATOR
submitted_at: 2025-05-06T16:21:35Z

Review comments:
diff_hunk: @@ -0,0 +1,67 @@
+import Link from 'next/link';
+
+import HomeBanner from '@/components/branding/HomeBanner';
+import { LinksSection } from '@/components/branding/LinksSection';
+import FeaturesGrid from '@/components/branding/featuresGrid';
+import { ContributeAndSponsorCard } from '@/components/branding/sponsor/ContributeAndSponsorCard';
+import Icon from '@/components/icon';
+import Container from '@/components/layout/Container';
+import { CREATE_ROUTE } from '@/constants/routeConstants';
+import { Button } from '@the-monkeys/ui/atoms/button';
+
+const LandingPage = () => {
path: apps/the_monkeys/src/app/about/page.tsx
user: login: TanishqSingla
body: Change the name to About page
created_at: 2025-05-05T12:05:37Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,67 @@
+import Link from 'next/link';
+
+import HomeBanner from '@/components/branding/HomeBanner';
+import { LinksSection } from '@/components/branding/LinksSection';
+import FeaturesGrid from '@/components/branding/featuresGrid';
+import { ContributeAndSponsorCard } from '@/components/branding/sponsor/ContributeAndSponsorCard';
+import Icon from '@/components/icon';
+import Container from '@/components/layout/Container';
+import { CREATE_ROUTE } from '@/constants/routeConstants';
+import { Button } from '@the-monkeys/ui/atoms/button';
+
+const LandingPage = () => {
+  return (
+    <Container className='min-h-screen space-y-8 sm:space-y-10 pb-12'>
+      <HomeBanner />
+
+      <h2 className='mx-auto w-fit pt-8 px-4 font-dm_sans text-lg sm:text-xl md:text-2xl text-center leading-7'>
+        With Monkeys,{' '}
+        <span className='px-1 bg-foreground-light dark:bg-foreground-dark'>
+          create content
+        </span>{' '}
+        that truly makes a difference.
+      </h2>
+
+      <LinksSection />
+
+      <h2 className='mx-auto w-full sm:w-4/5 pt-[150px] sm:pt[200px] px-4 font-arvo text-2xl sm:text-3xl md:text-4xl text-center'>
+        We are built to empower creativity, collaboration, and meaningful
+        storytelling.
+      </h2>
+
+      <div className='bg-gradient-to-t from-brand-orange from-[25%] px-4 py-[80px]'>
+        <FeaturesGrid />
+      </div>
+
+      <div className='py-[40px] sm:py-[80px] px-4 flex flex-col items-center gap-4'>
+        <p className='mt-6 font-dm_sans font-light text-base sm:text-lg md:text-xl text-center opacity-80'>
+          Start your blogging journey today—collaborate, create, and share
+          without limits!
+        </p>
+
+        <Button
+          size='lg'
+          className='group px-6 rounded-full shadow-md'
+          title='Create Blog'
+          asChild
+        >
+          <Link href={`${CREATE_ROUTE}`}>
+            <div>
+              <Icon
+                name='RiPencil'
+                className='mr-2 group-hover:animate-icon-shake'
+              />
+            </div>
+            <p className='font-dm_sans'>Start Writing</p>
+          </Link>
+        </Button>
+      </div>
+
+      <div className='mx-auto max-w-xl px-4'>
+        <ContributeAndSponsorCard />
+      </div>
+    </Container>
+  );
+};
+
+export default LandingPage;
path: apps/the_monkeys/src/app/about/page.tsx
user: login: TanishqSingla
body: Same as above
created_at: 2025-05-05T12:05:42Z
author_association: COLLABORATOR

PR comments:
user: login: netlify[bot]
created_at: 2025-05-04T17:13:38Z
body: ### <span aria-hidden="true">✅</span> Deploy Preview for *incredible-eclair-ada155* ready!


|  Name | Link |
|:-:|------------------------|
|<span aria-hidden="true">🔨</span> Latest commit | 942fddbc961375c9b6d283c71bf65bc316af2eee |
|<span aria-hidden="true">🔍</span> Latest deploy log | https://app.netlify.com/sites/incredible-eclair-ada155/deploys/681a36c0a5e6e20008eb7fa2 |
|<span aria-hidden="true">😎</span> Deploy Preview | [https://deploy-preview-336--incredible-eclair-ada155.netlify.app](https://deploy-preview-336--incredible-eclair-ada155.netlify.app) |
|<span aria-hidden="true">📱</span> Preview on mobile | <details><summary> Toggle QR Code... </summary><br /><br />![QR Code](https://app.netlify.com/qr-code/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2RlcGxveS1wcmV2aWV3LTMzNi0taW5jcmVkaWJsZS1lY2xhaXItYWRhMTU1Lm5ldGxpZnkuYXBwIn0.P8tUGksSORsWW66STD7IvqY74FKlOp-c-zfVuraJ8pQ)<br /><br />_Use your smartphone camera to open QR code link._</details> |
---
<!-- [incredible-eclair-ada155 Preview](https://deploy-preview-336--incredible-eclair-ada155.netlify.app) -->
_To edit notification comments on pull requests, go to your [Netlify site configuration](https://app.netlify.com/sites/incredible-eclair-ada155/configuration/notifications#deploy-webhooks)._
author_association: NONE
user: login: TanishqSingla
created_at: 2025-05-05T07:53:41Z
body: Now that we have an about page, it will be better if you move the `feed` page to home. 

author_association: COLLABORATOR
user: login: prnvtripathi
created_at: 2025-05-05T17:00:57Z
body: Just to confirm, 
- Home page to about page - Done ✅ 
- Feed page to home page
author_association: CONTRIBUTOR