diff --git a/app/app/rhythm/page.tsx b/app/app/rhythm/page.tsx
new file mode 100644
index 000000000..538926465
--- /dev/null
+++ b/app/app/rhythm/page.tsx
@@ -0,0 +1,35 @@
+// app/rhythm/page.tsx
+import type { Metadata } from "next";
+import prayers from "../../data/rhythm.json";
+
+export const metadata: Metadata = {
+  title: "Daily Prayers — Rhythm",
+  description: "Simple daily prayers with optional audio.",
+};
+
+type Prayer = {
+  title: string;
+  text: string;
+  audio?: string;
+};
+
+export default function RhythmPage() {
+  const list = prayers as Prayer[];
+
+  return (
+    <main className="max-w-xl mx-auto p-6">
+      <h1 className="text-3xl font-bold text-center mb-6">Daily Prayers</h1>
+      <ul className="space-y-6">
+        {list.map((p, i) => (
+          <li key={i} className="border rounded-lg p-4">
+            <h2 className="text-xl font-semibold">{p.title}</h2>
+            <p className="mt-2 text-gray-600">{p.text}</p>
+            {!!p.audio && (
+              <audio className="w-full mt-3" preload="none" controls src={p.audio} />
+            )}
+          </li>
+        ))}
+      </ul>
+    </main>
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
index ffa40034c..650ef2e48 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,66 +1,35 @@
-import { Metadata } from "next"
-import { Button } from "components/Button/Button"
-
-import { LP_GRID_ITEMS } from "lp-items"
+// app/page.tsx
+import type { Metadata } from "next";
+import Link from "next/link";
 
 export const metadata: Metadata = {
-  title: "Next.js Enterprise Boilerplate",
-  twitter: {
-    card: "summary_large_image",
-  },
-  openGraph: {
-    url: "https://next-enterprise.vercel.app/",
-    images: [
-      {
-        width: 1200,
-        height: 630,
-        url: "https://raw.githubusercontent.com/Blazity/next-enterprise/main/.github/assets/project-logo.png",
-      },
-    ],
-  },
-}
+  title: "Sanctuary in Motion — Home",
+  description: "Your prayer rhythm companion.",
+};
 
-export default function Web() {
+export default function Home() {
   return (
-    <>
-      <section className="bg-white dark:bg-gray-900">
-        <div className="mx-auto grid max-w-(--breakpoint-xl) px-4 py-8 text-center lg:py-16">
-          <div className="mx-auto place-self-center">
-            <h1 className="mb-4 max-w-2xl text-4xl leading-none font-extrabold tracking-tight md:text-5xl xl:text-6xl dark:text-white">
-              Next.js Enterprise Boilerplate
-            </h1>
-            <p className="mb-6 max-w-2xl font-light text-gray-500 md:text-lg lg:mb-8 lg:text-xl dark:text-gray-400">
-              Jumpstart your enterprise project with our feature-packed, high-performance Next.js boilerplate!
-              Experience rapid UI development, AI-powered code reviews, and an extensive suite of tools for a smooth and
-              enjoyable development process.
-            </p>
-            <Button href="https://github.com/Blazity/next-enterprise" className="mr-3">
-              Get started
-            </Button>
-            <Button
-              href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
-              intent="secondary"
-            >
-              Deploy Now
-            </Button>
-          </div>
-        </div>
-      </section>
-      <section className="bg-white dark:bg-gray-900">
-        <div className="mx-auto max-w-(--breakpoint-xl) px-4 py-8 sm:py-16 lg:px-6">
-          <div className="justify-center space-y-8 md:grid md:grid-cols-2 md:gap-12 md:space-y-0 lg:grid-cols-3">
-            {LP_GRID_ITEMS.map((singleItem) => (
-              <div key={singleItem.title} className="flex flex-col items-center justify-center text-center">
-                <div className="bg-primary-100 dark:bg-primary-900 mb-4 flex size-10 items-center justify-center rounded-full p-1.5 text-blue-700 lg:size-12">
-                  {singleItem.icon}
-                </div>
-                <h3 className="mb-2 text-xl font-bold dark:text-white">{singleItem.title}</h3>
-                <p className="text-gray-500 dark:text-gray-400">{singleItem.description}</p>
-              </div>
-            ))}
-          </div>
-        </div>
-      </section>
-    </>
-  )
+    <main className="p-12 text-center">
+      <h1 className="text-4xl font-bold">Sanctuary in Motion</h1>
+      <p className="mt-4 text-lg text-gray-600">
+        Your prayer rhythm companion — starting here.
+      </p>
+
+      <div className="mt-8 flex items-center justify-center gap-4">
+        <Link
+          href="/rhythm"
+          className="px-6 py-3 rounded-lg bg-blue-600 text-white hover:bg-blue-700"
+        >
+          Go to Daily Prayers
+        </Link>
+
+        <Link
+          href="https://www.homeandfashion.love"
+          className="px-6 py-3 rounded-lg border border-gray-300 hover:bg-gray-50"
+        >
+          Home &amp; Fashion
+        </Link>
+      </div>
+    </main>
+  );
 }
diff --git a/data/rhythm.json b/data/rhythm.json
new file mode 100644
index 000000000..ac83e71fa
--- /dev/null
+++ b/data/rhythm.json
@@ -0,0 +1,17 @@
+[
+  {
+    "title": "Morning Prayer",
+    "text": "Lord, let me rise with your light today.",
+    "audio": "/audio/morning.mp3"
+  },
+  {
+    "title": "Midday Prayer",
+    "text": "Keep me steady in my work and centered in you.",
+    "audio": "/audio/midday.mp3"
+  },
+  {
+    "title": "Evening Prayer",
+    "text": "Bring me rest and peace tonight.",
+    "audio": "/audio/evening.mp3"
+  }
+]