Skip to content

Commit 357bead

Browse files
AnkitRajCodeAnkitRajCode
committed
index done
1 parent 39423ba commit 357bead

File tree

22 files changed

+253
-227
lines changed

22 files changed

+253
-227
lines changed

‎components/Footer.js‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,6 @@
1-
import React from 'react'
2-
31
const Footer = () => {
42
return (
5-
<div className='px-20 h-screen w-full bg-cover bg-center' style={{backgroundImage:'url(/Images/footer.svg)'}} >
6-
Footer
7-
</div>
3+
<></>
84
)
95
}
106

‎components/Landing/Aboutus.js‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import React from 'react'
2+
import Image from 'next/image'
3+
4+
const Aboutus = () => {
5+
return (
6+
<div className="flex w-full justify-around pt-20 pb-40">
7+
<div className="w-[500px] h-[390px] p-12 bg-contain bg-center bg-no-repeat" style={{backgroundImage:'url(/Images/aboutCard.svg)'}}>
8+
<div className='text-4xl font-bold '>About Us</div>
9+
<div className='mt-4 text-slate-300 text-justify'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
10+
</div>
11+
12+
<div className="w-[500px] h-[390px] px-12 py-5 bg-contain bg-center bg-no-repeat" style={{backgroundImage:'url(/Images/aboutCard.svg)'}}>
13+
<div className='flex justify-between items-center'>
14+
<div className='text-xl font-semibold'>Service Locations</div>
15+
<Image src="/Images/service.svg" width="100%" height="100%" alt="service" />
16+
</div>
17+
<div className='flex justify-between flex-wrap'>
18+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
19+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
20+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md mt-5'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
21+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md mt-5'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
22+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md mt-5'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
23+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md mt-5'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
24+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md mt-5'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
25+
<div className='w-40 px-4 py-1 bg-service rounded-md drop-shadow-md mt-5'><i className="fa-solid fa-location-dot mr-2"></i> Purnea</div>
26+
</div>
27+
</div>
28+
29+
</div>
30+
)
31+
}
32+
33+
export default Aboutus

‎components/Landing/Gallary.js‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import React from 'react'
2+
3+
const Gallary = () => {
4+
return (
5+
<div>
6+
<div className='flex mb-10'>
7+
<div className='w-[640px] h-40 bg-cover bg-center ' style={{backgroundImage:'url(/Bus/bus4.jpg)'}}></div>
8+
<div className='w-[300px] h-40 bg-cover bg-center ml-16' style={{backgroundImage:'url(/Bus/bus1.jpg)'}}></div>
9+
<div className='w-[300px] h-40 bg-cover bg-center ml-10' style={{backgroundImage:'url(/Bus/bus7.jpg)'}}></div>
10+
</div>
11+
<div className='flex mb-40'>
12+
<div className='flex flex-col'>
13+
<div className='w-[300px] h-40 bg-cover bg-center ' style={{backgroundImage:'url(/Bus/bus4.jpg)'}}></div>
14+
<div className='w-[300px] h-40 bg-cover bg-center mt-10' style={{backgroundImage:'url(/Bus/bus5.jpg)'}}></div>
15+
</div>
16+
<div className='w-[300px] h-[360px] ml-10 bg-cover bg-center' style={{backgroundImage:'url(/Bus/bus2.jpg)'}}></div>
17+
<div className='ml-16'>
18+
<div className='w-[640px] h-40 bg-cover bg-center ' style={{backgroundImage:'url(/Bus/bus4.jpg)'}}></div>
19+
<div className='flex mt-10'>
20+
<div className='w-[300px] h-40 bg-cover bg-center ' style={{backgroundImage:'url(/Bus/bus6.jpg)'}}></div>
21+
<div className='w-[300px] h-40 bg-cover bg-center ml-10' style={{backgroundImage:'url(/Bus/bus3.jpg)'}}></div>
22+
</div>
23+
</div>
24+
</div>
25+
26+
</div>
27+
)
28+
}
29+
30+
export default Gallary

