@@ -12,9 +13,11 @@ function App() {
);
diff --git a/src/Components/Contact/Contact.css b/src/Components/Contact/Contact.css
index 886a704..af6d726 100644
--- a/src/Components/Contact/Contact.css
+++ b/src/Components/Contact/Contact.css
@@ -1,13 +1,13 @@
.c-container{
- justify-content: space-between;
+ justify-content: space-between ;
}
.c-container>div{
- flex:1;
+ flex:1 ;
}
.c-right{
- width:100%;
+ width:100% ;
}
.c-left{
@@ -23,37 +23,37 @@
gap:1.5rem;
}
-.mode{
- width:16rem;
- padding:1rem;
- border: 3px solid rgba(128,128,128,0.143);
- border-radius:5px;
- gap:1rem;
- transition:all 300ms ease-in;
+.mode {
+ width:16rem !important;
+ padding:1rem !important;
+ border: 3px solid rgba(128,128,128,0.143) !important;
+ border-radius:5px !important;
+ gap:1rem !important;
+ transition:all 300ms ease-in !important;
}
.mode .button{
- width:100%;
- background: var(--lightBlue);
- color: var(--blue);
- font-size:0.9rem;
- align-items:center;
+ width:100% !important;
+ background: var(--lightBlue) !important;
+ color: var(--blue) !important;
+ font-size:0.9rem !important;
+ align-items:center !important;
}
.mode>:nth-child(1){
- width:100%;
- gap:1.6rem;
+ width:100% !important;
+ gap:1.6rem !important;
}
.mode:hover{
- scale:1.1;
- box-shadow:var(--shadow);
+ scale:1.1 !important;
+ box-shadow:var(--shadow) !important;
}
.mode .button:hover{
- background: var(--blue-gradient);
- color:white;
- scale:0.8;
+ background: var(--blue-gradient) !important;
+ color:white !important;
+ scale:0.8 !important;
}
@media(max-width:768px){
diff --git a/src/Components/Contact/Contact.jsx b/src/Components/Contact/Contact.jsx
index dcaca22..5fd5e05 100644
--- a/src/Components/Contact/Contact.jsx
+++ b/src/Components/Contact/Contact.jsx
@@ -5,7 +5,7 @@ import {BsFillChatDotsFill} from 'react-icons/bs'
import {HiChatBubbleBottomCenter} from 'react-icons/hi2'
const Contact =() =>{
return(
-
{/* left side */}
diff --git a/src/Components/Get_Started/Get_Started.jsx b/src/Components/Get_Started/Get_Started.jsx
index 68a5cb9..a910dd6 100644
--- a/src/Components/Get_Started/Get_Started.jsx
+++ b/src/Components/Get_Started/Get_Started.jsx
@@ -2,7 +2,7 @@ import React from 'react'
import './Get_Started.css'
const Get_Started = ()=>{
return(
-
+
Get Started With Finderr
diff --git a/src/Components/Header_Section/Header.jsx b/src/Components/Header_Section/Header.jsx
index c2da1b4..03925aa 100644
--- a/src/Components/Header_Section/Header.jsx
+++ b/src/Components/Header_Section/Header.jsx
@@ -17,10 +17,11 @@ const Header = () => {
setMenuOpened(false)}>
- Residencies
- Contact Us
- Get Started
-
+ Residencies
+ Contact Us
+ Get Started
+ {/* */}
+ Pricing
{
+ return (
+
+
+ );
+};
+
+const PricingCard = ({ iconClass, title, features, description, oldPrice, newPrice, isFeatured }) => {
+ return (
+
+
+
+
+
+
+
+
+
+ 
+
+ Best Pricing Package
++ Get premium benefits with these plans +
+
+
+
+
+
+ );
+};
+
+export default PricingSection;
\ No newline at end of file
diff --git a/src/Components/Residencies/Residencies.jsx b/src/Components/Residencies/Residencies.jsx
index 749a9b1..8842822 100644
--- a/src/Components/Residencies/Residencies.jsx
+++ b/src/Components/Residencies/Residencies.jsx
@@ -6,7 +6,7 @@ import data from '../../utils/slider.json'
import { sliderSettings } from '../../utils/common'
const Residencies = ()=>{
return(
-
+ {isFeatured && (
+
+
+ Featured
+
+ )}
+
+ {title}
+
+
+ Features
+ {features.map((feature, index) => ( ++ + {feature.isAvailable ? '✔️' : '❌'} {feature.text} +
+ ))} +{description}
+
+
+
+
+
+ {oldPrice} {newPrice}
+
+ Per Month
+
+ Purchase Now
+
+
diff --git a/yarn.lock b/yarn.lock
index cf2c05b..e62c5a3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -267,6 +267,16 @@
"@jridgewell/resolve-uri" "3.1.0"
"@jridgewell/sourcemap-codec" "1.4.14"
+"@mdi/font@^7.4.47":
+ version "7.4.47"
+ resolved "https://registry.npmjs.org/@mdi/font/-/font-7.4.47.tgz"
+ integrity sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==
+
+"@popperjs/core@^2.11.8":
+ version "2.11.8"
+ resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz"
+ integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
+
"@rollup/plugin-babel@^6.0.3":
version "6.0.3"
resolved "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-6.0.3.tgz"
@@ -371,6 +381,11 @@ available-typed-arrays@^1.0.5:
resolved "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz"
integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
+bootstrap@^5.3.3:
+ version "5.3.3"
+ resolved "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz"
+ integrity sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==
+
browserslist@^4.21.3, "browserslist@>= 4.21.0":
version "4.21.5"
resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz"