Merge pull request #32 from Utkarsh-Singhal-26/fix/typos

fix: typos in Meta Balls & Rotating Text

src/constants/code/Animations/metaBallsCode.ts

@@ -6,16 +6,16 @@ export const metaBalls: CodeObject = {
   installation: `npm i ogl`,
   usage: `<template>
     <MetaBalls
-        color="color"
-        cursorBallColor="cursorBallColor"
-        :cursorBallSize="cursorBallSize"
-        :ballCount="ballCount"
-        :animationSize="animationSize"
-        :enableMouseInteraction="enableMouseInteraction"
+        color="#27ff64"
+        cursorBallColor="#27ff64"
+        :cursorBallSize="2"
+        :ballCount="15"
+        :animationSize="30"
+        :enableMouseInteraction="true"
         :enableTransparency="true"
-        :hoverSmoothness="hoverSmoothness"
-        :clumpFactor="clumpFactor"
-        :speed="speed"
+        :hoverSmoothness="0.05"
+        :clumpFactor="1"
+        :speed="0.3"
     />
 </template>
 

src/constants/code/TextAnimations/rotatingTextCode.ts

@@ -14,7 +14,7 @@ export const rotatingText: CodeObject = {
       :exit="{ y: '-120%' }"
       :staggerDuration="0.025"
       splitLevelClassName="overflow-hidden pb-0.5 sm:pb-1 md:pb-1"
-      :transition="{ type: "spring", damping: 30, stiffness: 400 }"
+      :transition="{ type: 'spring', damping: 30, stiffness: 400 }"
       :rotationInterval="2000"
     />
 </template>