Merge pull request #20 from 4lysson-a/dev

Dev

website/src/app/page.tsx

@@ -20,7 +20,7 @@ export default function Home() {
 						c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
 						t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
 						y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-					})(window, document, "clarity", "script", "lkv3zmtuoz");`}
+					})(window, document, "clarity", "script", ${process.env.CLARITY_ID});`}
 			</Script>
 
 			<main className='w-full h-full flex flex-col gap-20'>

website/src/components/layout/Header/Desktop/index.tsx

@@ -1,49 +1,57 @@
 import LogoAnimation from '@/components/animations/Logo';
 import sty from '@/utils/sty';
 import clsx from 'clsx';
-import Button from '../shared/Button';
-import { WHATSAPP_NUMBER_LINK, openWhatsapp } from '@/constants/whatsapp';
+import { WHATSAPP_NUMBER_LINK } from '@/constants/whatsapp';
 import Link from 'next/link';
+import { CADASTRO_APP_LINK } from '@/constants/links';
 
 function Item({ ...rest }) {
-	return (
-		<div
-			className={sty(
-				rest.className,
-				'active:after:h-full',
-				'after:absolute after:bg-primary after:opacity-0 after:-bottom-0',
-				'after:z-[-1] after:rounded-sm after:left-[-5px] after:w-[calc(100%_+_10px)]',
-				'after:h-[2px] hover:after:h-[50%] hover:cursor-pointer hover:after:opacity-100'
-			)}>
-			<p className='duration-100 text-secondary'>{rest.children}</p>
-		</div>
-	);
+  return (
+    <div
+      className={sty(
+        rest.className,
+        'active:after:h-full',
+        'after:absolute after:bg-primary after:opacity-0 after:-bottom-0',
+        'after:z-[-1] after:rounded-sm after:left-[-5px] after:w-[calc(100%_+_10px)]',
+        'after:h-[2px] hover:after:h-[50%] hover:cursor-pointer hover:after:opacity-100'
+      )}>
+      <p className='duration-100 text-secondary'>{rest.children}</p>
+    </div>
+  );
 }
 
 export default function HeaderDesktop() {
-	return (
-		<header className='pb-56 hidden select-none lg:block'>
-			<div
-				className={clsx(
-					'pl-24 pr-24 w-[95%]',
-					'flex flex-row items-center justify-between',
-					'bg-white shadow-lg  rounded-full border ',
-					'absolute top-10 left-1/2 -translate-x-1/2 opacity-0 header-fadein'
-				)}>
-				<LogoAnimation className='scale-95 cursor-pointer active:scale-90' />
+  return (
+    <header className='pb-56 hidden select-none lg:block'>
+      <div
+        className={clsx(
+          'pl-24 pr-24 w-[95%]',
+          'flex flex-row items-center justify-between',
+          'bg-white shadow-lg  rounded-full border ',
+          'absolute top-10 left-1/2 -translate-x-1/2 opacity-0 header-fadein'
+        )}>
+        <LogoAnimation className='scale-95 cursor-pointer active:scale-90' />
 
-				<div className={sty('flex items-center flex-row gap-10 *:opacity-0 *:animate-fade-up *:animate-fill-forwards *:animate-duration-300')}>
-					<Link href='#price'>
-						<Item className='!animate-delay-150'>Preço</Item>
-					</Link>
-					<Link
-						target='_blank'
-						href={WHATSAPP_NUMBER_LINK}>
-						<Item className='!animate-delay-200'>Contato</Item>
-					</Link>
-					<Link target="_blank" href="https://tanamao-app.vercel.app/dash/auth/signup" className='!animate-delay-500'>Testar agora</Link>
-				</div>
-			</div>
-		</header>
-	);
+        <div
+          className={sty(
+            'flex items-center flex-row gap-10 *:opacity-0 *:animate-fade-up *:animate-fill-forwards *:animate-duration-300'
+          )}>
+          <Link href='#price'>
+            <Item className='!animate-delay-150'>Preço</Item>
+          </Link>
+          <Link
+            target='_blank'
+            href={WHATSAPP_NUMBER_LINK}>
+            <Item className='!animate-delay-200'>Contato</Item>
+          </Link>
+          <Link
+            target='_blank'
+            href={CADASTRO_APP_LINK}
+            className='!animate-delay-500'>
+            Testar agora
+          </Link>
+        </div>
+      </div>
+    </header>
+  );
 }

website/src/components/layout/Sections/Insta/index.tsx

@@ -31,12 +31,12 @@ export default function Insta() {
 
 				<div className='rounded-[30px] lg:rounded-[40px] w-full h-full relative lg:w-[400px] lg:h-[600px] overflow-hidden'>
 					<Image
-						width={400}
+						width={800}
 						height={600}
 						alt='Instagram'
 						content='Instagram Image'
 						className='w-full h-full'
-						src='https://source.unsplash.com/random/400x600?cake'
+						src='/cake.jpg'
 					/>
 
 					<InstaSVG className='absolute top-7 right-7 w-14 h-14' />