‎components/Landing/Header.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import React from 'react'
2+
3+
const Header = () => {
4+
return (
5+
<div>Header</div>
6+
)
7+
}
8+
9+
export default Header

‎components/Navbar.js‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@ import Link from 'next/link'
44
const Navbar = () => {
55
return (
66
<div className='flex justify-between items-center font-semibold'>
7-
<Image src="/Images/bhanu.svg" alt="logo" width="120px" height="80px" />
7+
<Link href='/'>
8+
<Image src="/Images/bhanu.svg" className='cursor-pointer' alt="logo" width="120px" height="80px" />
9+
</Link>
810
<div className='flex space-x-10 items-center'>
911
<Link href='/'>
1012
<a><i className="fa-solid fa-house mr-2"></i><span>Home</span></a>
@@ -19,7 +21,7 @@ const Navbar = () => {
1921
<a><i className="fa-solid fa-swatchbook mr-2"></i><span>Booking</span></a>
2022
</Link>
2123
<Link href='/user'>
22-
<a className='px-4 hover:shadow-nav transition-all text-md py-1 bg-navbarButton rounded-sm'><i className="fa-solid fa-arrow-right-to-bracket"></i> Signup</a>
24+
<a className='px-4 hover:shadow-nav transition-all text-md py-1 bg-navbarButton rounded-md'><i className="fa-solid fa-arrow-right-to-bracket"></i> Signup</a>
2325
</Link>
2426
</div>
2527
</div>

‎pages/admin.js‎

Lines changed: 12 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import Head from 'next/head';
1+
import Navbar from '../components/Navbar';
22
import { app } from '../firebase/firebase';
33
import { useEffect } from 'react';
44
import {
@@ -36,21 +36,17 @@ useEffect(() => {
3636
}
3737
}, [])
3838
return (
39-
<div className="login-div">
40-
<div className="logo"></div>
41-
<div className="title">Admin Login</div>
42-
<div className="fields">
43-
<div className="username">
44-
<input type="email" className="user-input" onChange={(event) => setEmail(event.target.value)}value={email} placeholder="Email" />
45-
</div>
46-
<div className="password">
47-
<input type="password" className="pass-input" onChange={(event) => setPassword(event.target.value)} value={password} placeholder="Password" /></div>
48-
</div>
49-
<button className="signin-button" onClick={signIn}>Login</button>
50-
<div className="link">
51-
<a href="#">Forgot password ?</a>
52-
</div>
53-
</div>
39+
<div className='w-full h-screen bg-cover bg-center bg-no-repeat px-20' style={{backgroundImage:'url(/Images/login.svg)'}}>
40+
<Navbar />
41+
<div className=" h-[calc(100vh-80px)] flex justify-center items-center">
42+
<div className="flex flex-col space-y-6 justify-between items-center p-8 w-[500px] backdrop-blur-xl bg-signup rounded-xl border border-slate-200">
43+
<div className='text-3xl font-bold uppercase tracking-wider'>Admin Login</div>
44+
<input className='w-full rounded-md bg-signup p-2 focus:outline-none' type="email" onChange={(event) => setEmail(event.target.value)}value={email} placeholder="Email" />
45+
<input className='w-full rounded-md bg-signup p-2 focus:outline-none' type="password" onChange={(event) => setPassword(event.target.value)} value={password} placeholder="Password" />
46+
<button className="w-full py-2 bg-signup rounded-md" onClick={signIn}>Login</button>
47+
</div>
48+
</div>
49+
</div>
5450
)
5551
}
5652

‎pages/index.js‎

Lines changed: 46 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
import Footer from "../components/Footer"
22
import Navbar from "../components/Navbar"
33
import Image from "next/image"
4+
import Aboutus from "../components/Landing/Aboutus"
5+
import Gallary from "../components/Landing/Gallary"
46

57
const index = () => {
68
return (
79
<>
8-
<div className=''>
10+
<div>
911
{/* Header */}
1012
<div className="px-20">
1113
<Navbar/>
@@ -14,9 +16,51 @@ const index = () => {
1416
<Image src="/Images/bus.svg" alt="bus" width="1100px" height="800px" className=" mix-blend-lighten" />
1517
</div>
1618
<div className="w-1/3 h-full flex justify-center items-center">
17-
<div className="h-[490px] w-full bg-cover" style={{backgroundImage:'url(/Images/button.svg)'}}></div>
19+
<div className="h-[390px] w-96 bg-contain bg-center bg-no-repeat flex flex-col pl-10 pr-8 py-6" style={{backgroundImage:'url(/Images/card.svg)'}}>
20+
<div className=" w-full border border-slate-300 rounded-md p-5">
21+
<div className="flex justify-between items-center">
22+
<div>
23+
<div className="text-teal-400 font-bold text-md">FROM</div>
24+
<div className="mt-5 text-sm">PRNA</div>
25+
<div className="text-slate-300 text-xs">Purnea</div>
26+
</div>
27+
<div className="text-teal-400 font-medium text-base mt-10">
28+
<i className="fa-solid fa-right-left"></i>
29+
</div>
30+
<div>
31+
<div className="text-teal-400 font-bold text-md">TO</div>
32+
<div className="mt-5 text-sm">RNC</div>
33+
<div className="text-slate-300 text-xs">Ranchi</div>
34+
</div>
35+
</div>
36+
37+
<hr className="my-5" />
38+
39+
40+
<div className="">
41+
<div>
42+
<div className="text-teal-400 font-semibold text-md">Date Of Journey</div>
43+
<div>30 June 2022</div>
44+
</div>
45+
<div className="text-teal-400 font-semibold text-md mt-2">No. of Pasangers</div>
46+
<div>+ 1 -</div>
47+
</div>
48+
49+
50+
</div>
51+
<div className=" mt-5 flex flex-row justify-center items-center">
52+
<div className="w-32 h-12 bg-contain bg-center bg-no-repeat cursor-pointer hover:shadow-md" style={{backgroundImage:'url(/Images/button.svg)'}}></div>
53+
</div>
54+
</div>
1855
</div>
1956
</div>
57+
58+
{/* About us Section */}
59+
<Aboutus/>
60+
61+
{/* Gallary Section */}
62+
<Gallary/>
63+
2064
</div>
2165
</div>
2266
<Footer/>

‎pages/user.js‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import Head from 'next/head';
1+
import Navbar from '../components/Navbar'
22
import { app } from '../firebase/firebase';
33
import { useEffect } from 'react';
44
import {
@@ -36,12 +36,17 @@ export default function User(){
3636
}
3737
}, [])
3838
return (
39-
<div className="login-div">
40-
<div className="logo"></div>
41-
<div className="title">Passenger Login</div>
42-
<br>
43-
</br>
44-
<button className="signin-button" onClick={signUpWithGoogle}>Google</button>
39+
<div className='w-full h-screen bg-cover bg-center bg-no-repeat px-20' style={{backgroundImage:'url(/Images/login.svg)'}}>
40+
<Navbar />
41+
<div className=" h-[calc(100vh-80px)] flex justify-center items-center">
42+
<div className="flex flex-col justify-between items-center p-8 w-[500px] backdrop-blur-xl bg-signup rounded-xl border border-slate-200">
43+
<div className='text-3xl font-bold uppercase tracking-wider'>Signup</div>
44+
<div className='text-lg font-medium text-center my-10 w-80'>
45+
Login and access free and Premium quality UI design for websites.
46+
</div>
47+
<button className="w-full py-2 bg-signup rounded-md" onClick={signUpWithGoogle}><i className="fa-brands fa-google"></i> Signup</button>
48+
</div>
49+
</div>
4550
</div>
4651
)
4752
}

‎public/Bus/bus1.jpg‎

562 KB
Loading

‎public/Bus/bus2.jpg‎

604 KB
Loading

0 commit comments

Comments
 (0)