import styles from './Footer.module.css'

export default function Footer() {
    return (
        <footer className={styles.footer} id="contact">
            <div className={styles.container}>
                {/* Brand Column */}
                <div className={`${styles.column} ${styles.brandColumn}`}>
                    <div className={styles.logo}>
                        ANTALYA<br />
                        <span style={{ fontSize: '1rem', letterSpacing: '4px' }}>RESTAURANT</span>
                    </div>
                    <p className={styles.description}>
                        Discover the essence of fusion cuisine in the heart of Ontario at Antalya Restaurant.
                        Our carefully curated menu offers a delicious selection from sizzling kebabs and succulent doners to authentic pides, sandwiches, and wraps.
                    </p>
                    <div className={styles.socialIcons}>
                        <div className={styles.icon}>f</div>
                        <div className={styles.icon}>t</div>
                        <div className={styles.icon}>in</div>
                    </div>
                </div>

                {/* Quick Links Column */}
                <div className={styles.column}>
                    <h3 className={styles.heading}>Quick Links</h3>
                    <ul className={styles.linkList}>
                        <li className={styles.linkItem}><a href="#" className={styles.link}>Home</a></li>
                        <li className={styles.linkItem}><a href="#menu" className={styles.link}>Menu</a></li>
                        <li className={styles.linkItem}><a href="#gallery" className={styles.link}>Gallery</a></li>
                        <li className={styles.linkItem}><a href="#about" className={styles.link}>About</a></li>
                        <li className={styles.linkItem}><a href="#blog" className={styles.link}>Blog</a></li>
                        <li className={styles.linkItem}><a href="#contact" className={styles.link}>Contact</a></li>
                    </ul>
                </div>

                {/* Location Column */}
                <div className={styles.column}>
                    <h3 className={styles.heading}>Location</h3>
                    <div className={styles.contactInfo}>
                        <p style={{ marginBottom: '1rem' }}>
                            1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9<br />
                            1860 Appleby Line, Burlington, ON L7L 7H7
                        </p>
                        <div className={styles.contactRow}>
                            <span>📞</span> <span>Kitchener: 519-581-6363</span>
                        </div>
                        <div className={styles.contactRow}>
                            <span>📞</span> <span>Burlington: 289-313-9838</span>
                        </div>
                        <div className={styles.contactRow}>
                            <span>✉️</span> <span>hello@antalyarestaurant.ca</span>
                        </div>

                        <h3 className={styles.heading} style={{ marginTop: '1.5rem' }}>Opening Hours</h3>
                        <p>
                            Sunday-Thursday 11am-10pm<br />
                            Friday-Saturday 11am-11pm
                        </p>
                    </div>
                </div>
            </div>

            <div className={styles.copyright}>
                © Copyright 2025 Antalya Restaurant | Powered by MetatronCube All Rights Reserved
            </div>
        </footer>
    )
}
