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

components/Footer/index.tsx

@@ -0,0 +1,23 @@
+const Footer: React.FC = () => {
+  return (
+    <footer className="bg-gray-800 p-4 text-white text-center">
+      <div className="newsletter">
+        <input type="email" placeholder="Enter your email" className="p-2 mr-2" />
+        <button className="bg-blue-500 p-2">Subscribe</button>
+      </div>
+      <div className="contact-info mt-4">
+        <h3>Contact Us</h3>
+        <p>Email: <a href="mailto:enquiry@lilpals.com" className="text-blue-300">enquiry@lilpals.com</a></p>
+        <p>Phone: <a href="tel:+919972527072" className="text-blue-300">+91 99725 27072</a></p>
+        <p>Address: Learning Edge India Pvt Ltd, #2, Honeydew Mansion, Next to McDonald’s</p>
+      </div>
+      <div className="footer-links mt-4">
+        <a href="/terms-of-service" className="text-blue-300 mr-4">Terms of Service</a>
+        <a href="/my-account" className="text-blue-300 mr-4">My Account</a>
+        <a href="/refer-and-earn" className="text-blue-300">Refer & Earn</a>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;

components/Header/index.tsx

@@ -0,0 +1,24 @@
+import Link from 'next/link';
+
+const Header: React.FC = () => {
+  return (
+    <header className="bg-blue-500 flex justify-between items-center p-4">
+      <div className="left">
+        <img src="/plimages/Group1.png" alt="logo" className="w-12" />
+      </div>
+      <nav className="right">
+        <ul className="flex space-x-4">
+          <li><Link href="home">HOME</Link></li>
+          <li><Link href="about">ABOUT US</Link></li>
+          <li><Link href="programs">PROGRAMS</Link></li>
+          <li><Link href="curriculum">CURRICULUM</Link></li>
+          <li><Link href="admission">ADMISSION</Link></li>
+          <li><Link href="franchise">FRANCHISE</Link></li>
+          <li><Link href="blogs">BLOGS</Link></li>
+        </ul>
+      </nav>
+    </header>
+  );
+};
+
+export default Header;

components/Layout/index.tsx

@@ -0,0 +1,23 @@
+import Footer from 'components/Footer';
+import Header from 'components/Header';
+import { ReactNode } from 'react';
+import "styles/tailwind.css"
+
+
+interface LayoutProps {
+  children: ReactNode;
+}
+
+const Layout: React.FC<LayoutProps> = ({ children }) => {
+  return (
+    <div className="flex flex-col min-h-screen">
+      <Header />
+      <main className="flex-grow">
+        {children}
+      </main>
+      <Footer />
+    </div>
+  );
+};
+
+export default Layout;