From 457152377f4cf577bbe3c804108f52390329857d Mon Sep 17 00:00:00 2001
From: Malena Guallar <123973678+Malena-Guallar@users.noreply.github.com>
Date: Fri, 19 Apr 2024 09:49:45 +0200
Subject: [PATCH] feat: Init About page  (#6)

* style: added color lightblue2

* feat: intro section in About page
---
 src/app/about/page.tsx | 26 ++++++++++++++++++++++++++
 tailwind.config.ts     |  1 +
 2 files changed, 27 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 000000000..38c93eacd
--- /dev/null
+++ b/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>
+  )
+};
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 70a2b8443..9a12c310e 100644
--- a/tailwind.config.ts
+++ b/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>)',