Homepage components

2024-07-09 10:33:14 -04:00
parent 1d7f6f4959
commit 7e070a12d0
5 changed files with 155 additions and 4 deletions
@@ -0,0 +1,37 @@
+import InfoBox from './InfoBox';
+
+const InfoBoxes = () => {
+  return (
+    <section>
+      <div className='container-xl lg:container m-auto'>
+        <div className='grid grid-cols-1 md:grid-cols-2 gap-4 p-4 rounded-lg'>
+          <InfoBox
+            heading='For Renters'
+            backgroundColor='bg-gray-100'
+            buttonInfo={{
+              text: 'Browse Properties',
+              link: '/properties',
+              backgroundColor: 'bg-black',
+            }}
+          >
+            Find your dream rental property. Bookmark properties and contact
+            owners.
+          </InfoBox>
+          <InfoBox
+            heading='For Property Owners'
+            backgroundColor='bg-blue-100'
+            buttonInfo={{
+              text: 'Add Property',
+              link: '/properties/add',
+              backgroundColor: 'bg-blue-500',
+            }}
+          >
+            List your properties and reach potential tenants. Rent as an Airbnb
+            or long term.
+          </InfoBox>
+        </div>
+      </div>
+    </section>
+  );
+};
+export default InfoBoxes;