Update texts and links

src/app/components/AboutSection.tsx

@@ -12,7 +12,7 @@ export default function AboutSection() {
     range: { min: 150, max: 320 },
   })
 
-  const identifiersValue = calculateProgressiveNumber({
+  const proofsValue = calculateProgressiveNumber({
     startNumber: 81055,
     startDate: new Date('2024-05-13'),
     range: { min: 260, max: 530 },
@@ -29,13 +29,13 @@ export default function AboutSection() {
         className='z-10 w-74'
       />
       <div
-        className='z-20 -mt-42 flex w-full max-w-[840px] flex-col items-center gap-20 lg:-mt-32'
+        className='z-20 -mt-42 flex w-full max-w-[910px] flex-col items-center gap-20 lg:-mt-32'
         data-aos='fade-up'
       >
         <div className='flex flex-col items-center gap-6'>
           <p className='text-center text-h4 text-text-primary lg:text-h3'>
-            Reclaim your online privacy as incognito, making your activity
-            invisible and unlinkable to you
+            Reclaim your privacy and unlock the incognito mode through
+            zero-knowledge proofs
           </p>
         </div>
         <div className='flex w-full max-w-[400px] justify-between'>
@@ -47,10 +47,10 @@ export default function AboutSection() {
             />
           </div>
           <div className='flex flex-col items-center gap-6'>
-            <p className='text-subtitle3 text-text-secondary'>Identifiers</p>
+            <p className='text-subtitle3 text-text-secondary'>Proofs</p>
             <AnimatedNumber
               className='w-40 text-center text-h4 text-primary-dark'
-              value={identifiersValue}
+              value={proofsValue}
             />
           </div>
         </div>

src/app/components/AirdropCard.tsx

@@ -7,21 +7,19 @@ export default function AirdropCard() {
         alt='Airdrop Section'
       />
       <div className='flex h-16 w-16 items-center justify-center rounded-full bg-background-component px-5 py-6 lg:h-18 lg:w-18'>
-        <span className='text-2xl'>🇺🇦</span>
+        <span className='text-h5'>🇺🇦</span>
       </div>
-      <div className='z-10 flex max-w-[820px] flex-col gap-4 lg:gap-6'>
+      <div className='z-10 flex max-w-[840px] flex-col gap-4 lg:gap-6'>
         <p className='text-subtitle3 text-[#F6CF02] lg:text-subtitle1'>
           Programmable Airdrop
         </p>
-        <p className='max-w-[720px] text-h5 lg:text-h4'>
-          The beta launch includes the distribution of additional tokens to
-          Ukrainian citizens
+        <p className='max-w-[640px] text-h5 lg:text-h4'>
+          The beta launch includes a humanitarian airdrop to Ukrainian citizens
         </p>
         <p className='text-body3 opacity-50 lg:text-body2'>
-          This airdrop is part of a humanitarian effort to help direct funds
-          towards Ukraine. It showcases Rarimo’s identity infrastructure and how
-          it can be used by projects and organizations to directly reach
-          civilians
+          This airdrop is part of a humanitarian effort to help direct towards
+          Ukraine. It showcases Rarimo’s identity infrastructure and how it can
+          be used by projects and organizations to reach civilians directly
         </p>
         <div className='mt-2 flex items-center gap-4 lg:mt-4 lg:gap-10'>
           <p className='text-body3 opacity-50 lg:text-body2'>Distributing:</p>

src/app/components/CardsSection.tsx

@@ -30,7 +30,7 @@ export default function CardsSection() {
       className='flex flex-col gap-5 lg:gap-50'
     >
       <div className='sticky bottom-10 z-10'>
-        <AirdropCard />
+        <PassportsCard />
       </div>
       <div
         className='sticky bottom-5'
@@ -39,7 +39,7 @@ export default function CardsSection() {
           transformOrigin: 'center bottom',
         }}
       >
-        <PassportsCard />
+        <AirdropCard />
       </div>
     </Container>
   )

src/app/components/HeroSection.tsx

@@ -33,8 +33,8 @@ export default function HeroSection() {
               GO INCOGNITO
             </h1>
             <p className='max-w-[720px] text-body2 text-text-secondary lg:text-body1'>
-              RariMe is a self-custody identity wallet, that unlocks fully
-              private but verifiable identity in the digital world
+              RariMe is a self-custody identity wallet, that unlocks private but
+              verifiable identities
             </p>
             <AppStoreLinks className='mt-4' />
           </div>

src/app/components/MetamaskSection.tsx

@@ -18,13 +18,13 @@ export default function MetamaskSection() {
           />
           <span className='hidden text-h6 lg:block'>MetaMask extension</span>
         </div>
-        <div className='z-10 flex max-w-[700px] flex-col gap-6 lg:gap-10'>
+        <div className='z-10 flex max-w-[640px] flex-col gap-6 lg:gap-10'>
           <div className='flex flex-col gap-4 lg:gap-6'>
             <p className='text-h5 lg:text-h4'>
-              Use your RariMe seamlessly across web3 via MetaMask
+              Use your RariMe seamlessly across web via MetaMask
             </p>
             <p className='text-subtitle3 opacity-50 lg:text-subtitle1'>
-              Your identity and crypto lives in a single place
+              Your identity and crypto live in a single place
             </p>
           </div>
           <Button

src/app/components/PassportsCard.tsx

@@ -21,14 +21,15 @@ export default function PassportsCard() {
       <div className='flex h-16 w-16 items-center justify-center rounded-full bg-white bg-opacity-5 lg:h-18 lg:w-18'>
         <ChipIcon className='h-6 w-6 text-white' />
       </div>
-      <div className='z-10 flex max-w-[700px] flex-col gap-6 lg:gap-10'>
+      <div className='z-10 flex max-w-[820px] flex-col gap-6 lg:gap-10'>
         <div className='flex flex-col gap-4 lg:gap-6'>
           <p className='text-subtitle3 opacity-50 lg:text-subtitle1'>
             ZK Passport
           </p>
-          <p className='text-h5 lg:text-h4'>
-            Convert your passport into an incognito ID and keep your activities
-            private and untraceable
+          <p className='text-h6 lg:text-h4'>
+            Get started by converting your passport into an incognito profile
+            and generate zero-knowledge proofs that prove your age, citizenship,
+            or humanity
           </p>
         </div>
         <Button

src/app/components/RewardsSection.tsx

@@ -10,15 +10,14 @@ export default function RewardsSection() {
     >
       <div className='flex flex-col gap-4 lg:gap-6'>
         <h2 className='text-subtitle1 text-text-secondary'>Rewards</h2>
-        <p className='max-w-[860px] text-h4 text-text-primary lg:text-h3'>
-          Earn rewards by using the app and verifying your identity across
-          different platforms
+        <p className='max-w-[540px] text-h4 text-text-primary lg:text-h3'>
+          Earn early user rewards and get exclusive airdrops
         </p>
       </div>
       <div className='flex flex-col gap-6 md:grid md:grid-cols-2'>
         <div className='relative flex flex-col gap-6 rounded-xl bg-background-component p-6 lg:h-[450px] lg:gap-0 lg:p-8'>
           <h3 className='max-w-[428px] text-md-medium text-text-primary lg:text-lg-medium'>
-            Receive exclusive airdrops via referral program
+            Join the referral program and receive reserve tokens
           </h3>
           <div className='bottom-10 left-10 right-10 lg:absolute'>
             <img src='/images/home/rewards-tasks.png' alt='Rewards Tasks' />

src/common/AppStoreLinks.tsx

@@ -4,32 +4,25 @@ export default function AppStoreLinks({ className }: { className?: string }) {
   const links = [
     {
       label: 'App Store',
-      // TODO: Update App Store link
-      href: 'https://www.apple.com/app-store/',
+      href: 'https://apps.apple.com/app/rarime/id6503300598',
       img: '/images/app-store.svg',
-      isDisabled: true,
     },
     {
       label: 'Google Play',
-      // TODO: Update Google Play link
-      href: 'https://play.google.com/store',
+      href: 'https://play.google.com/store/apps/details?id=com.rarilabs.rarime',
       img: '/images/google-play.svg',
-      isDisabled: true,
     },
   ]
 
   return (
     <div className={cn('flex h-max gap-4', className)}>
-      {links.map(({ label, href, img, isDisabled }, index) => (
+      {links.map(({ label, href, img }, index) => (
         <a
           key={index}
           href={href}
           target='_blank'
           rel='noreferrer'
-          className={cn(
-            'transition-transform duration-300 ease-in-out',
-            isDisabled ? 'pointer-events-none opacity-50' : 'hover:scale-110',
-          )}
+          className='transition-transform duration-300 ease-in-out hover:scale-110'
         >
           <img className='h-10' src={img} alt={label} />
         </a>