Create Online Bus Ticket Booking Website | React & Tailwind CSS

[@g-techofficial]

** ATTENTION**
Everyone, don't forgot to insert "hero" on the Hero.jsx or paste this code. 👇
👉 className='w-full h-[calc(100vh-8ch)] lg:ps-28 md:ps-16 sm:ps-7 ps-4 mt-[8ch] flex items-center justify-center flex-col hero relative'
here is the css code.👇
/* Hero Background image */
.hero{
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.05)), url("./assets/bg1.jpg");
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
Hope this will load img properly on your site. Please follow the instruction mentioned above. 👆
Thank you 🙏

[@tofikbagwan3978]

please provide the all source code with bus details..? (Backend)

[@g-techofficial]

If you want a full stack, please DM us on Instagram. We will discuss there.

[@EyobedBirhanuPaulos]

Hi dear, it only shows nav bars and blank page. Please may you guide me to do the home page and other components please?

[@g-techofficial]

Download or clone the starter template from GitHub (link in desc.)
watch video clearly, specially project setup part,
if same error occured, then DM us on Instagram or WhatsApp, Team will help you to solve that errors.
Is that okay?

[@alainwebcreator]

it is possible to insert a flutterwave payment on this code ?

[@g-techofficial]

May be that's possible, but we have no idea about flutterwave.

[@mahendran3892]

hi the hero page background image doesn't show what is the problem but i implement a correct way

[@g-techofficial]

Hope you define the perfect img path "./assets/hero.png" or insert "hero" class name. If not work, please DM us on Instagram. We will help you there to resolve this that problem.
here is the code try it by pasting on css file.
/* Hero Background image */
.hero{
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.05)), url("./assets/bg1.jpg");
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}

[@mahendran3892]

@@g-techofficial thankyou

[@mahendran3892]

Hi bro the seat setting layout (wheelsteering) was not showing then seats also overall project was successfully running how to solve the problem

[@g-techofficial]

Thanks for the comment,
Please DM us on Instagram. Our team will help to solve your problems.

[@CodingWork-p1g]

did u have source code

[@ilahi66kodcu]

I did it all the time but the picture doesn't appear on me why?

[@g-techofficial]

Please check the img path,
Example.....
import BusImg from "../../assets/imgname.png";

[@MopaoLawo]

very nice video, backend please
🙏

[@g-techofficial]

If you want a full stack code, Please DM us on Instagram. We will discuss there.