import React from 'react';
import './Footer.css';

function Footer() {
    return (
        <footer className="footer">
            <div className="footer-container">
                <div className="footer-section">
                    <h3>About KeyNest</h3>
                    <p>KeyNest is your trusted platform for finding the perfect apartment rental. We connect renters with quality properties and exceptional service.</p>
                </div>
                <div className="footer-section">
                    <h3>Contact Us</h3>
                    <p>Email: info@keynest.com</p>
                    <p>Phone: +7 (904) 456-7890</p>
                    <p>Address: Oktyabrsky Prospekt 19, Syktyvkar, Russia</p>
                </div>
                <div className="footer-section">
                    <h3>Follow Us</h3>
                    <div className="social-links">
                        <a href="#" target="_blank" rel="noopener noreferrer">VKontakte</a>
                        <a href="#" target="_blank" rel="noopener noreferrer">Telegram</a>
                        <a href="#" target="_blank" rel="noopener noreferrer">WhatsApp</a>
                    </div>
                </div>
                <div className="footer-bottom">
                    <p>&copy; {new Date().getFullYear()} KeyNest. All rights reserved.</p>
                    <p><a href="/terms">Terms of Service</a> | <a href="/privacy">Privacy Policy</a></p>
                </div>
            </div>
        </footer>
    );
}

export default Footer;