Overview.js
2.73 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import FadeInStagger from "@/components/FadeInStagger";
import Heading from "@/components/Heading";
import Image from "next/image";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const Overview = () => {
return (
<section className="overview_sec sec_padd ">
<Container className="custom_container">
{/* Make row full height and align items center */}
<Row className="align-items-center">
<Col md={7} className="d-flex flex-column justify-content-center">
<Heading el="h2" heading="About" />
<FadeInStagger direction="left">
{/* <h2 className="heading mb-2">About</h2> */}
<p className="gray-text">
We believe luxury is not just a style — it’s an experience.{" "}
<br />
An experience that begins the moment you step into a space and
feel its presence, its character, its soul.
<br />
We are creators of exceptional interiors, crafting environments
where elegance meets comfort, and design meets purpose. From
palatial residences to statement-making offices, from grand
hospitality venues to bespoke retail boutiques — our work speaks
the language of refinement.
<br />
Every project begins with a vision — yours. We listen, we
understand, and we translate your aspirations into tangible
beauty. Our team of designers, architects, and artisans work in
harmony, blending creativity with precision.
<br />
Our philosophy is simple — timeless design, flawless execution,
and an unwavering commitment to excellence. We source the finest
materials from around the world and collaborate with master
craftsmen who share our dedication to perfection.
<br />
Beyond aesthetics, we design for living. Spaces that are not
only beautiful, but functional. Environments that enhance
lifestyles, elevate brands, and create lasting impressions.
</p>
</FadeInStagger>
</Col>
<Col md={5} className="d-flex justify-content-center">
<div className="shine-wrapper">
<Image
src="/image/about.png"
alt="About"
width={600}
height={600}
className="img-fluid"
/>
<div className="shine-overlay"></div>
</div>
</Col>
</Row>
</Container>
</section>
);
};
export default Overview;