feat: added all the pages
This commit is contained in:
Dev Singh
parent
c1f7b81cb6
commit
0cf6127810
7 changed files with 1030 additions and 102 deletions
|
|
@ -1,24 +1,205 @@
|
|||
// import Layout from "components/layout";
|
||||
|
||||
// const Admission: React.FC = () => {
|
||||
// return (
|
||||
// <Layout>
|
||||
// <section className="p-10 bg-red-50">
|
||||
// <h1 className="text-3xl font-bold mb-4">Admission Information</h1>
|
||||
// <p className="mt-4 text-lg">
|
||||
// We are excited to welcome new families to Lil Pals! Our admission process is simple and straightforward. Here’s how to apply:
|
||||
// </p>
|
||||
// <ol className="list-decimal ml-6 mt-4">
|
||||
// <li className="mb-2">Fill out the online application form.</li>
|
||||
// <li className="mb-2">Submit the required documents (birth certificate, vaccination records, etc.).</li>
|
||||
// <li className="mb-2">Schedule a visit or virtual tour of the school.</li>
|
||||
// <li className="mb-2">Attend an interview with our admissions team.</li>
|
||||
// </ol>
|
||||
// <p className="mt-4 text-lg">
|
||||
// We look forward to meeting you and your child. For more information, please contact us at <a href="mailto:admissions@lilpals.com" className="text-blue-500">admissions@lilpals.com</a>.
|
||||
// </p>
|
||||
// </section>
|
||||
// </Layout>
|
||||
// );
|
||||
// };
|
||||
|
||||
// export default Admission;
|
||||
|
||||
import Layout from "components/layout";
|
||||
import Head from 'next/head';
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const Admission: React.FC = () => {
|
||||
return (
|
||||
<Layout>
|
||||
<section className="p-10 bg-red-50">
|
||||
<h1 className="text-3xl font-bold mb-4">Admission Information</h1>
|
||||
<p className="mt-4 text-lg">
|
||||
We are excited to welcome new families to Lil Pals! Our admission process is simple and straightforward. Here’s how to apply:
|
||||
</p>
|
||||
<ol className="list-decimal ml-6 mt-4">
|
||||
<li className="mb-2">Fill out the online application form.</li>
|
||||
<li className="mb-2">Submit the required documents (birth certificate, vaccination records, etc.).</li>
|
||||
<li className="mb-2">Schedule a visit or virtual tour of the school.</li>
|
||||
<li className="mb-2">Attend an interview with our admissions team.</li>
|
||||
</ol>
|
||||
<p className="mt-4 text-lg">
|
||||
We look forward to meeting you and your child. For more information, please contact us at <a href="mailto:admissions@lilpals.com" className="text-blue-500">admissions@lilpals.com</a>.
|
||||
</p>
|
||||
</section>
|
||||
</Layout>
|
||||
<>
|
||||
<Head>
|
||||
{/* Include the Caveat Brush font */}
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
</Head>
|
||||
<Layout>
|
||||
{/* Background Section */}
|
||||
<section
|
||||
className="bg-cover bg-center h-[650px] flex items-center justify-center text-white"
|
||||
style={{
|
||||
backgroundImage: "url('/image 12.png')",
|
||||
fontFamily: "'Caveat Brush', cursive",
|
||||
}}
|
||||
>
|
||||
{/* Registration Form */}
|
||||
<div className="bg-white p-6 rounded-lg shadow-lg w-[300px] mt-10">
|
||||
<h2
|
||||
className="text-[#e84946] text-2xl mb-4 flex items-center gap-2"
|
||||
style={{ fontFamily: "'Caveat Brush', cursive" }}
|
||||
>
|
||||
Register Now
|
||||
</h2>
|
||||
<form action="#">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Student Name"
|
||||
required
|
||||
className="w-full p-2 mb-3 border border-gray-300 rounded"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Parent Name"
|
||||
required
|
||||
className="w-full p-2 mb-3 border border-gray-300 rounded"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Area you're Located"
|
||||
required
|
||||
className="w-full p-2 mb-3 border border-gray-300 rounded"
|
||||
/>
|
||||
<input
|
||||
type="tel"
|
||||
placeholder="Phone No."
|
||||
required
|
||||
className="w-full p-2 mb-3 border border-gray-300 rounded"
|
||||
/>
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Email Id"
|
||||
required
|
||||
className="w-full p-2 mb-3 border border-gray-300 rounded"
|
||||
/>
|
||||
<select
|
||||
required
|
||||
className="w-full p-2 mb-3 border border-gray-300 rounded"
|
||||
>
|
||||
<option value="" disabled selected>
|
||||
Select Program
|
||||
</option>
|
||||
<option value="program1">Program 1</option>
|
||||
<option value="program2">Program 2</option>
|
||||
</select>
|
||||
<button
|
||||
type="submit"
|
||||
className="bg-[#f4a5a1] text-white p-2 w-full rounded flex justify-center items-center hover:bg-[#e84946]"
|
||||
>
|
||||
Enquire Now
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Admission Process Section */}
|
||||
<section
|
||||
className="bg-gradient-to-b from-[#ff91b7] to-[#ff1379] text-white text-center p-10"
|
||||
style={{ fontFamily: "'Caveat Brush', cursive" }}
|
||||
>
|
||||
<div className="flex flex-col items-center mb-10">
|
||||
<h1 className="text-4xl font-bold mb-4">Admission Process</h1>
|
||||
<Image
|
||||
src="/done mark.png"
|
||||
alt="Checkmark Icon"
|
||||
className="w-12"
|
||||
height={250}
|
||||
width={250}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Steps */}
|
||||
<div className="flex flex-col md:flex-row justify-around mb-10">
|
||||
{/* Step 1 */}
|
||||
<div className="w-full md:w-1/2 text-center mb-8 md:mb-0">
|
||||
<Image
|
||||
src="/Group 15.png"
|
||||
alt="Step 1"
|
||||
className="w-36 mx-auto mb-4 shadow-lg"
|
||||
height={250}
|
||||
width={250}
|
||||
/>
|
||||
<div className="px-4">
|
||||
<h2 className="text-2xl mb-2 uppercase">Identifying the Right Program</h2>
|
||||
<p className="text-base mb-2">
|
||||
Fill out our online inquiry form to express your interest.
|
||||
</p>
|
||||
<p className="text-base">
|
||||
Come visit our campus and meet with our admissions team.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Step 2 */}
|
||||
<div className="w-full md:w-1/2 text-center">
|
||||
<Image
|
||||
src="/Group 16.png"
|
||||
alt="Step 2"
|
||||
className="w-36 mx-auto mb-4 shadow-lg"
|
||||
height={250}
|
||||
width={250}
|
||||
/>
|
||||
<div className="px-4">
|
||||
<h2 className="text-2xl mb-2 uppercase">Submit an Application</h2>
|
||||
<p className="text-base mb-2">
|
||||
Complete our online application form and provide the necessary documents.
|
||||
</p>
|
||||
<p className="text-base mb-2">
|
||||
Meet with our admissions team for an interview.
|
||||
</p>
|
||||
<p className="text-base mb-2">
|
||||
We will notify you of our decision within weeks of your application.
|
||||
</p>
|
||||
<p className="text-base">
|
||||
Once accepted, complete the enrollment process to secure your spot.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div className="mt-10">
|
||||
<p className="text-base mb-4">
|
||||
For more information or to schedule a visit, please contact our admissions office at 080 46221344 or EMAIL.
|
||||
</p>
|
||||
<p className="text-base mb-4">
|
||||
We look forward to welcoming you to our community!
|
||||
</p>
|
||||
<div className="flex justify-center items-center gap-4">
|
||||
<Image
|
||||
src="/purple scribble.png"
|
||||
alt="Purple Scribble"
|
||||
className="w-40 h-auto"
|
||||
height={250}
|
||||
width={250}
|
||||
/>
|
||||
<Image
|
||||
src="/pink candy.png"
|
||||
alt="Pink Candy"
|
||||
className="w-40 h-auto"
|
||||
height={250}
|
||||
width={250}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue