Added booking page

[pragyanbhatt1213]

Description

Added new station services booking page component with cloak room, wheelchair, and coolie booking functionality

Description of Changes

Added a new station services booking page component with the following features:

• Implemented a new booking interface for station services (cloak room, wheelchair, and coolie booking)
• Added station input field with date picker functionality
• Created service cards displaying real-time availability
• Implemented responsive design with glass-morphism UI
• Added back navigation functionality
• Integrated with existing application theme

Type of Pull Request

• Bug Fix
• New Feature
• Performance Improvement
• Documentation Update
• Code Refactoring
• Security Enhancement
• Other (Specify): _______________

Screenshots / Demo (if applicable)

[Original screenshot from issue to be added here]

Checklist for Contributor

• I have reviewed my code before submission
• I have read and followed the project's Contribution Guidelines
• I have tested the code thoroughly
• I have attached related issue numbers, screenshots, or videos (if applicable)
• I have added comments to my code where necessary for clarity
• I have checked the existing code base and my changes do not introduce any breaking changes
• My PR addresses only one issue; I have created separate PRs for other issues
• I have ensured that the PR does not include unrelated files
• I am mindful of the project's coding standards and best practices

Additional Information

Files Changed:

1. Added new file: /src/Pages/booking.jsx

   • Implements the station services booking interface
   • Uses React hooks for state management
   • Integrates Lucide icons for enhanced UI
   • Implements Tailwind CSS for styling

2. Modified: /src/App.jsx

   • Added new route for the booking page

3. Modified: /src/Pages/Herosection.jsx

   • Added navigation to the new booking page

Technical Details:

• Built using React with hooks (useState)
• Styled using Tailwind CSS
• Implements responsive design principles
• Uses glass-morphism design pattern for modern UI
• Includes real-time availability indicators for services

Contribution Guidelines Reminder

Thank you for contributing to our project! Please ensure you follow the guidelines below:

Contribution Levels

2. Task Categories:

   • Basic Tasks: Primarily focused on small changes like minor bug fixes, documentation improvements, and unit testing. Labeled as Easy.
   • Intermediate Tasks: Moderate-level tasks that involve enhancing existing features, code refactoring, or performance improvements. Labeled as Medium.
   • Advanced Tasks: Complex tasks like building new features, significant refactoring, or critical bug fixes. Labeled as Hard.

3. Acknowledging Effort:

   • Exceptional contributions will be recognized with a higher contribution level if substantial effort and innovation are demonstrated.

Review Process

• PRs will be reviewed by the maintainers, and feedback will be provided. Contributors should address feedback promptly and resubmit the PR if necessary.
• Contributors are encouraged to participate in the review process of other PRs for community growth.

We appreciate your time and effort in improving this project and look forward to your valuable contributions!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
station-guide	❌ Failed (Inspect)			Oct 9, 2024 10:56am
station-guide-backend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 9, 2024 10:56am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[dhairyagothi]

share me ss of changes make herosection as it is

[pragyanbhatt1213]

share me ss of changes make herosection as it is
So we just have add these two to the herosection to navigate to the booking page

const BookingClick = () => {
navigate('/Booking'); // Navigates to the booking page
};

<div className='flex flex-col items-center justify-center rounded-full cursor-pointer my-auto py-8' onClick={BookingClick}><img src={bookingsvg} alt="" srcset="" className= "bg-blue-200 border-2 border-blue-200 rounded-full w-[64px] h-[64px] p-2" /> <h1 className='font-bold text-black'>Booking</h1></div>

[dhairyagothi]

give ss of booking section you have made bro

[pragyanbhatt1213]

give ss of booking section you have made bro

This is what it will look like

[dhairyagothi]

that's look good @pragyanbhatt1213

remove conflicts

[dhairyagothi]

@pragyanbhatt1213 bro again conflicts