import { Container, Row, Col } from "react-bootstrap";

export default function ContactSection() {
    return (
            <Container id="contact" className="my-5 align-items-center">
                <h1 className="text-center mb-5">Thông tin liên hệ</h1>
                <Row md={3}>
                    {/* Cột 1: Số điện thoại liên hệ */}
                    <Col>
                        <h5>Liên hệ</h5>
                        <p>Số điện thoại: 0123-456-789</p>
                    </Col>

                    {/* Cột 2: Số đăng ký kinh doanh */}
                    <Col>
                        <h5>Thông tin công ty</h5>
                        <p>Số ĐKKD: 123456789</p>
                    </Col>

                    {/* Cột 3: Fanpage link */}
                    <Col>
                        <h5>Fanpage</h5>
                        <p>
                            <a href="https://www.facebook.com/" target="_blank" rel="noreferrer">
                                Facebook
                            </a>
                        </p>
                    </Col>
                </Row>
            </Container>
    );
}