feat: Init About page (#6)

* style: added color lightblue2

* feat: intro section in About page

src/app/about/page.tsx

@@ -0,0 +1,26 @@
+'use client';
+
+import * as React from 'react';
+import '@/lib/env';
+
+const AboutPage = () => {
+  return (
+    <>
+      <IntroSection />
+    </>
+  );
+}
+
+export default AboutPage;
+
+const IntroSection = () => {
+  return (
+    <section className='flex justify-between px-6 lg:px-12 py-7 h-screen min-h-96 bg-lightblue2 text-darkblue1 font-primary'>
+      <div>
+        <h1 className='text-5xl md:text-7xl lg:text-9xl'>About</h1>
+        <p className='uppercase md:text-2xl'>Pinkbombs</p>
+      </div>
+      <img src='/images/saumon.jpg' className='size-20 lg:size-44 lg:mr-10'></img>
+    </section>
+  )
+};

tailwind.config.ts

@@ -18,6 +18,7 @@ export default {
         purple1: '#3b0764',
         darkblue1: "#001E3A",
         lightblue1: "#A7F6F6",
+        lightblue2: "#D6E0EA",
         primary: {
           // Customize it on globals.css :root
           50: 'rgb(var(--tw-color-primary-50) / <alpha-value>)',