import React from "react";
import { Col, Row } from "react-bootstrap";
import Heading from "@/components/Heading";
import Image from "next/image";

const CompanyOverview = () => {
  return (
    <>
      <section className="about-section about-info-section">
        <div className="container">
            <Row className='my-5'>
                <Col md={6}>
                  <div className='luxury-items'>
                      <Image width={806} height={560} src="/image/luxury01.png" />
                      <div className='info'>Its minimalist design language allows it to complement both modern and classic interiors with ease.
From subtle matte finishes to high-gloss elegance, every variation reflects refined craftsmanship.</div>
                  </div>
                </Col>
                <Col md={6}>
                  <div className='luxury-items option02'>
                      <Image width={570} height={629} src="/image/luxury02.png" />
                      <div className='info'>Its minimalist design language allows it to complement both modern and classic interiors with ease.
From subtle matte finishes to high-gloss elegance, every variation reflects refined craftsmanship.</div>
</div>
                </Col>
              </Row>
        </div>
      </section>
    </>
  );
};

export default CompanyOverview;