hero

src/blocks/SkillsMarquee/Component.tsx

@@ -77,19 +77,19 @@ export function SkillsMarqueeBlock({ heading }: SkillsMarqueeBlockProps) {
         {heading || 'Skills'}
       </p>
       <div className="[mask-image:linear-gradient(to_right,transparent,black,transparent)]">
-        <InfiniteSlider gap={42} duration={35}>
-          {LOGOS.map((l) => (
-            <img
-              key={l.alt}
-              src={l.src}
-              alt={l.alt}
-              className={cn(
-                'h-5 w-auto flex-shrink-0 pointer-events-none select-none',
-                isDark ? 'brightness-0 invert opacity-30' : 'brightness-0 opacity-25'
-              )}
-            />
-          ))}
-        </InfiniteSlider>
+<InfiniteSlider gap={48} duration={120}>
+  {LOGOS.map((l) => (
+    <img
+      key={l.alt}
+      src={l.src}
+      alt={l.alt}
+      className={cn(
+        'h-10 w-auto flex-shrink-0 pointer-events-none select-none',
+        isDark ? 'invert opacity-40' : 'opacity-30'
+      )}
+    />
+  ))}
+</InfiniteSlider>
       </div>
     </section>
   )

src/utilities/generateMeta.ts

@@ -27,8 +27,8 @@ export const generateMeta = async (args: {
   const ogImage = getImageURL(doc?.meta?.image)
 
   const title = doc?.meta?.title
-    ? doc?.meta?.title + ' | Payload Website Template'
-    : 'Payload Website Template'
+    ? doc?.meta?.title + ' | ByMackie'
+    : 'ByMackie'
 
   return {
     description: doc?.meta?.description,
@@ -46,4 +46,4 @@ export const generateMeta = async (args: {
     }),
     title,
   }
-}
+}