clean up all the dead code

components/common/WhyUs.tsx

@@ -59,7 +59,6 @@ const WhyUsSection = ({ heading, subheading, whyUsCards }: WhyUsSection) => {
                         md:flex-[unset]'
             >
               <PortableText value={heading} components={components} />
-              {/* We make it easy for <span className='text-blue'>tenants</span> and <span className='text-blue'>landlords</span>. */}
             </h2>
             {/* description */}
             <p

components/common/WhyUsSlider.tsx

@@ -2,8 +2,6 @@
 import 'swiper/css';
 import 'swiper/css/pagination';
 
-import { infoCardsMock, statsMock } from 'lib/demo.data';
-// import required modules
 import { Pagination } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/react';
 
@@ -15,7 +13,6 @@ const slideStyle = {
   maxWidth: '30rem',
   height: '200px',
   fontSize: '18px',
-  // background: 'red',
 
   /* Center slide text vertically */
   display: 'flex',

components/common/cards/PropertyCard.tsx

@@ -51,41 +51,3 @@ const PropertyCard = ({ details, resource = 'listings', isFeatured = false }: Pr
 };
 
 export default PropertyCard;
-
-// Prop Details Container
-// <div className='flex flex-col items-start justify-start gap-[1.5rem]'>
-// {/* Property Details */}
-// <div className='flex flex-col items-start justify-start gap-[0.5rem]'>
-//   {/* Property Title */}
-//   <h2 className='font-inherit relative m-0 inline-block w-[21.44rem] font-medium text-inherit'>{addressLabel}</h2>
-
-//   {/* Price */}
-//   <div className='flex flex-row items-center justify-start gap-[0.5rem] text-[1.31rem] text-blue'>
-//     <div className='relative font-medium'>$2,095</div>
-//     <div className='relative text-[0.88rem] font-medium text-grey'>/month</div>
-//   </div>
-// </div>
-
-// {/* Address */}
-// <div className='flex flex-row items-center justify-start gap-[0.5rem] text-[0.94rem]'>
-//   <Image width={500} height={500} className='relative h-[1.5rem] w-[1.5rem] shrink-0 overflow-hidden' alt='' src='/icons8location-11.svg' />
-//   <div className='relative inline-block w-[19.5rem] shrink-0'>{propertyAddress}</div>
-// </div>
-// </div>
-
-// PROPERTY FEATURES
-//    {/* Property Features */}
-//    <div className='flex flex-row items-center justify-center gap-[1.5rem] text-[0.88rem]'>
-//    <div className='flex flex-row items-center justify-start gap-[0.5rem]'>
-//      <Image width={500} height={500} className='relative h-[1.5rem] w-[1.5rem] shrink-0 overflow-hidden' alt='TEST' src={propertyImageId} />
-//      <div className='relative font-medium leading-[140%]'>{bedroomCount}</div>
-//    </div>
-//    <div className='flex flex-row items-center justify-start gap-[0.5rem]'>
-//      <Image width={500} height={500} className='relative h-[1.5rem] w-[1.5rem] shrink-0 overflow-hidden' alt='' src='/icon--bath1.svg' />
-//      <div className='relative font-medium leading-[140%]'>{bathroomCount}</div>
-//    </div>
-//    <div className='flex flex-row items-center justify-start gap-[0.5rem]'>
-//      <Image width={500} height={500} className='relative h-[1.5rem] w-[1.5rem] shrink-0 overflow-hidden' alt='' src='/icon--square-meters1.svg' />
-//      <div className='relative font-medium leading-[140%]'>{roomSizeLabel}</div>
-//    </div>
-//  </div>

components/common/cards/WhyUsInfoCards.tsx

@@ -22,60 +22,13 @@ function deriveImageSrc(position) {
 }
 
 export function InfoCard({ title, description, position }) {
-  // const bgColor = position === 1 ? 'bg-white' : 'bg-whitesmoke-200';
   return (
-    // <div className='flex flex-row items-start justify-start gap-[1.5rem] bg-blue'>
     <>
       <Image width={200} height={200} className='relative h-[4rem] w-[4rem]' alt={title} src={deriveImageSrc(position)} />
       <div className='flex flex-col items-start justify-start gap-[0.5rem] sm:flex-1 '>
         <h5 className='font-inherit relative m-0 inline-block w-[22.5rem] font-medium leading-[140%] text-inherit sm:w-auto sm:self-stretch md:w-[18.75rem]'>{title}</h5>
         <p className='relative m-0 inline-block w-[22.5rem] text-[0.88rem] font-light leading-[170%] text-grey md:w-[18.75rem]'>{description}</p>
       </div>
     </>
-    // </div>
   );
 }
-
-// export function InfoCard({ title, description, position }) {
-//   const baseCardStyle =
-//     'info-card box-border flex w-[50.63rem] h-[13.38rem] flex-col items-center justify-start px-[0rem] sm:box-border sm:h-auto sm:w-auto sm:px-[1rem] sm:py-[2rem] lg:box-border lg:items-center lg:justify-center lg:px-[2rem]';
-//   const bgColor = position === 1 ? 'bg-white' : 'bg-whitesmoke-200';
-//   // const baseCardStyle =
-//   //   'box-border flex w-[31.63rem] min-h-[13.38rem] flex-col items-center justify-start px-[0rem] sm:box-border sm:min-h-auto sm:w-auto sm:px-[1rem] sm:py-[2rem] lg:box-border lg:items-center lg:justify-center lg:px-[2rem] my-4';
-//   // const baseCardStyle = `box-border flex w-full min-h-[13.38rem] flex-col items-center justify-start px-[0rem] py-[2rem] ${bgColor} mb-4 sm:box-border sm:min-h-auto sm:w-auto sm:px-[1rem] lg:box-border lg:items-center lg:justify-center lg:px-[2rem]`;
-
-//   return (
-//     <div className={`info-card box-border flex h-[13.38rem] flex-col items-center justify-center ${bgColor} px-20`}>
-//       {/* <div className={`${baseCardStyle} ${bgColor}`}> */}
-//       <div className='flex flex-row items-start justify-start gap-[1.5rem]'>
-//         <Image width={200} height={200} className='relative h-[4rem] w-[4rem]' alt={title} src={deriveImageSrc(position)} />
-//         <div className='flex flex-col items-start justify-start gap-[0.5rem] sm:flex-1'>
-//           <h5 className='font-inherit relative m-0 inline-block w-[22.5rem] font-medium leading-[140%] text-inherit sm:w-auto sm:self-stretch'>{title}</h5>
-//           <p className='relative m-0 inline-block w-[22.5rem] text-[0.88rem] font-light leading-[170%] text-grey sm:w-[18.75rem]'>{description}</p>
-//         </div>
-//       </div>
-//     </div>
-//   );
-// }
-
-// interface WhyUsInfoCardsProps {
-//   cards: {
-//     title: string;
-//     description: string;
-//   }[];
-// }
-
-// export default function WhyUsInfoCards({ cards }: WhyUsInfoCardsProps) {
-//   return (
-//     <div
-//       className='flex flex-row flex-wrap items-end justify-center self-stretch overflow-x-auto text-[1.5rem] sm:flex-col md:box-border md:w-auto md:gap-[2.5rem] md:pl-[0rem] md:[align-self:unset] lg:w-auto lg:[align-self:unset]'
-//       id='why-us'
-//     >
-//       <div className='flex w-[76.63rem] flex-row items-start justify-start gap-[2rem] sm:flex-col md:box-border md:flex-1 md:gap-[2.5rem] md:pl-[0rem] md:pr-[0rem] lg:box-border lg:flex-1 lg:gap-[2rem] lg:py-[0rem] lg:pl-[2rem] lg:pr-[0rem]'>
-//         {cards.map((card, index) => (
-//           <InfoCard key={index} position={index} {...card} />
-//         ))}
-//       </div>
-//     </div>
-//   );
-// }

components/common/headers/PostHeader.tsx

@@ -6,18 +6,10 @@ export default function PostHeader(props: Pick<Post, 'title' | 'coverImage' | 'd
   const { title, coverImage, date, author, slug } = props;
   return (
     <>
-      {/* <PostTitle>{title}</PostTitle> */}
-      {/* <div className='hidden md:mb-12 md:block'>{author && <Avatar name={author.name} picture={author.picture} />}</div> */}
       <BlogHeaderTitle title={title} date={date} />
       <div className='mb-8 sm:mx-0 md:mb-16'>
         <CoverImage title={title} image={coverImage} priority slug={slug} type='posts' />
       </div>
-      {/* <div className='mx-auto max-w-2xl'>
-        <div className='mb-6 block md:hidden'>{author && <Avatar name={author.name} picture={author.picture} />}</div>
-        <div className='mb-6 text-lg'>
-          <Date dateString={date} />
-        </div>
-      </div> */}
     </>
   );
 }

components/common/icons/PropertyCardDetailIcon.tsx

@@ -40,17 +40,3 @@ const PropertyCardDetailIcon = ({ details, resource = 'listing' }: PropertyCardD
 };
 
 export default PropertyCardDetailIcon;
-
-// export type PropertyCardDetailIconProps = {
-//   iconSrc: string;
-//   label: string;
-// };
-
-// const PropertyCardDetailIcon: React.FC<PropertyCardDetailIconProps> = ({ iconSrc, label }) => {
-//   return (
-//     <div className='flex flex-row items-center justify-start gap-[0.5rem]'>
-//       <Image width={200} height={200} className='relative h-[1.5rem] w-[1.5rem] shrink-0 overflow-hidden' alt='' src={iconSrc} />
-//       <span className='relative font-medium leading-[140%]'>{label}</span>
-//     </div>
-//   );
-// };

components/common/modals/SmallModal.tsx

@@ -25,10 +25,6 @@ export default function SmallModal() {
               </div>
               {/*body*/}
               <div className='relative flex-auto p-6'>
-                {/* <p className='my-4 text-lg leading-relaxed text-slate-500'>
-                {`I always felt like I could do anything. That’s the main thing people are controlled by! Thoughts- their perception of themselves! They're slowed down by their
-                  perception of themselves. If you're taught you can’t do anything, you won’t do anything. I was taught I could do everything.`}
-              </p> */}
                 <Newsletter />
               </div>
 

components/listings/ListingDetailsIcons.tsx

@@ -28,26 +28,3 @@ export default function ListingDetailsIcons({ bedrooms, bathrooms, area, typeOfP
     </div>
   );
 }
-
-// import IconDetail from 'components/common/icons/IconDetail';
-
-// export default function ListingDetailsIcons() {
-//   return (
-//     <div
-//       id='listing-details-icons'
-//       className='box-border flex flex-col items-center justify-end rounded-lg border-[1px] border-solid border-gray px-[0rem] py-[1.69rem] text-[0.81rem] text-grey shadow-[0px_40px_64px_-32px_rgba(15,_15,_15,_0.1)] [backdrop-filter:blur(32px)] [background:linear-gradient(83.59deg,_#fcfcfd,_rgba(252,_252,_253,_0.83))]'
-//     >
-//       <div className='flex flex-row flex-wrap items-center justify-center'>
-//         <IconDetail title='Bedrooms' iconSrc='/bed-blue.svg' description='4' />
-//         {/* <Divider /> */}
-//         <IconDetail title='Bathrooms' iconSrc='/bath-blue.svg' description='2' />
-//         {/* <Divider /> */}
-//         <IconDetail title='Square Area' iconSrc='/area-blue.svg' description='6x8 m²' />
-//         {/* <Divider /> */}
-//         <IconDetail title='Type' iconSrc='/paint.svg' description='Loft' />
-//         {/* <Divider /> */}
-//         <IconDetail title='Status' iconSrc='/status.svg' description='Not Sold' />
-//       </div>
-//     </div>
-//   );
-// }

lib/demo.data.ts

@@ -557,6 +557,6 @@ export const statsMock = [
   },
   {
     stat: '2,540',
-    description: 'Daily Completed Transactions',
+    description: 'Completed Transactions',
   },
 ];