diff --git a/website/src/components/carousel-demo.tsx b/website/src/components/carousel-demo.tsx
index 99b5fdb9..8c553888 100644
--- a/website/src/components/carousel-demo.tsx
+++ b/website/src/components/carousel-demo.tsx
@@ -32,13 +32,13 @@ function DemoCard({ title, description, imageSrc, price }) {
 }
 
 export const CarouselDemo = () => (
-  <div className="">
+  <div id="demo">
     <div className="flex flex-col text-left mx-16 lg:mx-32 xl:mx-64 my-auto py-12">
       <LandingDivider />
       <h2 className="my-8 text-4xl font-semibold">Carousel Demo</h2>
       <p className="text-lg max-w-prose">
-        This carousel library is small but mighty! Here's this demo of product
-        cards turned into a carousel with a few simple lines!
+        This carousel library is small but mighty! Here&apos;s this demo of
+        product cards turned into a carousel with a few simple lines!
       </p>
     </div>
     <div className="mx-16 lg:mx-32 xl:mx-64">
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index e118b844..2ac62b3f 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -22,7 +22,7 @@ export default function Index() {
           easily customizable UI and behavior to fit your brand and site."
           copyText="pnpm add nuka-carousel"
           navItems={[
-            { link: '/docs', title: 'Documentation' },
+            { link: '/open-source/nuka-carousel/docs', title: 'Documentation' },
             { link: '#demo', title: 'Demo' },
             {
               link: 'https://github.com/FormidableLabs/nuka-carousel',
@@ -59,7 +59,7 @@ export default function Index() {
         showDivider
         heading="Get Started"
         body="Build a performative, fully accessible and customizable carousel today!"
-        cta={{ link: '/docs', text: 'Documentation' }}
+        cta={{ link: '/open-source/nuka-carousel/docs', text: 'Documentation' }}
       />
       <LandingFeaturedProjects
         heading="Other Open Source from Nearform_Commerce"