diff --git a/dev/nextjs-project/data/page2.html b/dev/nextjs-project/data/page2.html
new file mode 100644
index 00000000..12ab2dc1
--- /dev/null
+++ b/dev/nextjs-project/data/page2.html
@@ -0,0 +1,30 @@
+<section class="bg-gray-50">
+  <div class="mx-auto max-w-screen-xl px-4 py-32 lg:flex lg:h-screen lg:items-center">
+    <div class="mx-auto max-w-xl text-center">
+      <h1 class="text-3xl font-extrabold sm:text-5xl">
+        Understand User Flow.
+        <strong class="font-extrabold text-red-700 sm:block"> Increase Conversion. </strong>
+      </h1>
+
+      <p class="mt-4 sm:text-xl sm:leading-relaxed">
+        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt illo tenetur fuga ducimus numquam ea!
+      </p>
+
+      <div class="mt-8 flex flex-wrap justify-center gap-4">
+        <a
+          class="block w-full rounded bg-red-600 px-12 py-3 text-sm font-medium text-white shadow hover:bg-red-700 focus:outline-none focus:ring active:bg-red-500 sm:w-auto cursor-pointer"
+          href="/get-started"
+        >
+          Get Started
+        </a>
+
+        <a
+          class="block w-full rounded px-12 py-3 text-sm font-medium text-red-600 shadow hover:text-red-700 focus:outline-none focus:ring active:text-red-500 sm:w-auto cursor-pointer"
+          href="/about"
+        >
+          Learn More
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/dev/nextjs-project/pages/page2.js b/dev/nextjs-project/pages/page2.js
new file mode 100644
index 00000000..918ec3de
--- /dev/null
+++ b/dev/nextjs-project/pages/page2.js
@@ -0,0 +1,11 @@
+export { getStaticProps } from 'destack/build/server'
+import { ContentProvider } from 'destack'
+
+const Index = (props) => {
+  return (
+    <div style={{ height: '100%' }}>
+      <ContentProvider {...props} />
+    </div>
+  )
+}
+export default Index