import FadeInStagger from "@/components/FadeInStagger";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";

export const Contact = () => {
  return (
    <>
      <section className="contact_sec sec_padd">
        <Container>
          <Row>
            <Col md={12}>
              <div className="text-center">
                 <FadeInStagger direction="top">
                <h2 className="heading">Contact Us</h2>
                <p>
                  Every great space starts with a conversation. From luxurious
                  homes to bespoke workspaces,
                  <br />
                  we’re here to bring your vision to life.
                </p>
                <p>
                  Reach out today, and let’s turn your ideas into a masterpiece.
                </p>
                </FadeInStagger>
              </div>
              <div className="d-flex justify-content-center gap-3">
                <button className="btn2">Get in Touch</button>
                <button className="btn1">Book a Consultation</button>
              </div>
            </Col>
          </Row>
        </Container>
      </section>
    </>
  );
};