Initial Commit

app/lessons/unit-4-ratio-proportion/divide-in-ratio/page.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { Breadcrumbs } from "@/components/layout/breadcrumbs";
+import { RatioExplorer } from "@/components/explorers/ratio-explorer";
+
+export default function DivideInRatioPage() {
+  return (
+    <div className="space-y-8">
+      <Breadcrumbs
+        items={[
+          { label: "Lessons", href: "/lessons" },
+          { label: "Unit 4: Ratio & Proportion", href: "/lessons/unit-4-ratio-proportion" },
+          { label: "Divide in Ratio" },
+        ]}
+      />
+
+      <h1 className="text-3xl font-bold tracking-tight">Divide a Quantity in a Given Ratio</h1>
+
+      <RatioExplorer />
+    </div>
+  );
+}