fix: text-loop examples path

ibelick · Jan 9, 2025 · b5d9338 · b5d9338
1 parent e3c7b99
commit b5d9338
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,13 @@
-![hero](/app/opengraph-image.jpg)
-
 # Motion-Primitives
 
 Beautifully designed, easy-to-integrate motion components for engineers and designers, built with [motion](https://motion.dev/) and [Tailwind CSS](https://tailwindcss.com/).
 
 **This project is in beta. Expect new components to be released regularly and significant updates to the code.**
 
+<p align="center">
+<img src="https://raw.githubusercontent.com/ibelick/motion-primitives/main/app/opengraph-image.jpg" alt="hero" width="80%" />
+</p>
+
 ## Documentation
 
 Visit [motion-primitives.com/docs](http://motion-primitives.com/docs) to view the full documentation.

diff --git a/app/docs/spotlight/spotlight-basic.tsx b/app/docs/spotlight/spotlight-basic.tsx
@@ -24,8 +24,8 @@ export function SpotlightBasic() {
         >
           <path
             stroke='currentColor'
-            stroke-linecap='round'
-            stroke-width='3'
+            strokeLinecap='round'
+            strokeWidth='3'
             d='M51.883 26.495c-7.277-4.124-18.08-7.004-26.519-7.425-2.357-.118-4.407-.244-6.364 1.06M59.642 51c-10.47-7.25-26.594-13.426-39.514-15.664-3.61-.625-6.744-1.202-9.991.263'
           ></path>
         </svg>

diff --git a/app/docs/text-loop/page.mdx b/app/docs/text-loop/page.mdx
@@ -20,15 +20,15 @@ Text animation that transitions between multiple items, creating an engaging loo
 
 <ComponentCodePreview
   component={<TextLoopBasic />}
-  filePath='components/core/text-loop.tsx'
+  filePath='app/docs/text-loop/text-loop-basic.tsx'
   classNameComponentContainer='min-h-0 py-12 px-12 justify-start items-start'
 />
 
 ### Text Loop with custom variants and transition
 
 <ComponentCodePreview
   component={<TextLoopCustomVariantsTransition />}
-  filePath='components/core/text-loop.tsx'
+  filePath='app/docs/text-loop/text-loop-custom-variants-transition.tsx'
   classNameComponentContainer='min-h-0 py-12 px-12 justify-start items-start'
 />
 
@@ -38,7 +38,7 @@ You can use the `onIndexChange` prop to trigger a callback function when the ind
 
 <ComponentCodePreview
   component={<TextLoopOnIndexChange />}
-  filePath='components/core/text-loop.tsx'
+  filePath='app/docs/text-loop/text-loop-on-index.tsx'
   classNameComponentContainer='min-h-[124px] py-12 px-12 justify-start items-start'
 />