Files
IRTH/src/components/searchApartment/StudioDescriptionSection.tsx
T
2024-06-12 17:36:45 +05:00

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;