feat: added the code for the wireframe for all the pages

app/home/page.tsx

@@ -0,0 +1,25 @@
+import Layout from "components/Layout";
+
+const Home: React.FC = () => {
+  return (
+    <Layout>
+      <section className="text-center bg-yellow-100 p-10">
+        <h1 className="text-4xl font-bold mb-4">A Pre-school and Daycare</h1>
+        <h2 className="text-2xl mb-6">for Free Thinkers</h2>
+        <img src="/plimages/slide.png" alt="Slide" className="mx-auto" />
+        <h1 className="text-xl italic mt-6">“This is a place where our child feels loved, valued, and excited to learn”</h1>
+      </section>
+      <section className="bg-white p-10">
+        <h2 className="text-3xl font-bold text-center mb-6">Our Overview</h2>
+        <div className="grid grid-cols-2 gap-4">
+          <div>Centres 130+</div>
+          <div>Children 130+</div>
+          <div>Faculty 600+</div>
+          <div>Decades 1</div>
+        </div>
+      </section>
+    </Layout>
+  );
+};
+
+export default Home;