comment beta test link

keep-starknet-strange · Jul 23, 2024 · 16d4d14 · 16d4d14
1 parent f64c470
commit 16d4d14
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 35 deletions.
diff --git a/website/src/app/components/HeroSection.tsx b/website/src/app/components/HeroSection.tsx
@@ -1,28 +1,28 @@
 'use client';
 
-import { motion } from 'framer-motion';
+import {motion} from 'framer-motion';
 
 export function HeroSection() {
   return (
     <div className="desktop:h-[900px] h-[833px] w-full overflow-hidden relative pt-[98px] desktop:pt-[159px] flex justify-center bg-black desktop:bg-herobg bg-mobileHeroBg bg-no-repeat bg-bottom">
       <motion.img
-        animate={{ x: [500, 0] }}
+        animate={{x: [500, 0]}}
         transition={{
-          x: { duration: 1 },
+          x: {duration: 1},
         }}
-        initial={{ opacity: 0 }}
-        whileInView={{ opacity: 1 }}
+        initial={{opacity: 0}}
+        whileInView={{opacity: 1}}
         src="/assets/moon.svg"
         className="absolute top-5 desktop:top-[36px] right-[31px] desktop:right-[150px] w-[50px] desktop:w-auto"
         alt=""
       />
       <motion.div
-        animate={{ y: [1200, 0] }}
+        animate={{y: [1200, 0]}}
         transition={{
-          y: { duration: 1 },
+          y: {duration: 1},
         }}
-        initial={{ opacity: 0 }}
-        whileInView={{ opacity: 1 }}
+        initial={{opacity: 0}}
+        whileInView={{opacity: 1}}
         className="desktop:w-[773px] w-[85%] flex flex-col items-center text-white h-fit text-center relative z-[270]"
       >
         <h1 className="desktop:text-[72px] text-[36px] leading-[50px] desktop:leading-[80px] mb-3">
@@ -31,33 +31,30 @@ export function HeroSection() {
         <p className="desktop:text-[24px] text-base leading-8 mb-8">
           Decentralized social built with Nostr and powered by Starknet account abstraction.
         </p>
-        <div className="flex desktop:flex-row flex-col items-center gap-y-4 gap-x-6 text-[18px] leading-[21px]">
+        {/* <div className="flex desktop:flex-row flex-col items-center gap-y-4 gap-x-6 text-[18px] leading-[21px]">
           <button className="desktop:py-5 text-sm desktop:text-base py-3 px-4 bg-black w-[200px] border-white border-[1px] border-solid desktop:border-none">
-            <a href="https://app.joyboy.community" target='_blank'>
+            <a href="https://app.joyboy.community" target="_blank">
               Sign up
-
             </a>
           </button>
           <button className="desktop:py-5 text-sm text-black desktop:text-base py-3 px-4 bg-white w-[200px]">
-            <a href="https://app.joyboy.community" target='_blank'>
+            <a href="https://app.joyboy.community" target="_blank">
               Download App
-
             </a>
-
-        </button>
+          </button>
+        </div> */}
+      </motion.div>
+      <motion.img
+        src="/assets/joyboyMascot.png"
+        className="absolute left-[-31px] desktop:left-2 bottom-[39px] desktop:bottom-[49px] z-[250] desktop:w-[380px] w-[210px]"
+        alt=""
+        animate={{x: [-500, 0]}}
+        transition={{
+          x: {duration: 1},
+        }}
+        initial={{opacity: 0}}
+        whileInView={{opacity: 1}}
+      />
     </div>
-      </motion.div >
-    <motion.img
-      src="/assets/joyboyMascot.png"
-      className="absolute left-[-31px] desktop:left-2 bottom-[39px] desktop:bottom-[49px] z-[250] desktop:w-[380px] w-[210px]"
-      alt=""
-      animate={{ x: [-500, 0] }}
-      transition={{
-        x: { duration: 1 },
-      }}
-      initial={{ opacity: 0 }}
-      whileInView={{ opacity: 1 }}
-    />
-    </div >
   );
 }
diff --git a/website/src/app/components/MobileNavBar.tsx b/website/src/app/components/MobileNavBar.tsx
@@ -53,12 +53,12 @@ export function MobileNavBar({setToggle, toggle}: Props) {
             <li className="">Features</li>
             <li className="">Ecosystem</li>
             <li className="">Developers</li>
-            <li>
-              <button className="py-[12px] w-[145px] bg-[#8DAEF1]">Sign up</button>
+            {/* <li>
+              <button className="py-[12px] w-[145px] bg-[#8DAEF1]"> <a href="https://app.joyboy.community" target='_blank'> Sign up</a></button>
             </li>
             <li>
-              <button className="py-[12px] w-[145px] bg-white text-black">Log in</button>
-            </li>
+              <button className="py-[12px] w-[145px] bg-white text-black"><a  href="https://app.joyboy.community" target='_blank'> Log in </a> </button>
+            </li> */}
           </ul>
         </motion.div>
       </div>

diff --git a/website/src/app/components/Navbar.tsx b/website/src/app/components/Navbar.tsx
@@ -18,10 +18,10 @@ export function Navbar() {
         </Link>
       </div>
       <NavigationLinks />
-      <div className="desktop:flex hidden items-center gap-x-4 font-bold text-sm leading-[16px]">
+      {/* <div className="desktop:flex hidden items-center gap-x-4 font-bold text-sm leading-[16px]">
         <button className="py-[15px] px-[48px] bg-[#8DAEF1]"><a href="https://app.joyboy.community" target='_blank'>Sign up</a></button>
         <button className="py-[15px] px-[48px] bg-white"><a href="https://app.joyboy.community" target='_blank'>Log in</a></button>
-      </div>
+      </div> */}
       <button
         className="flex desktop:hidden"
         onClick={() => {