gnx/Hotel-Booking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update to python fastpi

Browse Source
This commit is contained in:
Iliyan Angelov
2025-11-16 15:59:05 +02:00
parent 93d4c1df80
commit 98ccd5b6ff
4464 changed files with 773233 additions and 13740 deletions
Download Patch File Download Diff File Expand all files Collapse all files

197
Frontend/src/components/layout/Footer.tsx Normal file
View File

@@ -0,0 +1,197 @@
import React from 'react';
import { Link } from 'react-router-dom';
import {
Hotel,
Facebook,
Twitter,
Instagram,
Mail,
Phone,
MapPin
} from 'lucide-react';
const Footer: React.FC = () => {
return (
<footer className="bg-gray-900 text-gray-300">
<div className="container mx-auto px-4 py-12">
<div className="grid grid-cols-1 md:grid-cols-2
lg:grid-cols-4 gap-8">
{/* Company Info */}
<div>
<div className="flex items-center space-x-2 mb-4">
<Hotel className="w-8 h-8 text-blue-500" />
<span className="text-xl font-bold text-white">
Hotel Booking
</span>
</div>
<p className="text-sm text-gray-400 mb-4">
Leading online hotel management and
booking system.
</p>
<div className="flex space-x-4">
<a
href="#"
className="hover:text-blue-500
transition-colors"
aria-label="Facebook"
>
<Facebook className="w-5 h-5" />
</a>
<a
href="#"
className="hover:text-blue-500
transition-colors"
aria-label="Twitter"
>
<Twitter className="w-5 h-5" />
</a>
<a
href="#"
className="hover:text-blue-500
transition-colors"
aria-label="Instagram"
>
<Instagram className="w-5 h-5" />
</a>
</div>
</div>
{/* Quick Links */}
<div>
<h3 className="text-white font-semibold mb-4">
Quick Links
</h3>
<ul className="space-y-2">
<li>
<Link
to="/"
className="hover:text-blue-500
transition-colors text-sm"
>
Home
</Link>
</li>
<li>
<Link
to="/rooms"
className="hover:text-blue-500
transition-colors text-sm"
>
Rooms
</Link>
</li>
<li>
<Link
to="/bookings"
className="hover:text-blue-500
transition-colors text-sm"
>
Bookings
</Link>
</li>
<li>
<Link
to="/about"
className="hover:text-blue-500
transition-colors text-sm"
>
About
</Link>
</li>
</ul>
</div>
{/* Support */}
<div>
<h3 className="text-white font-semibold mb-4">
Support
</h3>
<ul className="space-y-2">
<li>
<Link
to="/faq"
className="hover:text-blue-500
transition-colors text-sm"
>
FAQ
</Link>
</li>
<li>
<Link
to="/terms"
className="hover:text-blue-500
transition-colors text-sm"
>
Terms of Service
</Link>
</li>
<li>
<Link
to="/privacy"
className="hover:text-blue-500
transition-colors text-sm"
>
Privacy Policy
</Link>
</li>
<li>
<Link
to="/contact"
className="hover:text-blue-500
transition-colors text-sm"
>
Contact
</Link>
</li>
</ul>
</div>
{/* Contact Info */}
<div>
<h3 className="text-white font-semibold mb-4">
Contact
</h3>
<ul className="space-y-3">
<li className="flex items-start space-x-3">
<MapPin className="w-5 h-5 text-blue-500
flex-shrink-0 mt-0.5"
/>
<span className="text-sm">
123 ABC Street, District 1, Ho Chi Minh City
</span>
</li>
<li className="flex items-center space-x-3">
<Phone className="w-5 h-5 text-blue-500
flex-shrink-0"
/>
<span className="text-sm">
(028) 1234 5678
</span>
</li>
<li className="flex items-center space-x-3">
<Mail className="w-5 h-5 text-blue-500
flex-shrink-0"
/>
<span className="text-sm">
info@hotelbooking.com
</span>
</li>
</ul>
</div>
</div>
{/* Copyright */}
<div className="border-t border-gray-800 mt-8
pt-4 -mb-8 text-center"
>
<p className="text-sm text-gray-400">
&copy; {new Date().getFullYear()} Hotel Booking.
All rights reserved.
</p>
</div>
</div>
</footer>
);
};
export default Footer;