43 lines
1.6 KiB
TypeScript
43 lines
1.6 KiB
TypeScript
const StudioDescriptionSection = () => {
|
|
return (
|
|
<section className="grid grid-cols-12 lg:gap-4 gap-3">
|
|
<div className="bg-white rounded-2xl lg:col-span-3 col-span-6 flex flex-col justify-between p-8">
|
|
<div className="flex flex-col">
|
|
<h2 className="text-[#0D1922] text-subheadline-l font-bold">
|
|
Studio flex
|
|
</h2>
|
|
<p className="text-[#00BED7] text-subheadline-s font-semibold">
|
|
Live in the future, today.
|
|
</p>
|
|
<div className="flex flex-col gap-[10px]">
|
|
<p className="text-m text-[#73787C]">
|
|
Live in the future, today. In Studio Flex explore the ORI Cloud
|
|
Bed, optimizing your living space with functionality and smart
|
|
living.
|
|
</p>
|
|
<p className="text-m text-[#73787C]">
|
|
Every inch is designed to provide more space for comfort and
|
|
convenience. This feature increase your unit size by 33%
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-col gap-1">
|
|
<p className="text-[#0D1922B2] text-s">Up to 365,54 Sqft </p>
|
|
<p className="text-subheadline-s font-semibold text-[#00BED7]">
|
|
from AED 1,668,888
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="lg:col-span-9 rounded-2xl overflow-clip col-span-6">
|
|
<img
|
|
src="/images/searchApartment/StudioFlex.png"
|
|
alt=""
|
|
className="w-full object-cover h-full"
|
|
/>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default StudioDescriptionSection;
|