commit init

package.json

@@ -9,9 +9,12 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "react": "^18",
-    "react-dom": "^18",
-    "next": "14.0.4"
+    "next": "14.0.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1",
+    "swiper": "^11.1.4"
   },
   "devDependencies": {
     "eslint": "^8",

src/app/(auth)/login/page.jsx

@@ -0,0 +1,7 @@
+const LoginPage = () => {
+    return (
+        <div>LoginPage</div>
+    )
+}
+
+export default LoginPage

src/app/about/about.module.css

@@ -0,0 +1,61 @@
+.container {
+display: flex;
+gap: 100px;
+}
+
+.textContainer {
+flex: 1;
+display: flex;
+flex-direction: column;
+gap: 50px;
+}
+
+.subtitle{
+color:var(--btn)
+}
+
+.title{
+font-size: 54px;
+}
+
+.desc{
+font-size: 15px;
+font-weight: 300;
+}
+
+.boxes{
+display: flex;
+align-items: center;
+justify-content: space-between;
+}
+
+.box{
+display: flex;
+flex-direction: column;
+gap: 10px;
+}
+
+.box h1{
+color: var(--btn);
+}
+
+.imgContainer {
+flex: 1;
+position: relative;
+}
+
+.img{
+object-fit: contain;
+}
+
+@media (max-width: 768px) {
+.container {
+    flex-direction: column;
+    text-align: center;
+}
+
+.boxes{
+    flex-direction: column;
+    gap: 50px;
+}
+}

src/app/about/page.jsx

@@ -0,0 +1,50 @@
+import Image from "next/image";
+import styles from "./about.module.css";
+
+export const metadata = {
+title: "About Page",
+description: "About description",
+};
+
+
+const AboutPage = () => {
+
+return (
+<div className={styles.container}>
+    <div className={styles.textContainer}>
+    <h2 className={styles.subtitle}>Welcome to ParkEase!</h2>
+    <h1 className={styles.title}>
+        We are all about making parking hassle-free and efficient for all.
+    </h1>
+    <p className={styles.desc}>
+    ParkEase was born out of the frustration of finding and paying for parking in busy urban areas. 
+    With a focus on user convenience and security, ParkEase was developed to streamline the parking process and enhance the overall experience.
+    </p>
+    <div className={styles.boxes}>
+        <div className={styles.box}>
+        <h1>100%</h1>
+        <p>Transparent pricing with no hidden fees</p>
+        </div>
+        <div className={styles.box}>
+        <h1>95%</h1>
+        <p>Of users find a parking spot within 5 minutes</p>
+        </div>
+        <div className={styles.box}>
+        <h1>1 K+</h1>
+        <p>Parking spots monitored in real-time</p>
+        </div>
+    </div>
+    </div>
+    <div className={styles.imgContainer}>
+    <Image
+        src="/about.png"
+        alt="About Image"
+        fill
+        className={styles.img}
+    />
+    </div>
+</div>
+);
+};
+
+export default AboutPage;

src/app/admin/page.jsx

@@ -0,0 +1,7 @@
+const AdminPage = () => {
+    return (
+        <div>AdminPage</div>
+    )
+}
+
+export default AdminPage