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}>
+<InfiniteSlider gap={48} duration={120}>
   {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'
+        'h-10 w-auto flex-shrink-0 pointer-events-none select-none',
+        isDark ? 'invert opacity-40' : 'opacity-30'
       )}
     />
   ))}
-        </InfiniteSlider>
+</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,