From c526d560a3e8ed9b2dc9a23825b8979c00a152ba Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Mon, 1 May 2023 01:09:33 +0700
Subject: Update v3.5

> Bug Fixes
> Editor List Update v0.8
> Display adjustment on search page
---
 pages/about.js | 58 ++++++++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 44 insertions(+), 14 deletions(-)

(limited to 'pages/about.js')

diff --git a/pages/about.js b/pages/about.js
index 7255401..42690e0 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -1,5 +1,7 @@
 import Head from "next/head";
 import Layout from "../components/layout";
+import { motion } from "framer-motion";
+import Link from "next/link";
 
 export default function About() {
   return (
@@ -11,7 +13,7 @@ export default function About() {
         <link rel="icon" href="/c.svg" />
       </Head>
       <Layout>
-        <div className="mb-[6rem] bg-[#121212] text-white flex min-h-screen w-screen flex-col justify-center gap-8 px-6 pt-nav lg:items-center lg:gap-14">
+        {/* <div className="mb-[6rem] bg-[#121212] text-white flex min-h-screen w-screen flex-col justify-center gap-8 px-6 pt-nav lg:items-center lg:gap-14">
           <h1 className="place-items-start font-karla text-[3rem] font-bold">
             Hi !
           </h1>
@@ -20,22 +22,13 @@ export default function About() {
               <p className="inline-block font-extrabold text-[#ffffff]">
                 Welcome to our website!
               </p>{" "}
-              Moopa is a platform where you can watch and stream anime or read
-              manga for free, without any ads or VPNs. Our mission is to provide
-              a convenient and enjoyable experience for anime and manga
-              enthusiasts all around the world.
+              
             </div>
             <p>
-              At our site, you will find a vast collection of anime and manga
-              titles from different genres, including action, adventure, comedy,
-              romance, and more. We take pride in our fast and reliable servers,
-              which ensure smooth streaming and reading for all our users.
+              
             </p>
             <p>
-              It is important to note that we do not store any files on our
-              servers. Instead, we only link to media hosted on third-party
-              services. This is to ensure that we comply with copyright laws and
-              respect the intellectual property rights of content creators.
+              
             </p>
             <p>
               We are committed to providing a safe and secure environment for
@@ -44,12 +37,49 @@ export default function About() {
               safety of our community.
             </p>
             <p>
+              
+            </p>
+          </div>
+        </div> */}
+
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          className="flex flex-col justify-center items-center min-h-screen md:py-0 py-16"
+        >
+          <div className="max-w-screen-lg w-full px-4 py-10">
+            <h1 className="text-4xl font-bold mb-6">About Us</h1>
+            <p className="text-lg mb-8">
+              Moopa is a platform where you can watch and stream anime or read
+              manga for free, without any ads or VPNs. Our mission is to provide
+              a convenient and enjoyable experience for anime and manga
+              enthusiasts all around the world.
+            </p>
+            <p className="text-lg mb-8">
+              At our site, you will find a vast collection of anime and manga
+              titles from different genres, including action, adventure, comedy,
+              romance, and more. We take pride in our fast and reliable servers,
+              which ensure smooth streaming and reading for all our users.
+            </p>
+            <p className="text-lg mb-8">
+              We believe that anime and manga have the power to inspire and
+              entertain people of all ages and backgrounds. Our service is
+              designed to make it easy for fans to access the content they love,
+              whether they are casual viewers or die-hard fans.
+            </p>
+            <p className="text-lg mb-8">
               Thank you for choosing our website as your go-to platform for
               anime and manga. We hope you enjoy your stay here, and feel free
               to contact us if you have any feedback or suggestions.
             </p>
+            <Link href="/contact">
+              <div className="bg-[#ffffff] text-black font-medium py-3 px-6 rounded-lg hover:bg-action transition duration-300 ease-in-out">
+                Contact Us
+              </div>
+            </Link>
           </div>
-        </div>
+        </motion.div>
       </Layout>
     </>
   );
-- 
cgit v1.2.3