add the two extra property sections

Dujota · Nov 22, 2023 · ab16dd4 · ab16dd4
1 parent 6052284
commit ab16dd4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/components/common/banners/FeaturedPropertyBanner.tsx b/components/common/banners/FeaturedPropertyBanner.tsx
@@ -27,9 +27,10 @@ interface FeaturedProperty {
 type FeaturedPropertyCardBannerProps = {
   title: string;
   listings: FeaturedProperty[];
+  ctaLink: string;
 };
 
-const FeaturedPropertyCardBanner: React.FC<FeaturedPropertyCardBannerProps> = ({ title, listings }) => {
+const FeaturedPropertyCardBanner: React.FC<FeaturedPropertyCardBannerProps> = ({ title, listings, ctaLink }) => {
   return (
     <section className='font-poppins flex flex-col items-center justify-start gap-[3.75rem] self-stretch text-left text-[2.25rem] text-black' id='suggested-properties'>
       <SectionHeader title={title} />
@@ -38,7 +39,7 @@ const FeaturedPropertyCardBanner: React.FC<FeaturedPropertyCardBannerProps> = ({
           <FeaturedPropertyCard key={idx} details={listing} />
         ))}
       </div>
-      <CTAButton label='See More' href='/listings' />
+      <CTAButton label='See More' href={ctaLink} />
     </section>
   );
 };

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -61,10 +61,11 @@ const Homepage: NextPage = () => {
             </h1>
           </div>
         </section>
-        <FeaturedPropertyCardBanner title='Popular Properties For You' listings={featuredListingsMock} />
+        <FeaturedPropertyCardBanner title='Popular Properties For You' listings={featuredListingsMock} ctaLink='/listings' />
         <WhyUsSection />
-        {/* <FeaturedPropertyBanner/> */}
+        <FeaturedPropertyCardBanner title='Long Term Rentals For You' listings={featuredListingsMock} ctaLink='/rentals' />
         <Newsletter />
+        <FeaturedPropertyCardBanner title='Vacation Rentals For You' listings={featuredListingsMock} ctaLink='/vacation-rentals' />
         {/* <PropertiesByCategorySection /> */}
         <LatestNewsBanner featuredBlogCards={featuredBlogPostsMock} />
         {/* <NearbyPropertiesSection /> */}