refactor: Improve landing page styles.

ArkTechOrg · Aug 24, 2024 · d0a6316 · d0a6316
1 parent 62a4398
commit d0a6316
Showing 1 changed file with 19 additions and 18 deletions.
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -3,28 +3,29 @@ import { motion } from "framer-motion";
 
 const Home = () => {
   return (
-    <div>
-      <div className="relative min-h-screen overflow-hidden">
-        <LampContainer>
-          <motion.h1
-            initial={{ opacity: 0.5, y: 100 }}
-            whileInView={{ opacity: 1, y: 0 }}
-            transition={{
-              delay: 0.3,
-              duration: 0.8,
-              ease: "easeInOut",
-            }}
-            className="text-center text-white font-semibold font-manrope leading-tight
+    <div className="relative min-h-screen overflow-hidden font-product-sans">
+      <LampContainer>
+        <motion.h1
+          initial={{ opacity: 0.5, y: 100 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          transition={{
+            delay: 0.3,
+            duration: 0.8,
+            ease: "easeInOut",
+          }}
+          className="text-center text-white font-product-sans leading-tight
                       sm:text-3xl sm:leading-[40px]
                       md:text-4xl md:leading-[50px]
                       lg:text-5xl lg:leading-[60px]
                       xl:text-6xl xl:leading-[70px]"
-          >
-            We appreciate your patience but
-            <br />
-            something really cool is coming soon!
-          </motion.h1>
-        </LampContainer>
+        >
+          We appreciate your patience but
+          <br />
+          something really cool is coming soon!
+        </motion.h1>
+      </LampContainer>
+      <div className="absolute bottom-4 right-4 text-white text-xs opacity-70">
+        © ArkTech
       </div>
     </div>
   );