masterplan page

client/src/pages/AboutComplex.tsx

@@ -6,8 +6,6 @@ import LivingSolutionSlider from "../components/aboutComplex/LivingSolutionSlide
 import RoveHomeSlider from "../components/aboutComplex/RoveHomeSlider";
 import { useNavigate } from "react-router-dom";
 
-const isMobile = true;
-
 interface ICityItem {
   time: number;
   title: string;
@@ -129,12 +127,8 @@ const AboutComplex = () => {
 
   return (
     <>
-      <section
-        className={`xl:pt-16 sm:pt-10 font-usual ${
-          isMobile ? "pt-16" : ""
-        } grid grid-cols-12 select-none`}
-      >
-        <div className="flex px-6 py-4 col-span-full h-16 relative">
+      <section className={`xl:pt-16 font-usual grid grid-cols-12 select-none`}>
+        <div className="flex px-6 py-4 col-span-full h-[180px] relative">
           <div className="fixed z-[100]">
             <Button
               onClick={handleOnBackClick}
@@ -145,23 +139,23 @@ const AboutComplex = () => {
           </div>
         </div>
         {/* About Rove Home */}
-        <h1 className="uppercase xl:rubber-headline-indent text-headline-s xl:px-6 px-4 col-span-full pb-6">
+        <h1 className="uppercase text-headline-s px-4 col-span-full pb-6">
           Rove Home this residence a complete ecosystem that has everything
           you’ll ever need. This isn’t just where you’ll live. It’s where you’ll
           thrive.
         </h1>
 
         <div className="col-span-full px-6 grid grid-cols-12">
-          <div className="text-caption-m font-semibold text-[#73787C] xl:col-span-1 uppercase col-span-full pb-3">
+          <div className="text-caption-m font-semibold text-[#73787C] uppercase col-span-full pb-3">
             About rove home
           </div>
-          <div className="xl:col-start-3 col-span-full grid grid-cols-10 gap-6 xl:pb-[100px] sm:pb-16 pb-20">
+          <div className="col-span-full grid grid-cols-10 gap-6 pb-20">
             <img
               src="/images/aboutCompany/rovehome.png"
               alt=""
               className="col-span-full"
             />
-            <div className="xl:col-span-4 sm:col-span-6 col-span-full text-l text-[#73787C]">
+            <div className="col-span-5 text-s text-[#73787C]">
               Embrace Rove’s forever-young spirit at Rove Home, where inspiring
               design and vibrant art installations converge with an exceptional
               location and an extended playlist of life-enhancing{" "}
@@ -171,7 +165,7 @@ const AboutComplex = () => {
         {/* RoveHome roof */}
         <RoveHomeSlider />
         {/* Rove around the city */}
-        <div className="col-span-full px-6 grid grid-cols-12 xl:pt-[100px] sm:pt-16 pt-14">
+        <div className="col-span-full px-6 grid grid-cols-12  pt-14">
           <div className="text-caption-m font-semibold text-[#73787C] xl:col-span-1 col-span-full uppercase pb-3">
             ROVE AROUND THE CITY
           </div>