diff --git a/README.md b/README.md index 7194f095..25e3707a 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,10 @@ -# [Sample Repo] PR Practice -A sample repo for practicing how to create Pull Requests + + # Buyers-DashBoard + + Note: Please ensure you have installed node js + + To preview and run the project on your device: + 1) Open project folder in Visual Studio Code + 2) In the terminal, run `npm install` + 3) Run `npm start` to view project in browser + \ No newline at end of file diff --git a/assets.json b/assets.json new file mode 100644 index 00000000..e7752d1d --- /dev/null +++ b/assets.json @@ -0,0 +1 @@ +[{"name":"rectangle-4092@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/7d9a51c9-4e52-4f2f-93da-bcae28871c3a_1671714941675428333?Expires=-62135596800&Signature=Zu1WjabZpMxSVMjToOs8wvHet1wqDJ8WGat7ueRotkEZtyj9yo17Lpj~m-zhdlhVAn3FsdUbpfsxQx2w~XO6ZhJJHndbp2RIarm5xHg6rfS3o2lgtRT6E2cPgpPAF67HTZkFrNNRYuxjPPHPcXZohrlTZiU~XGrcGcKPPaSL-dZzhuUsy-g4W0gseJZ8zkWBK9FQKXXXxkcRyUYnUPvAiEUxfLYAPwQK23WfSz6MvvKI-ZiOsJ8gRp69Y1ny3zowVqq2U2~4Nv35665vS7coaXl4ypFWC4G4kG~jus5dGmkiut5WOIKQS4JnPCJb8dkdBKxImB54w8ShroAKEsrCGg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"forward-arrow.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/e5f2bb47-f8d8-4691-b81e-161952954d76_1671531830994615263?Expires=-62135596800&Signature=U-VSO0NXM9JfseB~78-yhfXALLFr-7mvFFS4KQszRZQKw-RljsKI2orrGJP-O9Ff9BpT02zm26ZMP4UaevAfsRfxJRKijBhmli14j8~AXzOuyojgYqigyOrMi00UslnmsRdrQIIIwQbF1sTs6jVPVhvNB4zQRe6cIno-41P~FV6sR56m3U9ipfqdBaeU5BSi6059PwlBTVIRxL5qbwMvvqbiukxK8INN-6NthX~Luqhig-3P9IMgi9jG-B9nMThlqLI5LwRshejgCtXiNzBlw-ImI~IA4Xj8DeV9FEVKip4X3rUjVpWpb24kA5c2xbzQmWvf6e~8EP0ARvVbz5xN3g__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-150@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/5d2dc98e-d5c9-4394-aa44-a9d477976f69_1671714941675613281?Expires=-62135596800&Signature=G~3xYgufdvirVef-y-plkM0HYo3Jzgt66eJa1s4Pc8Q7lKzjccMQnXoUznFrDPgk22Ng94zIfjFG3-rlB~lCTOIT0AawPyxIrP9-dnqG~~29wIUBgPl847Ic2h~qDxtA3msHIPcEX3-GLxPK2Kf0IlP-5f-yyasi6zwJu75d2ZyfUcx6PCrZe13jl1bnbGy0UvvdNBIwicno7rfH9ScqCiWRJ~h7mFfO~br4euhcMRzFuxw6L3IPaazyVkfhRUsSufRBSjIpZTIhcAmNw2DF-RhFxpouYVARa9GNFxSeR3adX89P2XWyz49IAWotm0lymQEYDD2mrUeLKmksegPbHg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-149@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/0a4bbb13-2668-4ff4-82c0-64545bc9907e_1671714941675714428?Expires=-62135596800&Signature=uQkwZjRMZjyEw520FKnhdo9b1mG0J6uak---yFKV-iVN0~aW3LI~dkJtviy83nH82bH~35IMqQeU6sFqVnJU5RcvGMvROPiHi-43pgo2B9oGaFulO3iKGV6CubupTnvq0gcUiEtKQEdfYOUhZnYBXzz-kZA6sZGpW8BKh83EoieDs1dRBpqDFpo7gaiaTFfz6oh306djIkBNh3jVTzv8HjGooSWCq9fNeqiEVGPjj6ylXbple0RhsCp8dOmu2EmgqweteTPyQBL4PCUHd1Hu6ggCDHOvDE~hhonNMIL6OyNrbFscGDoSu3WT0l1uUn8PEAYdIyjQpNrgEgJl3bYHvA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-148@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/b8791637-c412-4e46-8500-7579a97f0d6b_1671714941675819480?Expires=-62135596800&Signature=K8Lghd5Ab9EACGOUZWBEmBWLvmAyQf06fL~E-EYrn8Z4lqF0kb1ZcjvRGZ8nQB6SGADC2dImR2nvjuduzR9P86GMecAT-z1677wcekEYQBGfROqMffZK1faSfH3COrmrQtoCkviKGz8yJNH02R7FPVymobxTwWB5NYS-97Y~CLRxXl7xDsWKLutEJYOljiD3U9hzQk9wxgFigXve23qxXyguHMrABaIaQ0b9Jrqkbd5ar7FmBOVaL0RsdFtUj~oYLmghluTfvYwZcx4ZH79wYdPPMnhgQCHYfp0vehm9Riqb3SNh~IR3XhknkONg9onJzOifHQsyeXUPc9VvNzAsuQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"activity-feed-filter.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/def71155-65d7-49cf-bfc3-551c5e3c4df5_1671531830993438444?Expires=-62135596800&Signature=ib8I-k8RkeFzxQieY9-zzek8ghVR8yNt5~R90D1CLz4PUjAxSKuCCEWXg2-4P7gjWorYIsJpj~kesS925vhbljwNiDZPpHHWJEHQmzYADXuaMQjP475KPNWs0Bk-pjYifUMcarLEVse2St3DwgJYZXA1cC9I6s-V5jL7r0hFtnssTIptrWepYwO3kDdCG6DHiKMOeH8DXCnaPqmMYf5nRihN419Gytifhtlxkckc995xHQ46RagVU8T6pQcPpid~kNE0uHRuxpn-nybyZP0tWZUMSaJ6lPxLkVqFe8y4uqGemWFEIXbLralRlrdZnMl8zr~6OPC1JpmmPk5bW6uLFg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"activityaddicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/001bfa8b-1113-40df-ba51-39a983b1735b_1671531830993724427?Expires=-62135596800&Signature=YQLHRf9BdFiIqKRZ-JOYN4lqKgTMM3rEAZiKGPj-yInvzqgDWSOs~xUtstGg9tXjyZ6TNCV2hl7FAbIjQbuUjjLbT3Bp97hgU6wy3fham~c0LCdAqh9K7BSOgNWpRtx-YXWhZJrwb4gJlELwd-vBNlDkUzd4uXBIRaCrzpN2VbRCqqL7Y0xSNpfSuYr2i2xlVyqhPFW0eR6oMhr3EYMS8l92HootwuUprf6HOzBwJM3w6cMKBmzqUXxn1ZlaWSJodbXJnhkKzqjbiw3cOI9jhhWpFBTPQJAvDnyKAAQrht2BINyZ8roGqMdBt1cXaAMRbnblmFyGrKGi5Pbomui1Bg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"fourtheyeicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/a4e1257d-c010-48f8-b4e8-18fe5fb26aff_1671531830994080137?Expires=-62135596800&Signature=W7K-A52SA2rmuuWVIzgnqondK3ZdmPJ2TzvpFriUtJJnjfpEFUIK3xuS63OTCxqBL02en5YY~hXvCf1ICbp52BgjTz5-pXW3UyFGL61y1k7P0Q8koybkrp2b55JYJ2v6ZdRChLc3t-VMWXogJt7b3l4~bQ1sXnKFPbQ-VZWFeop6ys8I5KR0OIH0w8VrM5cGnE0pFUlooiqJlZytgfaW7g7LHqHYToiRibwcPNW1PTaDGCSwY~pMjX8uD3u50Z72Qk1~stDx1OG4waqkaRciliv6JG8~SYoYEhBb6l3IGsb8cP99zR2ZlJbdZcnRbVF8Ger9Q35B1tgW9Vfma2eETg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-144.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/8f1ba956-9d6d-4a1e-9eff-a0ac7a556b01_1671531830994443630?Expires=-62135596800&Signature=ekY~YXh-sppvGB0WTZueGw6nUT0d9LXZypLTWXJWIEptMCAxKeqzECToRkBQ3oxaxwI5fAhWBnkvPJ8-VP8B3HfsEe4FGER1AdWRFU5lLf~u6nPewmnN8TODbOIhwZYGV9agIGqq5UKuxM~hRb1PInxy0IJ9w9LYv6T3RIQ7cwvnuLuMCbPZ~2H1o9-042nH0FYnVrA-VmooigexmkIae2i1O-TZGYrOf07CZzYROI85nvqMVDIChlZXM3PqxNPq456UIiETnVcn1M5bgMZ3UHoMdcbatjPJgcZuyGk1uCLxo8JT1jvdUDReheypdzoyJln1~AJ0QCnE3tJcqHq5Pw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector-361.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/51be0793-6a46-4559-9e01-bdacc9ba8573_1671531830993820271?Expires=-62135596800&Signature=V6U~jPpO5bdC0Xc2mJ9MuuSFYQpwqZURSmPL9GTXtrn2IxQIfMPPcGxU8CTL~6wtp-oSgO7qsoFsyqpV0uyFC~-iT30RPYhtCtX5KWTKY9yfARSD2pD~ijbQCG8e9pRGio1cSg3V-S88nMiSUByTTYnLdHkTOXSmpTramObI05WYMx6y5hg8TC5uEkR4qvMpIKTXT8FnfB7b~NUAb0pg2iacG7vXL05-EPI38nrJOUHi5XB6bWsxENDntsnnyStfRQOmgA9YAgQJcmlwqM0WhHj-N-OVVacwIHVEazhHeSngXPSiGYJdM0p36PLsW4ghGye5-oVitftO3YE57tNxdA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"thirdeyeicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/e3fc5a72-1b7d-4531-93f4-c85251913078_1671531830993909412?Expires=-62135596800&Signature=o7EbWxUsXGPv0nq6lXhiVELlREP49dgM6fWWG0Ui-evUaZJHiFTHdX0E-04i~SKUvwPrdYRiCInL5VMchDCj4-Mq19pVAq9F8Yvo9KtbVcomzOWC1qDb7RxQNLlDn68Lihm5QbgvwKOoEHIx9Su0u0jiSvSODcjCL6AE2p9iTfh55j68kzgi9J~I6831IHDXh2Q-iQRuP9~nC7XNCOcBUrAOSmkEGTotorMpwD32Agyr7v-jN0r7-8INKEE05EOfEq95j~6mMUo4QXAuo3D1yyG4ubCJ~HRP~lS-yHqkImNbNxokkBBBLh83ItVZkFyVR9v3x1kawNnTlOL9iIKDcQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"secondeyeicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/0df10264-a5e0-4872-9118-eca583f6a9fb_1671531830994269354?Expires=-62135596800&Signature=tsVQ36Uqj7PObcxmffD1ITjlU6IS8gBkI6etOKutJc8BT906STdbybuSzc8fdNztcYo6Xy2jxWBMPFhL8CvthJqq0FpBA1HXxH4C3y3aIzek0YK2yx3~HNf~OEQCW-Vrh67MF6GgVwY1kp7zjsPmXlEbr7BZV5YeWvnsmWpNTsrR3GkLekYn-34dany6UQxLxv32eTs54rAoPdjjKm4It4VYgbGx-BxRDVlWn5-wQ1sqNDdFsWriVYHH7GGf3lB5xgAe9gWVB9c-6H9yMkHdcKixaeRZ-6qtNHoUbG7kuwFIr-oLE5JN4zSh8DjkeFw7UKCvuLB6uGJKyusi7DOJng__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"firsteyeicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/09dfa9f8-6dbc-4d8f-8d5f-51451f04cc32_1671714265052636250?Expires=-62135596800&Signature=qdx5-jjfYby543ibhWK~MAYhj4V4NMgHMe3fLxotSJKvHiBcHh-lXgAln4F804Sxm14rrvzXMM2-qcn9VYwFMPKjDlX-KOWXp5CBwPEpq2WfegL-3BM6My0bBA2oyFbDLYJIHQSL1z7tIukvAIi2Yy6v4RCh6LnNKpYdqEjmLHt-zd-JAiWQtT00RX5BoTiB32PE0K2K21C04N8rN~ltCXsHMlM4AleqMyEaE~ufxxAaxkEq2vZ2ZVdLbV3yJ4oTG8nd3UtE-jMq3qgm~Ao7QQu6jeY5tEncPEEOoS9gby4poikwhOK6WhjZDPAD~90KrCl4~4x2A58SPGKtjDBSgg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"mask-group@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/166b30c9-0b9c-48d5-b36d-eab85574ae9f_1671714941675917040?Expires=-62135596800&Signature=UOKF5Y4jnkqbRwOuXzvJA~qu7YLD1l3f7R4Lly~~ITQyYFvuMzf6K-GjsVvhnNayXkY6wgb2Kw6vvnSE5cIBGDVtquI~IOWWyGenoZ3LFcLFywpCIA-Z4ipru-Nrd-Lb~IBQxtu0zmPQk4DxYn7lc3tIjFfBWNc4ZtK9lobg93xIMc2JiTO9zIuDX0pt1xvH3Dsp73ncMVfngoIPXkbahPleBc1r9SroKnwWVhl3okoX-uvlA0mv9rrGgFB-Q7KP5t-IhNLm2GTy1Sn5oK95r-ImvCTwxZZvXdrgn82MQ7m39B81y3ev1-jOgHigDryFAZpT6xGwKp4BqxYICCSapg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"mask-group1@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/a339c1d0-0df2-40a1-86de-0ad782397ac4_1671714941676022105?Expires=-62135596800&Signature=HSg4YTG5paGxgL4DhXhVFoEDHlz6yWDLNbXw5IQ0WQbY9z-o9Yh6g17pSlcJKKvpHt-vv6bqJe8kw6pZncZqG7mojRuEGBy2SNQU4y1HDAju823cOp5mDfiasFfSTkjvFV190TJzcifgYDSeT~yNge5FNPlHTGDnYp5ShuqUx2fk~l18zpXmEGTUJe56dRilCKUMYW8OZeSeAVLjIysTkGVh~NVmSeYpb8J8o3me3EdlWd-os4PlyRK~xh04lh9LwzW-cYKhONZKNMVE8uychtMMgAXX~9NqL8JVnt0eGDUSWEDoYzRlwkpso6JGLB8MkwdqSFBjbIg7XsrwCf~8Fw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"mask-group2@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/18ba9b80-7f26-4fda-9e5f-5840db66d42d_1671714941676114256?Expires=-62135596800&Signature=Niv1~3LKdhfqv8UB1F2vfCMAX0dLWZ4k2UJ~vZORPOgsfrJXGZBDsFv0wd2shMCJe4T3U27kK9EIawhKvmgkrUXadlFe4yHjWbw3TiCJKaxYg5WYxqv5JLxK2PqpZ5Vqaowl8~SNALS7FZHJuDSzgUwx7-kpQoJfy68ht~BtGcw0jDBs~waCJ1Mr~skwaBBTb4yHgwfew2YcCJqmGXFgJkNMpsqjlOdUTBo4BJxyytvLdoNPXO1QIyrTowh4OPr3AFkCXAh3SiKIuDwyskNqKMEIOatKky339GtWmHjtsWWkWUf7Y2TSHzNk6kTxDOYxDDQhppzb8FqPxewx8Uphxg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"mask-group3@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/6f8e5f00-25b6-4473-942b-2372febe05ba_1671714941676223914?Expires=-62135596800&Signature=VhWWfdklLDRVnVNse3P52ukL23fGIc1xRe1D22e1~tC9Yx7gJa5yBmgbRYwqCvrDTj9Owad~oXQXdkdZ1n7BN-qLf4-kRWZFqXy9Jx7RSJJn77es7ILSDtLca0ycsHSOU8jEMlNFteEZldMHt0DGhzjdXWjjR8i2UG1HO7mSW8rbqkDQSz2ljN~2z5-yZAHMBURkX2XwuKbdgWsehtNYVXlM93E36D5JKnJ9sNy~V2ZRJ-BsQYOkwxtuZUEuDzB3Owq7QNvDEtSScaOUDSc9zgToPWUox7i2dB7kvlatuN~bfQbbsV54p0t-w1lDb4Ylugqza8P4cFN0sTiZ8Oa3JA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"arrow-chevron-forward.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/f7b4ffd6-ca00-432e-849f-d71ec98ad7e1_1671531830997447998?Expires=-62135596800&Signature=Z91KSCVqiiJ~kwBUFgR8S3tkMiFRNzY5ywAqugSQvxHtXDsHyWJp4froidAHAThDz3jNFvqNo-tadpmbVVsDriEbwuu0B~En~zbkEZZ3RBwrC~S9jHkSWO~DzVHfp1O-45BOc~azTmDFJjXZxbJ8bYUF3kLSAoC4wCwsk-kaIeBHhanJnwmZ1W0Wj2629ETCWdUCf9Ch4kUlvyQ8e6XFCZcuJez8mPtJYWa5N63iR0AqbGR3QRFe33MtG8fzXFnYroVxg5QM0XDARqmK-L5uS~z76FL3pdmNflpiFZ23cndyszMdTtbXN44H6ccKG3QjTwviQY7LfXqdpWG71NzmEw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector-360.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/d2f866b4-14ec-46bd-885f-8075c65db14f_1671531830995238614?Expires=-62135596800&Signature=wB~ZDozYKCEjnuUUg5~mhskeBe4Sar59J0Dh-7mjXucR6gVkU8GnyqmNrhKNTgbsR0lIeIrGiLWmV~ig86rgACPFXQwV6yD~DnCzkPHXmGfZgpDvv11~bMauluwEmkAKd0ezgc~BX3Ff2eRujlxA7zE89fCsHVhb2Zk~8c23DETzz-g6ze22gL9X~IqDXCEJ0Tjmg51hOdimWLLG8df6vbXb-TsJdWAXH~tInnHF3TJvNcCwmYIWAHL3wnrKOpJZubLaxIzDsSo-x3QBpG8PB14Avtc5uQ7MAIh3HOhwPP9tp-0A24wNdwJkJiocAIGmO9n7spP5-JtGivkq57~3Kg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"propertiesicondiv.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/110f442f-b23e-43b9-810d-293d2cc9a1c3_1671714265053956855?Expires=-62135596800&Signature=q1ahS2X9-Vov7KRlPXOqc1bvwDi9qU4nIkc9kaE~jLsQMNbqcQDiheGS5LkBBNJFtn~5SiwwveTjLGbpmAsewpWfvhz1LSBD1b557Mw4f~FrtYeBZ1iVBqQUaLu3yzUKWXRqkha4GX6dtRRKf15v2jpTQgNv7iucUGQ-1B8DjfvVR~RZPEpcv9rhHiwZlGxv24787c3Qeqi24WIlbjKLUp9hSxNZIAXvgX5Qaca0Vuf2Dn~24ZHCWfhSvPHZ9XGoMsg5XlevxeVjIwbYYB0LfV5G-crPKHMiQCTlxoWeIf7utevxSCLpfa3TVtgJBRcfTSYyo8Ba2FI4Yekw5d4RSQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"arrow-chevron-forward2.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/1c1136ca-287c-414c-8bfc-8617caf7600b_1671531830997343954?Expires=-62135596800&Signature=W3Jw5KseSMYY5fMakYLVEo4R--mGIpXJL6CuXmrSQtPMcRKMlTkZoVnN-gbTI0DOn6GawX~~uk5dgkkpfEProdW4OkXsSp5P6wi604TM-Z0Hxt0qhBsYj1EWPEXl6y0-Wh96vMRUs3aYmeiSpyUrrkQDasSCljBNKyAE7p6mAvkfjexF4XV6QH-YlcS-ntOXAxWmoE-MXheBZpksOkmTJoyMRR31fP~mtkpetG5mC6BzkSoYfAZUqt4m0KaLvqJvCLXFCHwZq1ZZboMpM4OogBnjSsS1SAAh44WDCGQO5~GJhzO4Mr4uezrX75IedUVHkkK~Aa1ZPmI~z4g-zYriqw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-10000011771.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/c9235ade-dfa2-428b-a204-d9dc81fc7c3d_1671531830998218677?Expires=-62135596800&Signature=SqYwmsiihpjKiKtWRK56VnsxzwrPneB8oFqV1OGzRTAKqEcq3TdzG~tXgj7pObTO6QBBFld54BbYCLEsfKORJyvdALC7G~38WMNY~baFQ0N~EfL5RHpGGKeYbVETabQP~cd7SLOvxS0uIuLZqSexLAWoGeQVKaNvRVc0Dejkkg71~KqkM1cUzQAmq93tU6XjC-a7BV~ivwgv8bLid7eD6n1RLuw6giGvpGWSYXrZv73WZWNeC3IqXc50jHWVSURuv3lEIcfM6q12Hz4E4rTLk0~phtGUF7pum60hqHFOGXuGD6O47K-hEFyfk2VEIjnQrJ1HGB7gj~lOlyxK4f53Hw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-10000011773.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/24c2feb7-b3fe-4b94-b60e-0170398f2938_1671531830998717120?Expires=-62135596800&Signature=PR71M~WhoVLIz7AJBQX9EMe4D-wEs7yUmnjNH5zLqh~9js9wDfeoh1PIMxWmHBkXQiwOGfFWJ1UhcLdME~xdCme33TS4NTyNn76lte4niKoSnWQPk4APtfYyPIw815VfPB39H5A4QXMrQiMy9DYe7P8Wf6bJq3QxAoxg8AC8dC741K6JC-F9EojTUgmTkdzq0tOsKaKCCCRWZ7eSIE6K2lltZZG3ktJCSqPBE49oQ0HJZYMzcN2T2vJ6aZF2jF7bqP4yMOMG~6OupApy-JFMzhfZ8cbg9edR~Kg9mdAGNq1kMEaQGPXObIkAaoXRAwbQ~t6~fbLzQxba-qXZfU1lrA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"rectangle-4122@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/52c6c6f6-8e49-449e-8527-c1644807ce09_1671714941676310231?Expires=-62135596800&Signature=lo24DulOVUN2VC-iFDfzGgBFNpTTkjpccP25jeuPXfwnhINStKvySzWc9vAkMvHr~F5~WHxg3txo82oBnOVZPA4Wn6Ndn8QtKtrGz3wifJcDvZ1MS6Tq9IjmQ2-w2y1BKf1IWRkY3jur3MmbVhgBjVPb9fZRBGsxbrsRsfEkwvzNc8M0Npk3z7bbZHzGfJI1pN1qVr-YEba2h5KMVLWAJ5RsNlDAu60u8heMsoVuxJwVxnS21WHTZzuSMc28qaci0LWuQm0efL~dQVvYz9XW7cuTkz9E0244bU~G2irv4JBbuFbLLHEiTa7im~Q9m-MhGRjNXBMzkb2AW~d6wo8UKw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-1000001177.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/afa56bef-ec63-4ea2-af34-4ae3fbf1c05c_1671531830997611797?Expires=-62135596800&Signature=uLl1ZX4DHZs3kP-VyVP~tb7qHoH-nLc7fIz1JAchggqJ1EC8k9Co-r5kzAPNAPcveMf5ja~dViq5IM7JV8ui~Bb3H1~d8FpmqbD252dXgOTfmNDmN2CbMCLzJUm2de4nHXv5XCt6oNsY7S3A95WyOG8C9UOH24W8AWf7bb01PrzYwPMYu2Dy5BRmVUqWXZb-Ikzp0N0as2k6DmsQbNppJMJaXfxHt4j-m6zWXJXds1Q~y1~nCTSIo4vaJRRxdL1iKA9eD3zveizX3u1yn1aWZqKAQKz8tHFlgs6l7xh2LHWKa86i4uYIjWJcGBxQe91GAngJYcED-UGQiwdY6XynIA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-20.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/dc0deb03-45c8-4f98-ad97-c47ec1ef3a5d_1671714265052809855?Expires=-62135596800&Signature=vosWypx~E7hQL6OeGgR1-VgUj4maBah0MqPgQuz9hcJ~qy96JYY7xZaxIWiZzQ86x4sIBj2jDsVL6PcGkVqS2fWLNaRsCwCNlAlN9Ex10LT1IWYYmev~fPAaSnP7vcVdCTkNkbhkse-xYYjwPGQ~p8Em2u9SDc1Lc73T07CkNLIqmb2cdz5XTtKGF0ZH0B0IiUcFxRkx61Bo26KZiD~bXdy0VMPjpncOf1F7MjwCWTm7z9XBECGVMG9sJLbiWn2DOX~qgPcyNTScO6wpxkIPvgouUvGoHYA0Jf7eXOXnYtVWPJQAbutZjdkEHN-TUV3Yb6E5UYQqKjgKw3Vo7gXv~w__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-21.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/bcfee2db-6287-4126-a2e1-ecf55d3f7bb7_1671714265052890859?Expires=-62135596800&Signature=CPafH5qGuIMuEmn553e45QSXkRS8aQfdLEc8ydCYbmkC7xGagN0CuVXh6gNYq2dX-QvUoIX3hzVFm2hvhL~PDoITfEGW1wAtn4vqn0x17cvIK6O3mbnTtYu-lVFLYXMlgzxXG8Nvms2nozL3Q2UtLyKmivERo~qK3jAFhCjHzGTYfdAk81WamzxfDowL6bxd6Lk6pc8aYo-0wDwdJjJdfaLvRLxVu09Yucqn8o4zq2i204NyrUQjqJqcUq3M14WFLFva3Qm-6GiCm9uEDc4JM6OcwPTV~Ur-kVuM38RKGbr6bTZrSl7k2A2Q45AeVfJWdrKN-CicmJMS6Db8dfX2~Q__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"offerproperty.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/c5d82ea9-5d89-4c06-b170-b6252ba7cd9d_1671714265052978059?Expires=-62135596800&Signature=nO9UYBAk5yL9gz5prBUBYmXow4bmBbwaMiA5CzOMbQJ4tY4mcQAEXj-v9rktYlDtrGoRIW9V4vEpBLn0d8HFf5XPHyah3tTBawYbyMvhOX7E0HIsPpitgra4jy6f4Mr6beitluFiUQOGIMazZCDyLf9tIvqaMTlD1BjWwYb~FF8SZjCKxrS70yGDGCcqkveQ8ZcNFMQuIQPMMfra~S2WhqYpZzC5ffaStuvk7LcqyOJaAxnOJw5yVodS~7uLAdnxHoWgQPRiyziXvAqROmtlANvjBgkxaU7eNIjPpe-bl0tg5MuRI-gHbhmI4gV7-iYfjtY~UxGfo4NHiDKt3GxOSw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/e6216d89-eda2-48c7-8fbb-04ba39ed02a8_1671531830997953566?Expires=-62135596800&Signature=uTSxAMurc01SHAKUhozrLdF5kqYz8Jmx6k4TRdN2x-dg7V8IxUiUFzIPoxOVqjBqrCWT4s~ot59ffxyeTzpoFvbpwrtFcMzPo1nafEqWWlMTGQSp8ZkE~LlJqte1IwLfkO0rVrcmiBeVThV85aEL0rtWzuqSq6xF1nE-iSLdB1AXkRADdZkQeO-gFKSMnNtKc94JXcCg2GTznpfG1N0aFwwwN0RhLIjBxs-ckzztcr-DhH~Kal7piV5X38GNbbZpud4ybTYf7MN0OHQpiwnLFNiHG1IJ5~6BP~geT0xqo4XYEUslFql-wOqRqZbExEKeIrfzTltdkXr7-RFOfR3kkg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"beddiv.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/dceef83a-f919-4114-8c70-01b10651eef4_1671531830998132899?Expires=-62135596800&Signature=ADOJj1owZoAoyDigq9zF0D-huKy5cHh673nO10oiU9mB-o4~JTptLvtFuD7hbZ89ZvxqypQePvzCJR3q5kRkZvQ4P6iJgGiQpt3snLXJM4xlBiKK-t6xbE-YvPtFHZn-eV-PrGTJFf4Z1H5vUgH2DEvDtLCManSEE7AXY0EfWc2dkwFeBSWU~cOayCj8sj7CUkI5A79kN~BDFRTwFRgN6iCTJW-3Wxtun5mmS3k9FQ1GBMLF-FDsbeo4w4gfe0HoTfODhudbMOJTca1jdOhOEavgbu3ehA-fhrO5~Q1Lxm3JiO5FTa2Cl7Y0FCdWPlZnFir14uF0SCqz8I~YieJymg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-1000001176.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/5dfa3b5b-2c98-4f12-8780-a82b13038bf6_1671531830996674656?Expires=-62135596800&Signature=j6TwvCXZVNkdb8DwfOG4sqfznIuCZGxv6mppMknU13VAbyrWx9ssG8nivyom4c1ZjpkwpnVJRO63wSLFPsu36WTeNr9KypiyFkSOfZXmY1gPbBAnJpj~-lrKrEhAj7JdULdmfMtPsnydOezRxQ34c1waqNPHhJs7Mp2~7nKCCbLX739SHuaGYHNDKglcRgrT3x8iQ13AqPYcSWAQyMQTuG~JIAkRoShofU25~z5LcNeKkuklOzoiMQRVPH7-cMNVV5NpY803pyXXUWSnv8EelNamMhj2QinscTpAp9aDFDo3mAc2ifKSDW~Ey1e-g8MM~Zx27TRIdRlulXKX6TtKsw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"clockhistory.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/5256aec7-b996-4653-a936-6fe7374d6f89_1671715743005966274?Expires=-62135596800&Signature=sGgnwiHvVFptS1tV~pp~I~q6t6Zgm2bG7SVfP8PrIHw-3qxUIIe0r2SPT7M5hHYwZZyyfUEEpFPUbQET-7F9m7~uHpfmGVVDoGo1rd~asH65R86D8iJqQio9jK2ZyDNM-Gxtg7955LB5tCgHZvd8Mkt-t79SZsQ1uW9ZNs6-Pk8vJ1JxB7iUqqpQswDN5qtaKDhwOLLTmH1EWeU49e5gj8XkxplCc4PL7Nj9jHu1fxbQCLx2GCb0Vcwc4cZlSsS7QXEoLJy6aZPauAiAXzkyoXfCvHdIQrFdLInMcI3KY0rdzwvWN7xB7z8DYjXy8Gei4eejerz6CH1IASu32GIOlQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-1000001052.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/3ad7844e-ac57-46cf-80eb-dfb26d9564ba_1671714265053241419?Expires=-62135596800&Signature=Yh2Hlxrndm3uXsacRyOU7hRZSjrFfCDq83IfF30lsjxAEdGeZIdWVvF0G-3GWwqwvX5x7-c5V9FETAPAy1ahCP6WnF3RMVhklItpChn24LH-QyO4mXds-8-3a5wg2lBz6WD0BkSLWW7yoY9BCevVgDherLdnbXRL~6RLBbk3om9q-0kN2f2xs-cF8IJX0CMpKHx41oJzcOz5z3in-lYfakH5aIYU3UR8yXDiJq3Un06uzvsw8-ZvLld1b70jR8yxtAW-nPbTCVdSQlAoMMxZy79LgE~FyITi6VV0W6xnT9-6o0EPQI4HcVtWjDp5TiRFCLP0g5TgF~iWcYMCmMIpwQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-10000010521.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/0913fc6a-3bc5-4fea-8543-d9d5a2a7beff_1671714265053152528?Expires=-62135596800&Signature=eASvuRkfDwgM9J6I8ayfgPW3LwiyurniSD6OJkARk8ZMSX65PtfU1HxEpgf-9URZQlwPfcif02KrGCKYcy7BndKPoeXNIwLRQBp~qtP~URhRwyuTLTavsx8ApP-jDPa2f1nPqzB02srChhlBNAFgE9fzsJnL1f6F3ggMqrHt2lxCOq~T7j6NLKY7Nrr~ynNsL9MWjKkvgLuMGRr0jnDXvKdeT0gAgc8VRbw~N6U~LmWw2XJ3JRcdujDNFH~ZZ2astXc1b4UHfBcczoO-gK8gSFUzGKZOmogsWv36DJ2t8DlxvhS6aCvCnKnwen~AfoRZByBQZMikWVUcf9smLJvnvQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"beddiv1.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/8e5d34d8-2160-4178-9a5b-323b81553dc6_1671531830998384095?Expires=-62135596800&Signature=gbI3CUnBP5zyvWZ4R0rvaTMWxjPquuaeztlKmFCyYG-RuTQPx3-8xp0ZpmX2pCHXI2EZ5Zg-sV8OywJMxMJjUT7Laa~yUaHfEU1r1ZbkHDxVGh0RDgAPUgkq9RJ29kZ9udc5zUhTmYN5kUCRUZB4gLbHlA3ES3vJ7Jn1uytVQWHpcLo853J0T1fyfDVVZupCd6PTNaQ25qFzPxfQ6YHQI0ISCOtDCgR8yFW9l6-fYBpJW89ZmBKYRZJQtfziHVTWvye9kawizFfVP1ghjcxeV7xVF3e84T4FXgHx0vUJOP3GcXIiZQgZ9vgVbQ36vT4Q6AwMOdrxFyutad5SQ5dz5g__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"arrow-chevron-forward3.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/ca721585-58a3-4be7-8d29-b9dd9a82067d_1671879600511970669?Expires=-62135596800&Signature=bu-GmL38Yr0w3hiBA~b8LGX4A~bz0~QfLsQNpcHxjMQl1XPusk1iI7zwrkzkJETt4SSVNFQUQWS3S0azam8nC8hfM9NLkxqIlaWtQkyCGxRhP4UhT~S58IOjh7Fzk~bCLo7IlzDbprKZO5dmsHWIYcn5bzEB67yAioyB9VnL3ye7qbvcC2cB7aWT9jY58Lb-WN1oN0SRXPc8hb-UaZ5Y~V13sYF1-N0gk-uIOUl1~ejS9JXP3mcj4gqb8ot3LVAkdtry0nMuaXjCEbTzuQSR6nACdYEv0GlrxR4dDUmfE28cWd6J7qBMlb5OmXUrmvRorA-kcl2lkZ8ocAYi-q4Z2Q__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"offercard1image@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/b9908332-2d11-46a1-a297-adfbd4c13b04_1671714941676398056?Expires=-62135596800&Signature=DinnhuyQF6CEGZyHymd5k~~IbwUg9jjdtmz3QNElpxaL29FyfIe5Zf7W4BkUMJ3BrCztMlE149hdZ1wiNPHcwEoxy8yra4nybLfuYfJAKK4IZVQnJT4fhb~TSifnmMl8PWvnVIKfmWJGleqMPh3AFSObTFLUWHpX79Dl5fA0ww-7s2o1eQTWAELavpE54ccwTqeC7qhHcvlaDVcC0I52P1JAtVmvd3tK~oO6CRLFSLvdcqDogOc797BmEpwIfyC4ST5L42Xxwy1eQiPF4rnYnWlMi7vEPbR9t4Aa5s-ho~nytcUGlijSijE6ij2lEOEF9HENBdv09zRVi9oPzRDygw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-203.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/118a0721-99cb-4e83-9cd0-4f8e80136029_1671714265053430629?Expires=-62135596800&Signature=gT7E5aqbZ6I1eFWWadVkHMzFht8O7KwZ-9NJG8r0sDXTi0N9QNhW17K6T~CTcwr3e1wXeCMZmkSz3P7IV4kATC0l~Fc~pkREfTWSd31I8PxfHmoICyHUSPqevtzU~mPIf3-JntQoz7CGv3ozFA-s7vt8zLXBzr9VBevO0gnoP18ut-kbNZOAfla3xCW5zG33tw2aWVBpjVDpycsL8~fa714qzUEW3ICkFEaahOxQEnJq7p31gYTy7-APsVGCAZ6bn~rZ8wgsljRagYUiKGKH9nIoP5qPyA1RS4rvcxdUM1pMOIH-PIaifIpPqpLux2XGmHjs7wKd2P~LL~CdedBgrg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-213.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/37fbe977-156b-4043-a53f-90c28585b04d_1671531830996324182?Expires=-62135596800&Signature=dKz~LO0ZshDa~26-sUMcugexvD2CfT9hcEvLe2TyTSbi~XHhx-cX0VF9ouQ5ajHNtlvq8L5wsY93POiQFP-3HlYsdQQ7M9oLUthvK6-Wzh-IaTcJmpQsc1D~OBMuJTWNtxyTp2NpmItelLWfPJTTSIkeRLbw39qthK6ztLdCsK3fvC5kvHCcK5~qzF0jIiyrDxwHPgwpmpgxceYaXJ-7F6r~Al-I71flUOgB3lUCWfmOJumd8vwvOmqegj7N~DHsjw7NN5Kb-9Abg5qoUgaD-ZGi4O0jFrLPZrTRjBTvKW3hdw5FHZE-85O5ZbGO3izaR~5WuWcgHk7NfQ6AbBYYng__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"clockhistory3.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/d5cb1b92-9270-4282-bbf3-b9cb744f7d00_1671715743006149373?Expires=-62135596800&Signature=YYVtkDfFIcq~0em4K8M~zAPSkTJ5fr5qVKnnHcjcnUT5JcodHZX9ksrFMB-xfaRG-Q3d5xuq8UBzTHqmJ8ug2EdIgUSrnC8~TsSWSuZ2JaNlPH~ODd4dYhH1~~25uPOwkMMXMTkM1gnZ9yH2dBLJFhHj0VrrRT3~DZkDJRfGLW3HZo-ELmE9jmoGj9iJoH9N3aMsfpj7fbVeWwD9CWe1rrTXzJi~r9DyWd89SNw79CZawS~L4makcN3EhtBuTTbUcuQv1LTkdDHD~IiNYDRFVWJE-ncdxz9C6wKcVeQjGwKGVaHPBKQSiPyB~z289g1EDUyLYB7TdO6Pbt~Kzp6RXg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"setting-fill.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/31585f7d-23e6-4e48-a28a-5afdb225d788_1671531830996510621?Expires=-62135596800&Signature=C-yc5xPj4dqSu0xa7ZsUvDd0Q10oexMGrBZgchbsjTwkYlnlJi0Ajp7C2TZ6LLHYeVrxkAPYOiypFKuL4GSGrZab6OzyYWvmsdun1uohSUpFE6GUycB6fwzN17ukzfPbv2fydiPcaQg6tix~oS~ILWgBDAQTzpbbmyMc-nPyAGj6YJKqhjGWmXoTiell~dfQAO5QBGzDZK47Lq8haoO5UZEI1~aOcDnzzxG0pjPtFp5xG08Fti0QfqDWkmK-DlKyjJUn2be6C2McpVkEQ3PXFdYgInKdC6dVqx06cHn9lmTCeE9eQ2xqyebm42h2T7t30-VRbcW9ktkOkixR-KHJXg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"offerscard1bed.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/ab374915-0b3d-40e1-952e-39bb74b743f3_1671531830998800851?Expires=-62135596800&Signature=VFOV4EXGM-oxFNZsMb4K0oj931XAluTe0oslJ-J9x-ns6ydiqdyVIbs4mhKbq56vyllxrE3LBCkA2T5-xXicCmeP8KDGW1lfT4CA~5CGvK~8I5RMS2G483vSdI5UkS19makaEXbRj2V3HZIJV5cOr3TUUl-0fdqE2uC8npCp6qCYYfWXCAal~9kolPLvlH2l-WNjKGH65IXmMO9RE2NDyBfV9dRiCWBpdhRWaZHjhVSkWnAA0q4Cq11mYdAp1LpxxEac1vFnFEMAoG4Hw99OvvZTc7p-YEt8vK9O-AfczqUAsWS-37NJxIT9CjE5tNS8LaoPXknbsEwf5XGoQZkaFQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"offerscard1property.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/2a308178-ba8e-4daf-9371-f007eeaa5fdc_1671714265053692470?Expires=-62135596800&Signature=oNUZvwHmCp0HZlk4Akm~LhhYhjt-0aG~hoUCbI53xWGW2MJWYiFtTpDcK-P-Jj6HHpX-0ztbH6qG-dzZTNC~9n~qNqlIsWLQvBkkNaC-maKxEeWtIqVI7u4zsjWeaoVGEa8yfuEjvelPFFxTg0oZyudjdAL~6KK736MeUJgteEoS19u67aAlxb7jEO8qZ-90X~rXVN37BAw0z5O0ALgzrGWnYHDNHvqybQMMq282hELf9D2kJ3hxUdbiVTddQfzsIWodLhpelc~wBPuRhHJfGiliqIeOFyhdQb7Fp-GHD3715zh~QPSC2nU7aFLdqEKMAaMYL5GnsTVxKdHbRCkQbA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"image-27@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/132bee31-43de-4fbc-b982-51d8b2ab97b9_1671714941676659576?Expires=-62135596800&Signature=W0jZ-EDpXsb0zLBJNZRMdzhHLX-G0qKA7vnDkx8KZm7uaFiTO9JOj3sx4NuI-7nyGiFu9diaW21aTDPnF-5ehKzzMSLAr~C1bSDWRfWwF-IHvW7rKPOt3mEYcpZlQo4LvLTRFnfosMRJLA9CJOY97vD0kC2yOD2Krr3Bg7pn2KUjPIfGTwOgJeeO8je4Noi32PLrbpP9IcWVLcT54r~OqnbKirSSbgi-P~vhUQfviTZ2TKdPGErNm4jSDDKPP4B0VP5nMd2rJrndsK8y9IG4kI~lTNEoaM6S0KKTfvGO4M8aNhODFztAt-S4mvbanifW3kXyDMwSvsOR2n~rqf9CDg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"rectangle-41223@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/c647b5f1-7bde-49c5-b369-6ba7cf195f13_1672206697908135962?Expires=-62135596800&Signature=dSBNv25kej2AuoTcY8r0VaxqwNt-ikTF06uXj99q1l4lDS6Y2QxmdSFK4MKlNbT8CpjvBoPt5QotiXsSlVqt~5F8MgDxlBFh2TPagg6KBB9lQsxRO8uz2rVpuguRzfDfnuAAS6JNQUZvrvLg8nJVvxSs9dOgtRKjJ11UK0he-2IstXOkXXWlHTL4vVPz~9AD5~LkZMHjV56Y5kP7opfouE60dJvMf1bzVDnNnyFI0P4D-OcxK7kaJJOQvr134S60PMTHhtMIygt~7wuuqsTlA5oNQmQGpz4bIWbHeIxxkMPV4rHVzLsYhYHNCqJbrGpiSKMa7TsKCJOBEActbwAQ2w__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-10000011774.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/8de04183-617a-41e1-8e0b-74db77f729c3_1672206697908311361?Expires=-62135596800&Signature=sDB2YDxkvSsDnHWMPSd-tQaQ3ITGT9ib12X0B8CABJNqjbeh2LEK95qtlxBUzWaira3Y0F2pBiQQtg1B9lSICUSPKd83IVczzTN837Ui1TEN0DdToxA7qxWaR5T9D~6-XWSInNZ7eluRYqHup0NNzIq-nXKg-adwiLqa8xnic6YONlLP8i8d2ERgsv9i~VPFzOO1hQ3EqxLYFDF1U96wgGvldnm~SjLDVwrk-O56Sm2NvKQ37fvBiI498cK4qINV0-6YFlZTVIKMVTfJR6gs6fK1iOZM4ehRpx~uyWB-Jk8yULxKWTnOYuI3qEl7ZrkcOAvSQkvao1Zno-WNRjD6xg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-204.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/0286a5bd-899f-42c9-add4-af940192b52b_1672206697908415221?Expires=-62135596800&Signature=taaNzNVHwJGHybfMq-Jj8NXvKQtOKD~nblwxwVQyorkLUVt4Od5DKN1BBbgGzdgLSR6iE4HARwVKI1MGvBc6gByV-aPqM0bD70NVUgKSmrHraJiyEzgINX5qTkby6Oyi~bXVeczsOWZEzHfxwmOrpZNiHVH41fNeYrnzYAA~orLeENLz5h0vrW9VFWr8PlqFdlHaqKDN3RbsWdOveqs7S0zGYSj2BLRig9oN~ku2uw9MnYoy2Cnx5b99xDvq1nBqI8q0RlDZ1EFKE1IFoK15vYSqs3XfuLGC4ZppgvftW-qYWRj4PvPwBfmxQ4bQU6g6rloGJMBgVIa8jNKzo0drAw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-214.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/834a55b5-e6ee-4d4b-860f-f4112a2883f0_1672206697908507029?Expires=-62135596800&Signature=TI2e1RV~SLBd5JLqgCVbMqiPQP4v0gXiWrahzYY~ZIxSz0x9-cKcNmRYK8Thd8AM2z0jKIaja2oDQUD8bE-Zx3ZR2OHf5zuMR7IQulcYFomiU3vTObDH-6lrGwv-6xNYbh9zQ9TKcA--Xk1MidW5ZOBn6fXeC~cGkrQnL1Wsxnvfc85QR4KmqAEcbLs9XcQKCs9peBB-sjYntydK6P2KSJfBTrzpSc5RNPxMXddoZwlUErLLHwn-ruMSVPPZ7Otmom2dNMoa66EaNOaYXwXz7f8NNtP29hQQAn3DeYIT155Kbq5ClS35oqOOLBOyZFG~UAN2smIz~1FWhD86JSBsFA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"clockhistory4.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/917fe956-4b79-4526-ad74-fa3a88cd508f_1672206697908593780?Expires=-62135596800&Signature=VP23FQ4oO729Q8D-k~pY4uhxVNrxIxmw2JycNf344X5eBA-x5hafApB1lh~w80CLl3MxgDjI4Fy9WfCZsEBqMfD3oKRkcfKkLf5YWoGdbl17yv-pPsUFsNsLicswdU4z4I6Igd~bQGXPm3oEGUpwp4lxFJkyMJLo5KOnu2bcCGWWP-5rBneoNgdE9LHUqXA1m1d68f4I1-Y4VxE9jSaNRoo8R9CgQj95TJds6KdvZBFCcUcmbT5rNVB5lgDOEMvyIKIR6rPbqsCl4Dlu2rMOoAsByieWdwNJ04Tm-tpvqvuXwurMBdY42ITkqe-mDtKgTPBykQAszzBfgkiz85zu2Q__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"setting-fill1.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/f225daaa-1caa-4f35-8189-b82d0c822adf_1672206697908675202?Expires=-62135596800&Signature=G15YjUbaTACN2u-q5eS3RahhGFFCtZ8vRmFNb1RU5oZTipW42kOyNHyWkwMBOm3qokcXNQc5I2kjaYqvy2lvNM2ceoL~4-k-mNmUF6dQjOX5e2WxksqOY7DJ717NzfT01jDO5K6XSFVDJZTOOPo08xTQ96qntyGkQ8o642lufTEPegefVubeq4Ap9pExqMSz2LFzluydcO1I9~I7LqQX0pxWRsxLm7bhLG1mcuM8QMqoHKoVPE3QD8T5TkH3aH9wHJg16MK7nbEzu~0fb7uJU2cxnbxLkxpDxO2V8eEFMojcPdZlIZc3cSWfES83~O8rO-yKXcSzxwPR5ii4SAJVSw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"offerscard2bed.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/a961018c-2015-4691-a477-4044c7bdbe22_1672206697908819554?Expires=-62135596800&Signature=hBDfpSFfZIFJ3zJufmUYP-bxLbt9e7Se1NTxDDFYy3B5xEngd5YHM6QHos1nMy3pdwUuFSxVn5LUwW3C6-y4WvRHqzXvmI7sT28pl3lXlR6CWqWNsf50L7KLo13wb6-yCXJ0OVgF9wu0Z12qoK2C0P4Sv30AXGN-19WF-rYCM89BZfg8PhIv8golPj75g31cRZOj9PQwgISSgeuSPNS0019yd2r7slGo1DaZYrCeVvJPD-KRPY4s885r-MRIiaGRgq1JNnvYgYbqoDjddcksnZo0qzNQy5V~Q2gG4UC4PCkgtcPJk7o5~pjrFhAprbRgogcwBqLXjOlyacIAzHeUZg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"group-10000011764.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/a03d3ed4-c488-4875-8d2f-8d8cdaac7976_1672206697908912668?Expires=-62135596800&Signature=EU6Bu3NxEDnQTeuVhAysza76o-8BPGnoRFbOJGqfcQiLE1joj4u-HjLSZ-z1IA9YFcLEewFrObc14YFjxBBU9FThn-kCWVAYxf0D4oIpGMdq7yhRjp7VyiNs0nrTiW7RljaBwY2HT-uWpFTxAwSLqWKQcroSSBW32XZxd60hElBd71~B4nD~WFBAy0BqDHn8oSsMFFJTWhZrpubS-Yw~B3MmQIVSgRJwO3aY-mfI0Xmled-hjYUe07jw-wEILuaDzI~5I1OjRd4XswE966vAvSxqVCKAiWdyj4wiw9tS~UgCBmOvEQBhkf6gGCMBcIc03pp4-m1K6fyusRTmSBxUIg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"offerscard2property.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/1f864a6e-61de-451e-8cbf-2274b52883ca_1672206697908992526?Expires=-62135596800&Signature=HHnVXW33tbcnTP9r6Z1OMU-GE38MKW5yZnrapAhZBmb6vZDh0BQAu2BnjOYrLGLmTX02bASNFpsu-JJXjDBrnoslMHqW2bSoaASMfSeGtSO51QwO3qQQ7g04lEBLRiACmC4ais3T45R9aKRvLXi5OpE3DhcdrIKGPye6h4uFTPc9rKI7Lj5GlBPI7w740B2QUbfDqI~VgzYEMOKR9tETVzbXzMCu27Gg982T8zcLD9xuyp2-s4YTIO9BgX3jJ81DDTkua0iB~plIwsfM77CeMXH47xG9fIwe1luDOVJbK1GAsiM3rlv~u7hbTT1iTRmMOmzCfvroDTLZ6KzZTiJDUg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"rectangle-4441.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/5d56adb9-95eb-4be6-8f7a-4c84a36e3b16_1672206697909077687?Expires=-62135596800&Signature=i0XKoC5MqnBCes~JXFLEEkiD4od~RHVT6xIVU4bljJWcErKXlM5iqtonJkV21RZHUDJnsU8QITXcH90tpdgWe25Lnaz3N8ZMOXnFGvVNBq9wnPU5eRHBKLcpMEmXQlxpGES9YEjlCzdvDKHURyQsbTUd4z9qg42FTAvEVkXGd4deVRk~ODkloTRQ~knqh0lRN-VcK0qNjwOvc-2XkM1stt306fB0Dzbp~GEk5BqHOFVu2bCsA85lGsMf-0ClbMm6SlmU0VBNAZPScPulRb~0TiCGYeuFJJpn-hhCUR9mliQySY1-dt3aHskH~aw6b2mw5~zp8Gu2-Aun4rSLWDE2dg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"image-28@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/46d8fe26-3734-490d-b8b8-f605dd4bf4a1_1672206697909162051?Expires=-62135596800&Signature=QuL-XW9iiU4xYxmvifQM5WiaTlFEMGj2QoQT6LBwbx96F7XYYUxSPrAqvUZCpWFPBgvN9Eb~caFFUwsmazdYf~U9vTilCVaaTBzKS8X9Vv2W3f7nLl5jc2OePhYwCkBeG8-m7aCPZJ0rw8rioMfzf8Gl4NeD4NtAx7BuAPvctUsshEqXM3GIqqHdSIRhEFYOXcicmt4SKfJSjjjIpktzpMPkb4HY6T0y~upH5~HBTD-uFhfOrAIgnlfcdUmdfTrBphO620lt8GD47af~zIQyLXWH4gLMw-D1BmtJw~YSPVo0v7wFt9z1VdmkmhVzg41UW-c6mN2WkETiDjLHB2oKOA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"countdowntimerlastrow.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/ae1e34b6-9094-4734-992f-ffd85bcbe3f0_1672218132781229535?Expires=-62135596800&Signature=e7O1BpgB7zMmhhyKIm-~4fQ0aFQT90hmK-F-G5n15ym3Mg8T5aNUu5tIvb8ZOO2BxkhQmXEL1KI84RVpZadkXsvWuvHRdspsOp0Q5BLVhQ5mGY04P4lNMNldR1TmLkvlHFz8StaiMFtZmeYbz~MhlMiwIQ3TCHNXtfycC820tn7QEW8hFASygb5ho604H3BC2~cn-CPj-OyoPR6a2zodo4gslvH8IGA83YpUKNOXQpzZXL5w7j-wYadOSzvhIZ7VE3nzAq7a-x4Un44BHvNLeBlyF5gTLnMcLeSV6HPSOZwjdK-jmkcRJtiruYZgoYOc4pAO~uf5qWUwT6-VATpd7A__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"youroffervaluedirectionicon@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/32170d85-75b7-488c-aab3-e3a9b67a8485_1671714941676484607?Expires=-62135596800&Signature=SDdivPs5iYO2PI85Vkf7~z1zZ9jrpQ79qqKJpC6tR7OoLdNllfxUtymfSwoQcfZMFhcCZVsfLhqdGMgrHqohg8Iq2~mXpit759gRQYadJ8kloFWa~m659jzTVI20jQRXBLjhmGhU1b9L4itwLxd~GgURZEBbh~ODkQvK9Di7OntbSCE-nkt-cQUjyfQxK1mrvcLFoC2l2bsl~I3UDOHp1WxVylpTdfjNw6ZWcYdayi5jtJgRwD0X5-UKh4f9UniqjnHEcpeEbrmPkMbYSY0sl4Ku5GjOrWTFQOaOgGvtcBejsNMkFReVCIsrHyi6-8TyGFx~TF2XtHlSpaiZCG8mhg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"propertycardbuttonspanel.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/1da8babe-b409-4b7a-9f4f-d77f0405e52e_1671881027079942849?Expires=-62135596800&Signature=BCKOTzK05udJeNJQFP9XUYAnPqmAYd0sJIhIEwg-HNdnmyfBARXQMsvhvbnN7tlysD9S9rA-DqPnkktSMe13uKcBoQWUMwDCv7ffwaEnhQojdIbmaxdYVqID-N68Rk9m6FuPRAMkIDT2f2cd5cgH8dtY4qGkKdstRSu04VujrJVNHXTDvZeR9pfEmlpfGHyhrLySeSHmMIDamexMHF9E0d9gJ~lAGJR1izRneW398kJT1gcpRqGTKcjD~FFwuWFRiQK9nO7pVGEyG1PWTWnFG~utFy9hBizNArmiDzbLt9kH09TKqpRyfI45Zj6EBKsvfuDbjYbOfwldiR9jwtnfWw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-205.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/201afe23-d3b8-4dd0-9b62-c5988624cff8_1671879600511709481?Expires=-62135596800&Signature=atebVN4Fct6FvFtHGlhZkIvg2SUtb2HwB76xDoNsZS5IWFqJ~LSV8~T-9Y0ov6xehtzMnlXaqEJkE32VGPRtluxn~815CNfQA2elL7aDGT-S338S~NboQjYi~x166hzKQW54eBMtAIeaGaErndlQXqz6N-3id3mNIg3pi6G3tboaclselXZJaiEo-3-Lfue8QLfT0HJ44ygoxObcWV6PBf5FT~BGpovC2qyiyp72Drj77PBOfp5wgdRn2UCI6epCdHf7gcSaTgD4Er4OSVloMxpbD0I7PtW5ZOTPiPnG8ko0L2PyQ3ZSP-cIrIyW5wG14-zeREZjV5jALsKk0mRUcQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-215.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/70025418-4fa5-4084-80d0-da0290058670_1671879600511801943?Expires=-62135596800&Signature=INyhWq-E9toJkYj4~RWpFXu6CvwMUNy~ZNRF9xf6yh0jozOeMuB-EsOpRkWzD3jPc2fY9Frf2oC1n26Sy2Ug1N9GxolhLLntbspAcu12TXcT3rSEgJXOVVtgQNQ4l0QUsF5wzQzPzgl-7p-G~MVEmw4F700QNoU6bK9xtglCvAqIT1rU~ssWk8YtYevbW3Ws1LRFwqbRl8De3~3bz-I5tll2UuuNP4nKuqKZay60FVjUrKwrI8xf9KkkGjE3aY57W4o~SAbBgutBOu1kK4AgwLlUta8AS4PKgD0iD6DTdsK62seNC-3vJXb96pXnqJ-mFkdGwNf57tHCgcF0uhzQDA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"propertycardgarageicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/ae0fa84e-5dba-411c-92cc-a61b309923fe_1672216796878191904?Expires=-62135596800&Signature=qhw33FsYgeCBTGpJXPr8H507FFTqBZZkwn78tWqHPqWYFxhIhbM-5hz1EgAHS7CkFkOoX64~amyv31jGjW1fLwkXQe5KLKxmZ4mPcGsyLKpWSK9q0A581PnP3bsP9zC8qOvlrHT-LVP3mC1KpN2xSoH5GUtCHifXuy-jOfsFXxJnUAgH2gDKGXV8mT7gPFvxz2u~92dPB4ZPp0Grion-wvUX8DYWJVvASlx6L8VDQqcRFAXJSjeD85vr7v98Pq5fTGiiJJP6oojOdbaEaCJ2LIsC2n4tO8g4r4BWDDwdKTd7N88e0fWuRo43b-EdGj7FIl3d5S0o307hjitwJ2XFSw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"propertycardbedicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/de0e05c6-a4c7-4f46-a0c4-eb054e938763_1671879600511887940?Expires=-62135596800&Signature=HABprvY5r88uLd4BUuyCzMDi7RMh74pyWXa~kwNdVnsZSNVS-t5mLnoDktPj7zEmZIveSMqEy9P6WpAKIe5TdePqqbHtggKkbhsYm~9g4XoWHyHJCU~QLze5I1eU7iBM~CE2EPsm7QNa2RCnH0Suag8YlQGfOHPUs0KCBkIIYCXrYBxZ~-oH2nMwWNu5mluMU-kwWzEru1H5tq4Id45M-SkmR35q3oWECsu1I7Kp4~r2OonkobYcWSNRLMz81DnmrSA28ypR0jdkaYawWTLofgAz5tH6Byelz0Co9K9~QJeiWgT4KVasCfPUmmvqrOmsBuN1hC8TNWVGYA-h0RIYPQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"arrow--down-2.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/8af5f9ff-a109-4565-8efd-119beb0526a6_1671531830996839239?Expires=-62135596800&Signature=iaHjcOatfLY795G6rnO2o27L6sFUcxcf-1tQU9hKLOnhr2W2yyvmvcdQWcBU5Q-lOYp9MgW8~L-4G68Yit92eEDde~amwhrgVrivd6HEboAi-5UQl2wYpV-8NA1h-~h-Ll7QLfpET1ujfehcq1uzII28zLvMzoTeakHXbCHjeAIryWigbzYz1n5zatSbSuYkFomVDJ7qwmKzZh741LArTfe10ApQuZWJnSy--EkVpbeaxwerLY7xTMWW8LvnKT-TWQpZgTgiRQjYoYOHc9x6o5VgzwRk3Y7YiHFja-FlWlAVha8OCjfCYTC8WbC3e86Em4b3XtypmHRJJyj4BdhUDA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"propertiestableicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/433ed773-2062-4375-95f9-d26c38d7b855_1671531830997011495?Expires=-62135596800&Signature=I0shi4015btzm3DlIilP1vEXkFsIF-sHRcburjXSJTX8n-fKQMeNsiwTFn7esMFVQiIHWRv8wMoRAN46FS0TQsxcu2sAyfOzLTtbMl~Ctb~12ONhkabkRXkOdrqq8AQ1lHRvu7zYdcaOhQ-29xUdHyIgoUDbyOtxdMZHp2uTTXmTV4mOR6g~osPTy~dR0EQu6LrmO9wtyogGyfrw48uoSRTW9qKHWmJ6TT8AHFaNlcW0oypb3riHVSa0jutJha0YjRKxSmibO82GyFrYMKxJysb3fZPTa0UYGC6xVrmq0Dyj2-oQnHv5dPh1ZqFU783yFZxtayk4CVpEDtGQ32YoZQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"propertiesmapicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/8af470c9-c785-4088-9d7a-33fd97136387_1671531830997093142?Expires=-62135596800&Signature=KsfuPcNctejHPCBZ3FzN~erKmJ1ukp2l8Akdt1amIq2zZHR7-b-PA4yH0l1twJt16LLZhu5uj9NCkDBhFBnUeHMHlWAlGIInzedof-fWysTNLeMAc-KVysRupMbhHSObhNfsnFcjlNXAqOyGuXmYJPMYESqp44XT4spb6-q2Fu8GUM45NAKQBQUwMMZ-11VqaaVbUyZ0E9ETEwFvjcRk8HZ05sbzrmSQ4oZYG0cjL8YcRW5SEXBjdMLnupjfzL0fLKUGxT8xeoicadedd6O~3XJ~5Y3YzA0vxF7gFF-9ExUENqkap0IdEZoxT51BiwDdwSC1DVHdlh-eAmw5PkjfAg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector-31.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/e32b532b-8de8-4fa7-9437-8d7748b7e3bf_1671531830997179217?Expires=-62135596800&Signature=pvHUypKbTaaCF5sPLS-uPH22-ZP~ZabJqDRHTvE4bFGQqrg58qnto32IptC4EsuvtarHIniFvLJw~MRzqfi1vhY83Pj96DybfDaUxpQ2FdNRhY~YqTonVUm2ffJaaNi-tMACxxU0bIU98-yQxY92gb1MIQTCME46hLFMmVuZ4R1lO~klPsEkX0JIpItin9nCB8lX~kznVbytxXmUSpALuNEjeDHXJeZVcX1VIeFTSr-ehCgfpk-YCUF845m01UzSACzwKnLbHJWDRhLSICTa0ngsk5QCZ1G3~Q5fK9EfZtsqOmuuNvZbYKZwgWASFsaRlRqvflcnuMcGemNba1owdA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector-416.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/b55c802b-c5bc-4d06-a6c7-95aaebdd3255_1671531830997260103?Expires=-62135596800&Signature=vcw68Ij3a9PAC99shnxvORGrqoPl1dF6zPLiWQ5nJYiV0gus8ssfCEJZBCRZetWvX9QgmBGOeS3kHLvtKjurD7JmR9GCO~qmRREvIwys19YqZ1D8~a3vTeZNdIhSjEyiOK24oCzuy4521kOnCoWpVMS8yLhchlylm3yTCTr8RowBYX7ORgtJh6u1qG9B3XgXqhLeI6dxoNhMf73bWgnaYtp6t5bdqSJe~57VnJNUNsAWV9DtrfM5wvgliPQX~qU1tWa5G-ZElWg49F0OaxJLBkrlXITrrb3GCsH4IeG-MqPSUiXDClDoZ250Ta~EOXhFxfFkl2AmRim0jVPOm8zyHg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector3.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/72a27f76-c327-4b30-9bef-3514335f38eb_1671714265054041040?Expires=-62135596800&Signature=NvCJBOltYNFa1KBtgnE-ehYeQ4DIIZErq6n37SU~sd2iHcQp2XN0bkngbhXU-jS9F9KGbixAruzsfcgFumzWVaEhlX5gJwToYEhZtxEJcOD6Fo090gNJgEFCTm9TWBlkWaNWDFHeE~0d2Mzk0yjviylABAysj8AKis0P3oJ9rpRfe65piUuE40wVO7qIB1QP5iQ9Au~rJ1y2MNjIQdqNpYcqggD6NXs5ISd7rVsz0JIcbS7RQayjioqxnrb5jUQGpBdgZHL8zTJHVq3~6E-e2Rsg6ksNKoOI8hX8JhF8lt8QdYSNIpcknFFmJKNv6ngqXITD3~BSvgFNduVG-M3KNA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector-3602.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/cc1f9f3a-b03f-4ef8-aefc-c65a728e2d68_1671531830999463459?Expires=-62135596800&Signature=h49AL0oGdUSxgtd6efbFFNQRB0LSw7Eq0k~yFXEoiYYUIr3RDD2~S5vjysTn~eGAUPN8fUEURA2Oz0DBSw8rNArleoe5ZAT9XUsjYQ5ABrFflQpn7t8KMKJjccVhtnBzOoB4paXHx845T9o4G2GK0~DxVnL0LTNZzuExGqmuf3YX29CoBckkyE87JmGpLIEBM605tAWe7gr6-89oJy0SV1v3qpaGbdIHTH0FIJ318wYRDL5N5Dwuc1GsMynwOA8zdn0feTTVbmXn3KXcMpiRx5ii2~kmn1Cv0YwLnkXoD6vGIbxPqdNcgcehK27xunfBVez4bp~2QwKr7cbF~KBIag__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector-3603.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/422cd0c6-fad2-4415-9e3f-19ac27e18885_1671531830999544994?Expires=-62135596800&Signature=EmhwPPsHXnvRNBUkjwAYAlOde19e-73hTKJcxyK-e84Ct8CobVpMCyD51xCLQuYJluvdUw0~QV8INNme6GQxL6AW9mxYkVxvMMQP5h8t7Hp0hhGefR5a4n1GOIPaacO-J6EvLxqRY8fBbI9wMSbdKKjd4eYQKRbSasivcG62adXQ9f7mtLvPZFNrVoHCfFNocm8dKfZl1Ovdyp3l3SLHyYQGr1SvK~D8PIbo8bZrCGTJ~bobJHKVOGkk4xBb46CCxqQTOeiFvq2snsG~nwz7G5iAAEVGNdpxL8ruqW1xljwmsapr625GyB0d8Ei7WpJmY-u~IE-IGe0Ldt-EyaPHpQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"savedsearchtitleicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/f872fc73-d1dd-4ad3-81e3-c382f9b981c6_1671715743006242278?Expires=-62135596800&Signature=Bhj8ntk724w-fxlXV-~0kdWHuRv8f9j9zkqtT~Z-ltV7EAeHGTqBOQG95jSXxNqpBxnP0fZ6N0cCfUnLjrKXlbJMkscJM0qqJ~u8IYcjbXj~iw~~AthgpePktOxtMZZ~1~DQTIdjpakxi~i24qC38Zjiwyu3Jk5QzfgD-rt478jN59QFI-jaHXk8wfoLgFzkF8j3wrUUoi7JGfHXk0HV7PnZ0ihvWOqHH1xyrw2QnHTxhcYltr2wXzTZihB9CTVXhIYk5fSnNYrYTeLUsJzYOa2v8FoKf3fave6dfCtmvwwhk9~upuJ0nbPK4zNiisL0q2VfbWt7UaBg7qJlVKTSKA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"ellipse-173.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/d198bba3-124f-419b-aeb5-17d4df7b211d_1671531830999631371?Expires=-62135596800&Signature=Q-fgm3dOcYlVNOEm7a65THKQkrj~HvSM13RAvlXejCTwnjmaxPKK3-yvGtpPoAJysXSHtJekibw3T2rcdbQoZImMOb3qn6UaRPOG140My1TNE7d4aAEIOl0q6Oy0st6NT1oqUO9~8h-Rrm1VcFkirVecLOBNW-AEBXVrVBYS8bB~EAFyuPRlWKNAglqdnxh4OcJZNcRVNFtoY2WZVfLjGr2hzcRajESZ5OzlWMY3iAjYF12MO6ReRMHaxLy9TV~V41VPIN8G3JTMDYP43QopXvGH6ANb4JX2rHzpnH2djjKXu8-lPMLrEOZSSFtfXVoVuFE1U9Wyowu62Adv8s1a7w__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"edit.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/aef83954-4eab-42b5-b84a-cf6c7a7d0b71_1671714265054121653?Expires=-62135596800&Signature=ErMIk2Hpy27snNQGb3okZpy6OtKhyup3dvctNiouQuDj~eLAitk7i4H-kFCcK~6~qXhrS6IgJEusBBmPl2XbXcaeVFlomhUW4dJIIImrFps9RObWqtmEc8gm3lSb64i5ZLJTu2L54Xi8oisfmsqtGLGhI68As0UEiNkRmo8Eq5Zk4-nnDU-8wNwAP0MqCZpKJUmmgAXDfBiDKyFZffagmJee4q0RSWwu3den1VdUKUzWmZ8iTDVheeNV9EG3FcJvaj4Gn3WfRirw5Iab4ttPHRp17eU9U6PsJI9CzQHbbYtsJhUfrz-rIcd3MeuBUOWLhfP0tTn0Lr7kiI9OaRP6Bg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"delete.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/55ee7eca-6bcb-4e07-9a8f-7c206311b4c8_1671531830999819828?Expires=-62135596800&Signature=lDcKvP7HR9-gVxVSkB3WSdY2wRxGokb0p-HPchdkt8sv-a~wFmpRhhxKPrE9iljyEr-HH2Arj7qEMMXMS3BZgVD11VHJqX9yIgpfPwT-3P7b-HQPFPybma7na9BwNdfWsmzSJmNlHxU-oupDqbJLkvwUBoVEObAJUvvdpaKH5vfu5oiMm6bEzKWQT3zTSAWGQkwSNZ-xfmQMUwXuq~QzsblfZ6IYpaNrtCVRdKgrF60Bm2QCZN6IlqQQeEKV75pmyMh0~bToXkGNzpYflxNfiIqG3XYRADI00uJKlvz1P1DxJjvrkn33Glm57WbGYXjITol~YPnP6xjEzLWefgqxyg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"noalarm-1.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/151de91c-30e7-4e65-9fa3-edfe44470c68_1671714265054203890?Expires=-62135596800&Signature=YL7YJ79ShvbsA25MJ-ub2pDIVhYQzelRvMvgEVKbpty0MxUBaHLEKM2oD6j5w2msDZ8K2E3OGOnw6UcWkxBNGOTJ5lHNLKp66apz-gL0medFjTJnRdmxA0AsCFT3NAsSvjBBcviUXkBnGarRqjztWHglWSrQeayqtEvUgcE-1LvuEoJYewxURP60yDthUA7p8wA6hwXtAj9k3ufmkKtOLeqSw~RcnsTzgbV0-gCt07Vdw8UjXTIqvAIRAR4Dg4lPemDChzLEqMjMC-22YXu8hbEV6ZpzIEn~dxay9bM60QrjZDEtdlc6z1WipliNWE4heAerJDvoDDZdcZ8ZvtZt0g__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"yourstatustitleicon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/360fd395-d32e-403a-9c38-418061c32bb3_1671715743006335156?Expires=-62135596800&Signature=uDP~ltYJHtxQ1DlaHXGnYZ2XtgvU65n3AQEiDOwzD7aXfY8hVPl6NafcKldpZTPyEx5jwGaG9EY~lrYuVTKJlS-0W5lMCAncIsndxCLrPnHYY5obDxdbVA8iPwsIqq7xnIdoCblCubXd241nJhTJJJRfm-2J3ulQ4ybcwQsNXLufLu7OCIlfWKQGtnkf~U1-WpevZOnD7xPBtCiAANFPKj~yEngk~mBhDA3GBx2N9wswo6aM1~yQQqEld8wm9-L5k0bCOdCM7N2HXmOSLLRyMVX0cTpoXiLX7wrO~zU5tDISXYUR4KDzoncnYMiw~2gkRlhUyWkm17hekPl76HSXJQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"yourstatuswatchlisticon.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/6f4b051d-1dbe-4448-a4d7-e4564b769a9a_1671697788046328514?Expires=-62135596800&Signature=mexxnymRiLU1MDG22we8gIDStuLC-43cIjLR~UgS6B31zd2cLw7vYdb9wFlNA1ectWfJXM2MzMcsu0CcVZXxBFj9OvMqXy9ZsdMYuuIhvkrRJjafJVXnOD86ds0F~iykA9Z8Xr1nBXzms1GIeYR8feYdXG6L1WoZHg0~0AOeeJUYks9yZ2UJHRmdgixULsYAZTxfbWmsYq3AniAG0QETxJWI0zNvWrvR~FB1OxlIF1ccsgCfAyKDDloc3T14IlOykLVC8jjPQfwDf3yP3No6IGFC4Cp3LS6V2jmriSJlOVkBqyd8mxn7fojPO5yjdqqiDP2ov6v-yUwWDstzGtSavw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"yourstatusnotificationsiconcontainer.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/3501cf8c-2052-438c-b705-fbded7ac0bc4_1671714265054368998?Expires=-62135596800&Signature=rtsJM~Fhx4OSoBCtZcu5QIMeAeLFe8fiSlUPufmTJA3Biytp79v3Eeo2o5drmElWZQNCWt0HsfKFO1Cr2Gs91A2pH1roHbY1DVuWAMtTA~8zMtrx3m2Q6MSeDcLii1LU2QTAA46nL7EeX2pU1JJ9i8EYgK1vbctVcpQQxWoEcS-5EaxVqqEUYwoehLopLEVMMSJnqvM~ICq8t-poEI-Pf1WYgkPC4WNP6zjvGSLE-V0kRsfdYb7uVAi5bdi8HjcszfzYxK5zyG7lk8DW3AEcaWFkA6GoLrWXv3tOdGFTSlbKio-K8691A0ipw7fZAbrm8WWI2RLJanGAVlJSlgnpnQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"vector4.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/6a3185a7-8a8c-4995-88ab-1daa6d490ec2_1671714265054455415?Expires=-62135596800&Signature=ny6o2630FjztVIU0UDbZ6VmsDzAfKL-Oh032-VK2KPCkcn35LU6FH0udrUFhjNriuzt59tEGWmK31LuDHYeXIQVocBex~qebwkQivxiv7uqe6R8LqqpcWiJMhuQrSJZ9JHPPIEozG8MC1uWMY2A5Hh1yt2q6nIkEzjWeTaimRjpd9NHaFNPN~oulkHGGWUSbVCTGLr8ACqRf1bR8HWPzWdSG0Mxvr2gfiu-hP6RIMyQBdOzkLtSIKH9rbffRhdHN0EfdwgNBVM3pkaHPOMHUOyRcNW7ARDEDy8rs~~f1E67XOWKi7KwfDVScpU4lpc2ftbPF7pOJINKbUbC193iZ7Q__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"yourstatusinspectediconvector.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/e600fbe2-b04d-40af-a00c-b462a2fbec34_1671714265054538208?Expires=-62135596800&Signature=Vbr1c6xAUmzYKu0RqLbHPtydAsS2VCuOuBxZsrHWPO~4CiTiHDDXeZ1eAFJ5p7eAiqmnsUG9RPj7-s~tkdmU6TDEiICTXn~pGejW37h1RTR4sstVN~hq7Ji6Ijwt9YTROiHfkMr9TvSw67GJZsr6Itlq-lJnaeFYcsIcEjWOYmIV~caa4Q7qHSjhu0SZmUo8cdaN4byrJtMr~GLt-J1JQXOeuPqEZgzKTI~W3ncz30mteLJj0Z-jygQt7MdckPcAF0nlHi09HTEe5QYhXcVEo-KsEl8cWf-iwR8xspjlx4SQC9kHe431krTCYYdiKuNtAyRhPUNYBjxmbce1Holg5g__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"setting-fill2.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/6b88bc3a-b4cf-4f33-83df-6fd03ce451f1_1671531830995155479?Expires=-62135596800&Signature=cd8uglJydr-Nr0I4beMsg1-MsDEzpvjFjIk33NTqL5jYZdKEsqdGGqAwrYcJjj6fneoN3lCX0eVrIaONstEqXQJfYYg7ubfP7TZFDnkgaCSIAoIigPbqCfUlMmjTsP3Q5oGm2OUDGfwC1WrwV-HVNKMW~F6Sz53mb-V8nbyZX0f5cMglugacNSTVEHUjBH8e9JVvkjT63zOo3SDXc5Knbpm7BO9l3YVPfPIxvYWQGWuiBsid0ko900HfW81nB4tLa~dqm4EiZRFrmTRJBggOJOmOt-eJSG4LYu4TqI7WpN4AE9iPAsrsckr1ZsEWjN2WvDEvmPIXSaSNyH2h~x3xsA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"download.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/380b60ea-df30-431c-95e6-0cfaf765d29f_1671531830995740617?Expires=-62135596800&Signature=A13kJ1XK9osex-tYIAO1uzlDCP-yOPAS5fW9JW1smdrH~OAZW-mPvqOY6fJaH8W41OYEYuIWhj6gwjBGAR2oz4NNm~-pp~nSlmLcVRrNuyqfjDk9Hk-jzyChj-l2~SCIN~ibk9TxNdmwrm6rc38vD5AAnXiCEEcu8cWuybnBZn8UDbTvBf1ubUnBUKhN44ug80s79lx9EH9qt4fS6iDnUVCXdVHKxDneN6OBB9devYVzZBJPYs7OgMHvZkG18M~Q23Cr53Bfm2uxVlZ5OScoS8AYfuRKUC7V-dyL2TsAlKL2RN-XpQmYDK1-P8cgLqk6l2S~7gQfdGkI2IMuY8vb3Q__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"iconlylightoutlineadd-user.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/86987099-03a1-47a1-94e9-21dc41ff9bb9_1671531830994954503?Expires=-62135596800&Signature=v62bRS8u29cn~eiiz13RZMBJaymHdlSo4vMp9ChgeR68EgFK1nwU5CvkwiQrl9OemGJtoqjVz4pCx2w3b1v6vVx9cTBie0P9wnUTZlVRJBgqwiEC2blGT0Uh5PQHDS9nySt32gSbk95~Me4AMSIk4lyjOaD7EYNt7fzKf3AoFxuj-TUfz58cmupD6itbxCYXSWooWn~sYRcYUd4Y4a2uGv1CDwCbkCj8uPjjSWR3aFNWN4UNjzAquSX~z~5xndVTMAdf~lhCB4IfOiayNAPiOLvbRGzk1JVc~gQ3A50uKfWIdpaJtFrLAwb7h8PeIq396wkJQGKgzhxJDPkftFxseQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"mask-group4@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/e93d052a-e787-4356-a9c8-9fbafe49bf5b_1671714941676747230?Expires=-62135596800&Signature=FCKj3UIQ1w8i89y1X5JkEuNQSqB1jFZQg7dSRVpT9uF4-1HqQbFFzlQWN4rD2eDAZRNXU2TlOIL18nyhzgKB-bKEvMg7lbA6IWhCjCO8QdhjNddAov0xaTj6TrC1eSXIslfWEqHYXR3edid25GVNoL-e~DbcHBIlf7ES3aTxa9AcJJ3UhfmBrSYbrZD8OHe2M4qOt2SkTKKBVh6b6etgVVqxzQb9BLDhqqRcwpNCCD6uzhYV03W79C9TJDiUCDbER4goPGuGUv4UwKAbwUSX78-4RGwvZtwg-6m1bMSQD43yxz3te6LpDqqZ-xrcPvYbpIXr2T0nvDAq6qbxcKaPYw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"left-menu.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/3cbcc2e0-baa4-4068-8d14-8d36bc413a9c_1671867896667384882?Expires=-62135596800&Signature=Nf9-N7h69A8IBvazlunfPSvWk-3SZvl7grZkCHyajTTOymQy9UUpjJ3PA2Xm8R1hyCVpxVCkLzUMYv1aid~vq6OaurN~asK~N6zZ4byyhhnjMrYG4CwEJXJeSOeKJjW1bovgqZEJnn7GcES-VRW31-ppzaWuC7e~KGHASL~WDx3NohSd0dkxY7YP-SICX~z4REgFXcQ9X-~97OWM62nTaBrQMbIptkgdq3R63kYMLlYigyCkqrbnJE-f7v8I2qpgwCA-yrGLbd80oUkXnxHbcZXdKMovZJewX~Uw8W-L7l51bjWVpQ5bXKL4pV153nH5LY18K3hKq5MVOJf-7Rkvtg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"slidingbutton.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/dc40ce28-8631-4d03-a307-02420d5ead63_1671786102937711234?Expires=-62135596800&Signature=JbGPDjlidMaVoMfbMfLQJK5ZH6nrLiGH9Vgo7r3IZTeyHcgt~0nfEtUwD8LcM1N7V40oWzh-qHRAjgEAroMV2VWNg5iThxr4X-KOBHKcFtalnHiXZAd1eibJ6NLF-psi9L091BQ5Ubz5KuPYvKbIWS3wet-U6Gz1dAbcgvtCzf3sAJfoVpXhk4EyzqaIirEoykEeND-gorp7rwoVxeX2d4SDq9MvtsqK~AMbWa5WNXiX14RGOf306antM6DyZglTHLx3DF1-CET8NIwMYKx2b97bDoiv15PtYtJx4J1aQwminKTMFkt8rRNn0HFTCSV~-V0syMHw24h4jEhXZVzmlQ__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"usermenu@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/d9878971-3ff3-4ed7-ac31-99944565651f_1671714941676917193?Expires=-62135596800&Signature=rH~HqWwhuW4JzZSxzyJXSxtwkXA09FiM5hxLpI1vR15IEtriB8sgYYUgo-G3dCDq8rlGchHeF3EE0WX~qdvH8kP3aQtWK2bZMTj0xcj~ElrytQfvORk6nBA~Q9pPnlb7~NfzAZs~xydESowXk6-w7xLo5Y1ambBBuhI1HgJhwYsy-VenFvlkRz8y85Y4KMSTYEU2CPrxfe4WRASWUTz6ADJws2sJa~GZsGeGuuu5p6YQqkHliu0bklSG80Q5VBxyAMJDryyc70oUeCDkg87WAieR5cXEe7GnepuFcpdLyuonymiNaAtgP2-lkguf-GRfcG3582gH-qT9BNgl9Y-0Vg__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"logo@2x.png","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a19b44a4aaf4ee2f4f33da/99ff1106-cb1f-4eec-b8da-b26eb99851ef_1671714941676999352?Expires=-62135596800&Signature=HX-pJzoYjVbPbl1ynEKzCvdGhUdVFnaGgZwjQOkzwh2ns6t4cOf-ghB5cTpKPCT3OoxsMeW0y-oliBBc9pecZGCNpqeqPXVIQ5H0errcPw3Q5wRdhLzyhnMmFPDLtkKnmBzkVr1Yy3dZUatVGPoJiOgzaqdwZDSXD51RzS2to7VgmAyf~8CwNCFmJtEqHnd5CoOOY9nfIjTR7cPavhSz1a3dFJGQZnPxAkgiLEXlxlbZ9BI96pzLIEhlPvXGa8ve9~U5RVUtMrtQ2UbUhZF9f3lEasbhsEUDYUdebtjxgbskV7z7yzy10CkMuwCeQWHXrDLB3ZiM-tYvfr5nXrAIoA__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"},{"name":"arrow-chevron-down.svg","url":"https://d1xzdqg8s8ggsr.cloudfront.net/63a1856ea4aaf4ee2f4f324f/1a725461-5958-4d9b-b925-d7c321a31d47_1671531830995821295?Expires=-62135596800&Signature=c5Wjzd5rrkcRLxcDdNzKVPPPDQvy6isk0DNeuJAtYZbn~6RFuxtKjS68~Xx154n1YvXmKUhpk-HALqKORcCj2VdmwVwyZm7CybaPUPUuXpC0T0vY0anBLbLwXF0NOuGu9zSu1kFcDynJNPEtWuAyzPFe1JWuFGSJr6V40UP509VLB8t89-btQ5rhT-3Z2zjtNsMTmdwQUPhOsEKO4kFAMKE14NkKu~HY9lX3jCD-ktbeAgMDWAqYPRr2kKg3QnsOPNJ220qpZNHe~swU9okx1asPnaND~xr8weu6fM-OSOchfeadt5GpgrhLyNTbU3rIgi1aVha97jOqs4g6VtDnpw__&Key-Pair-Id=K1P54FZWCHCL6J","path":"public"}] \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 00000000..1bb8dd58 --- /dev/null +++ b/package.json @@ -0,0 +1,45 @@ + + { + "name": "buyers-dashboard", + "version": "0.1.0", + "private": true, + "dependencies": { + "@testing-library/jest-dom": "^5.16.1", + "@testing-library/react": "^13.3.0", + "@testing-library/user-event": "^13.5.0", + "@types/jest": "^27.0.3", + "@types/node": "^16.11.14", + "@types/react": "^18.0.17", + "@types/react-dom": "^18.0.6", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "react-scripts": "5.0.1", + "web-vitals": "^2.1.2", + "@mui/material": "^5.2.5", + "@emotion/react": "^11.7.1", + "@emotion/styled": "^11.6.0", + "react-router-dom": "^6.2.1" + }, + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test", + "eject": "react-scripts eject" + }, + "eslintConfig": { + + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + } + } + \ No newline at end of file diff --git a/public/activity-feed-filter.svg b/public/activity-feed-filter.svg new file mode 100644 index 00000000..dc3084ac --- /dev/null +++ b/public/activity-feed-filter.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/activityaddicon.svg b/public/activityaddicon.svg new file mode 100644 index 00000000..3bbe6c6d --- /dev/null +++ b/public/activityaddicon.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/public/arrow--down-2.svg b/public/arrow--down-2.svg new file mode 100644 index 00000000..ccc6bff4 --- /dev/null +++ b/public/arrow--down-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/arrow-chevron-down.svg b/public/arrow-chevron-down.svg new file mode 100644 index 00000000..dfe54f62 --- /dev/null +++ b/public/arrow-chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/arrow-chevron-forward.svg b/public/arrow-chevron-forward.svg new file mode 100644 index 00000000..8d343350 --- /dev/null +++ b/public/arrow-chevron-forward.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/arrow-chevron-forward2.svg b/public/arrow-chevron-forward2.svg new file mode 100644 index 00000000..6f9b4494 --- /dev/null +++ b/public/arrow-chevron-forward2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/arrow-chevron-forward3.svg b/public/arrow-chevron-forward3.svg new file mode 100644 index 00000000..a9785a36 --- /dev/null +++ b/public/arrow-chevron-forward3.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/beddiv.svg b/public/beddiv.svg new file mode 100644 index 00000000..e79a2a86 --- /dev/null +++ b/public/beddiv.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/beddiv1.svg b/public/beddiv1.svg new file mode 100644 index 00000000..53e6f1d0 --- /dev/null +++ b/public/beddiv1.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/clockhistory.svg b/public/clockhistory.svg new file mode 100644 index 00000000..9aefe837 --- /dev/null +++ b/public/clockhistory.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/clockhistory3.svg b/public/clockhistory3.svg new file mode 100644 index 00000000..8921998d --- /dev/null +++ b/public/clockhistory3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/clockhistory4.svg b/public/clockhistory4.svg new file mode 100644 index 00000000..a90ddc12 --- /dev/null +++ b/public/clockhistory4.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/countdowntimerlastrow.svg b/public/countdowntimerlastrow.svg new file mode 100644 index 00000000..7e64249a --- /dev/null +++ b/public/countdowntimerlastrow.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/delete.svg b/public/delete.svg new file mode 100644 index 00000000..04182033 --- /dev/null +++ b/public/delete.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/download.svg b/public/download.svg new file mode 100644 index 00000000..52cbf0ca --- /dev/null +++ b/public/download.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/public/edit.svg b/public/edit.svg new file mode 100644 index 00000000..767ff24b --- /dev/null +++ b/public/edit.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/ellipse-144.svg b/public/ellipse-144.svg new file mode 100644 index 00000000..da598878 --- /dev/null +++ b/public/ellipse-144.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/public/ellipse-148@2x.png b/public/ellipse-148@2x.png new file mode 100644 index 00000000..2e03ff96 Binary files /dev/null and b/public/ellipse-148@2x.png differ diff --git a/public/ellipse-149@2x.png b/public/ellipse-149@2x.png new file mode 100644 index 00000000..cb9e6b6b Binary files /dev/null and b/public/ellipse-149@2x.png differ diff --git a/public/ellipse-150@2x.png b/public/ellipse-150@2x.png new file mode 100644 index 00000000..020a329c Binary files /dev/null and b/public/ellipse-150@2x.png differ diff --git a/public/ellipse-173.svg b/public/ellipse-173.svg new file mode 100644 index 00000000..3fefd68b --- /dev/null +++ b/public/ellipse-173.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-20.svg b/public/ellipse-20.svg new file mode 100644 index 00000000..5618b3a1 --- /dev/null +++ b/public/ellipse-20.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-203.svg b/public/ellipse-203.svg new file mode 100644 index 00000000..4340ec34 --- /dev/null +++ b/public/ellipse-203.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-204.svg b/public/ellipse-204.svg new file mode 100644 index 00000000..3dcf53cc --- /dev/null +++ b/public/ellipse-204.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-205.svg b/public/ellipse-205.svg new file mode 100644 index 00000000..529a906d --- /dev/null +++ b/public/ellipse-205.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-21.svg b/public/ellipse-21.svg new file mode 100644 index 00000000..ef93b31d --- /dev/null +++ b/public/ellipse-21.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-213.svg b/public/ellipse-213.svg new file mode 100644 index 00000000..aee11ee0 --- /dev/null +++ b/public/ellipse-213.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-214.svg b/public/ellipse-214.svg new file mode 100644 index 00000000..e7eb79b3 --- /dev/null +++ b/public/ellipse-214.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/ellipse-215.svg b/public/ellipse-215.svg new file mode 100644 index 00000000..86c6ce0b --- /dev/null +++ b/public/ellipse-215.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/firsteyeicon.svg b/public/firsteyeicon.svg new file mode 100644 index 00000000..4a82c86d --- /dev/null +++ b/public/firsteyeicon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/forward-arrow.svg b/public/forward-arrow.svg new file mode 100644 index 00000000..367ef3be --- /dev/null +++ b/public/forward-arrow.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/fourtheyeicon.svg b/public/fourtheyeicon.svg new file mode 100644 index 00000000..9ce74760 --- /dev/null +++ b/public/fourtheyeicon.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/public/group-1000001052.svg b/public/group-1000001052.svg new file mode 100644 index 00000000..02b61686 --- /dev/null +++ b/public/group-1000001052.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/group-10000010521.svg b/public/group-10000010521.svg new file mode 100644 index 00000000..28918f22 --- /dev/null +++ b/public/group-10000010521.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/group-1000001176.svg b/public/group-1000001176.svg new file mode 100644 index 00000000..19a49e8f --- /dev/null +++ b/public/group-1000001176.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/group-10000011764.svg b/public/group-10000011764.svg new file mode 100644 index 00000000..b5e832a4 --- /dev/null +++ b/public/group-10000011764.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/group-1000001177.svg b/public/group-1000001177.svg new file mode 100644 index 00000000..262005c9 --- /dev/null +++ b/public/group-1000001177.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/group-10000011771.svg b/public/group-10000011771.svg new file mode 100644 index 00000000..8c51f5bf --- /dev/null +++ b/public/group-10000011771.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/group-10000011773.svg b/public/group-10000011773.svg new file mode 100644 index 00000000..6b4417e3 --- /dev/null +++ b/public/group-10000011773.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/group-10000011774.svg b/public/group-10000011774.svg new file mode 100644 index 00000000..cc22c0fd --- /dev/null +++ b/public/group-10000011774.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/iconlylightoutlineadd-user.svg b/public/iconlylightoutlineadd-user.svg new file mode 100644 index 00000000..72966612 --- /dev/null +++ b/public/iconlylightoutlineadd-user.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/image-27@2x.png b/public/image-27@2x.png new file mode 100644 index 00000000..0b510a53 Binary files /dev/null and b/public/image-27@2x.png differ diff --git a/public/image-28@2x.png b/public/image-28@2x.png new file mode 100644 index 00000000..abed0b61 Binary files /dev/null and b/public/image-28@2x.png differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 00000000..669bf5b3 --- /dev/null +++ b/public/index.html @@ -0,0 +1,15 @@ + + + + + + + + + Buyers-DashBoard + + + +
+ + diff --git a/public/left-menu.svg b/public/left-menu.svg new file mode 100644 index 00000000..047d063f --- /dev/null +++ b/public/left-menu.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/logo@2x.png b/public/logo@2x.png new file mode 100644 index 00000000..0fc4fd55 Binary files /dev/null and b/public/logo@2x.png differ diff --git a/public/mask-group1@2x.png b/public/mask-group1@2x.png new file mode 100644 index 00000000..4a2d2e6a Binary files /dev/null and b/public/mask-group1@2x.png differ diff --git a/public/mask-group2@2x.png b/public/mask-group2@2x.png new file mode 100644 index 00000000..6a09dd8c Binary files /dev/null and b/public/mask-group2@2x.png differ diff --git a/public/mask-group3@2x.png b/public/mask-group3@2x.png new file mode 100644 index 00000000..cc64cb91 Binary files /dev/null and b/public/mask-group3@2x.png differ diff --git a/public/mask-group4@2x.png b/public/mask-group4@2x.png new file mode 100644 index 00000000..35f6730c Binary files /dev/null and b/public/mask-group4@2x.png differ diff --git a/public/mask-group@2x.png b/public/mask-group@2x.png new file mode 100644 index 00000000..04855c1d Binary files /dev/null and b/public/mask-group@2x.png differ diff --git a/public/noalarm-1.svg b/public/noalarm-1.svg new file mode 100644 index 00000000..b47eb257 --- /dev/null +++ b/public/noalarm-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/offercard1image@2x.png b/public/offercard1image@2x.png new file mode 100644 index 00000000..19c617d8 Binary files /dev/null and b/public/offercard1image@2x.png differ diff --git a/public/offerproperty.svg b/public/offerproperty.svg new file mode 100644 index 00000000..8d2a9bfb --- /dev/null +++ b/public/offerproperty.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/offerscard1bed.svg b/public/offerscard1bed.svg new file mode 100644 index 00000000..0daa589a --- /dev/null +++ b/public/offerscard1bed.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/offerscard1property.svg b/public/offerscard1property.svg new file mode 100644 index 00000000..80a69770 --- /dev/null +++ b/public/offerscard1property.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/offerscard2bed.svg b/public/offerscard2bed.svg new file mode 100644 index 00000000..a48c0dc3 --- /dev/null +++ b/public/offerscard2bed.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/offerscard2property.svg b/public/offerscard2property.svg new file mode 100644 index 00000000..3303ede6 --- /dev/null +++ b/public/offerscard2property.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/propertiesicondiv.svg b/public/propertiesicondiv.svg new file mode 100644 index 00000000..cebdde92 --- /dev/null +++ b/public/propertiesicondiv.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/propertiesmapicon.svg b/public/propertiesmapicon.svg new file mode 100644 index 00000000..2187c973 --- /dev/null +++ b/public/propertiesmapicon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/propertiestableicon.svg b/public/propertiestableicon.svg new file mode 100644 index 00000000..1579a0b5 --- /dev/null +++ b/public/propertiestableicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/propertycardbedicon.svg b/public/propertycardbedicon.svg new file mode 100644 index 00000000..9f136ea4 --- /dev/null +++ b/public/propertycardbedicon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/propertycardbuttonspanel.svg b/public/propertycardbuttonspanel.svg new file mode 100644 index 00000000..e5245198 --- /dev/null +++ b/public/propertycardbuttonspanel.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/propertycardgarageicon.svg b/public/propertycardgarageicon.svg new file mode 100644 index 00000000..f2e28005 --- /dev/null +++ b/public/propertycardgarageicon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/rectangle-4092@2x.png b/public/rectangle-4092@2x.png new file mode 100644 index 00000000..cef15e4d Binary files /dev/null and b/public/rectangle-4092@2x.png differ diff --git a/public/rectangle-41223@2x.png b/public/rectangle-41223@2x.png new file mode 100644 index 00000000..f2efca29 Binary files /dev/null and b/public/rectangle-41223@2x.png differ diff --git a/public/rectangle-4122@2x.png b/public/rectangle-4122@2x.png new file mode 100644 index 00000000..d7c3d014 Binary files /dev/null and b/public/rectangle-4122@2x.png differ diff --git a/public/rectangle-4441.svg b/public/rectangle-4441.svg new file mode 100644 index 00000000..61b29eed --- /dev/null +++ b/public/rectangle-4441.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/savedsearchtitleicon.svg b/public/savedsearchtitleicon.svg new file mode 100644 index 00000000..05e66aa3 --- /dev/null +++ b/public/savedsearchtitleicon.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/secondeyeicon.svg b/public/secondeyeicon.svg new file mode 100644 index 00000000..7c830835 --- /dev/null +++ b/public/secondeyeicon.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/setting-fill.svg b/public/setting-fill.svg new file mode 100644 index 00000000..9af5f59c --- /dev/null +++ b/public/setting-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/setting-fill1.svg b/public/setting-fill1.svg new file mode 100644 index 00000000..bdbbde0b --- /dev/null +++ b/public/setting-fill1.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/setting-fill2.svg b/public/setting-fill2.svg new file mode 100644 index 00000000..426f4f09 --- /dev/null +++ b/public/setting-fill2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/slidingbutton.svg b/public/slidingbutton.svg new file mode 100644 index 00000000..b2528e26 --- /dev/null +++ b/public/slidingbutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/thirdeyeicon.svg b/public/thirdeyeicon.svg new file mode 100644 index 00000000..83ec8ffa --- /dev/null +++ b/public/thirdeyeicon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/usermenu@2x.png b/public/usermenu@2x.png new file mode 100644 index 00000000..1a8a98c0 Binary files /dev/null and b/public/usermenu@2x.png differ diff --git a/public/vector-31.svg b/public/vector-31.svg new file mode 100644 index 00000000..73b48196 --- /dev/null +++ b/public/vector-31.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector-360.svg b/public/vector-360.svg new file mode 100644 index 00000000..4e01dcab --- /dev/null +++ b/public/vector-360.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector-3602.svg b/public/vector-3602.svg new file mode 100644 index 00000000..52fc8f94 --- /dev/null +++ b/public/vector-3602.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector-3603.svg b/public/vector-3603.svg new file mode 100644 index 00000000..1c37f569 --- /dev/null +++ b/public/vector-3603.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector-361.svg b/public/vector-361.svg new file mode 100644 index 00000000..60d94f1e --- /dev/null +++ b/public/vector-361.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector-416.svg b/public/vector-416.svg new file mode 100644 index 00000000..5e2728e8 --- /dev/null +++ b/public/vector-416.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector.svg b/public/vector.svg new file mode 100644 index 00000000..92c723f3 --- /dev/null +++ b/public/vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector3.svg b/public/vector3.svg new file mode 100644 index 00000000..4dc63e46 --- /dev/null +++ b/public/vector3.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/vector4.svg b/public/vector4.svg new file mode 100644 index 00000000..bf4cbac0 --- /dev/null +++ b/public/vector4.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/youroffervaluedirectionicon@2x.png b/public/youroffervaluedirectionicon@2x.png new file mode 100644 index 00000000..fc1dbeae Binary files /dev/null and b/public/youroffervaluedirectionicon@2x.png differ diff --git a/public/yourstatusinspectediconvector.svg b/public/yourstatusinspectediconvector.svg new file mode 100644 index 00000000..8233f7e5 --- /dev/null +++ b/public/yourstatusinspectediconvector.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/yourstatusnotificationsiconcontainer.svg b/public/yourstatusnotificationsiconcontainer.svg new file mode 100644 index 00000000..7b3b524e --- /dev/null +++ b/public/yourstatusnotificationsiconcontainer.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/yourstatustitleicon.svg b/public/yourstatustitleicon.svg new file mode 100644 index 00000000..581cbf70 --- /dev/null +++ b/public/yourstatustitleicon.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/yourstatuswatchlisticon.svg b/public/yourstatuswatchlisticon.svg new file mode 100644 index 00000000..f8c1ebd6 --- /dev/null +++ b/public/yourstatuswatchlisticon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/App.js b/src/App.js new file mode 100644 index 00000000..fbf5a307 --- /dev/null +++ b/src/App.js @@ -0,0 +1,53 @@ +import { + Routes, + Route, + useNavigationType, + useLocation, +} from "react-router-dom"; +import BuyersDashboard from "./pages/buyers-dashboard"; +import { useEffect } from "react"; + +function App() { + const action = useNavigationType(); + const location = useLocation(); + const pathname = location.pathname; + + useEffect(() => { + if (action !== "POP") { + window.scrollTo(0, 0); + } + }, [action]); + + useEffect(() => { + let title = ""; + let metaDescription = ""; + + //TODO: Update meta titles and descriptions below + switch (pathname) { + case "/": + title = ""; + metaDescription = ""; + break; + } + + if (title) { + document.title = title; + } + + if (metaDescription) { + const metaDescriptionTag = document.querySelector( + 'head > meta[name="description"]' + ); + if (metaDescriptionTag) { + metaDescriptionTag.content = metaDescription; + } + } + }, [pathname]); + + return ( + + } /> + + ); +} +export default App; diff --git a/src/components/activity-card.js b/src/components/activity-card.js new file mode 100644 index 00000000..f9b934c9 --- /dev/null +++ b/src/components/activity-card.js @@ -0,0 +1,38 @@ +import { useMemo } from "react"; +import styles from "./activity-card.module.css"; + +const ActivityCard = ({ + fourthCardTop, + fourthCardLeft, + sarahAnders, + sarahAndersWidth, + maskGroup, +}) => { + const fourthCardStyle = useMemo(() => { + return { + top: fourthCardTop, + left: fourthCardLeft, + }; + }, [fourthCardTop, fourthCardLeft]); + + const sarahAndersStyle = useMemo(() => { + return { + width: sarahAndersWidth, + }; + }, [sarahAndersWidth]); + + return ( +
+
+ {sarahAnders} +
+ +
+ Viewed property listing +
+
{`2:12pm `}
+
+ ); +}; + +export default ActivityCard; diff --git a/src/components/activity-card.module.css b/src/components/activity-card.module.css new file mode 100644 index 00000000..8d87a0a8 --- /dev/null +++ b/src/components/activity-card.module.css @@ -0,0 +1,48 @@ +.sarahAnders { + position: absolute; + top: calc(50% - 13.5px); + left: calc(50% - 81px); + font-size: var(--font-size-base); + font-weight: 500; + text-align: left; + display: inline-block; + width: 121px; + height: 18px; +} +.maskGroupIcon { + position: absolute; + top: calc(50% - 22.5px); + left: calc(50% - 128px); + width: 36.5px; + height: 36.5px; + object-fit: cover; +} +.viewedPropertyListing { + position: absolute; + top: 28px; + left: 45px; + color: var(--color-gray-1400); + display: inline-block; + width: 130px; + height: 15px; +} +.fourthcard, +.pm { + position: absolute; +} +.pm { + top: 30px; + left: 222px; + color: var(--color-gray-1000); + display: inline-block; +} +.fourthcard { + top: calc(50% - 21px); + left: calc(50% - 112.5px); + width: 256px; + height: 45px; + text-align: right; + font-size: var(--font-size-xs); + color: var(--border-color4); + font-family: var(--font-poppins); +} diff --git a/src/components/activity-section.js b/src/components/activity-section.js new file mode 100644 index 00000000..e6787223 --- /dev/null +++ b/src/components/activity-section.js @@ -0,0 +1,66 @@ +import ActivityCard from "../components/activity-card"; +import styles from "./activity-section.module.css"; + +const ActivitySection = () => { + return ( +
+ +
+
+ +
Today
+ +
Activity
+
+ +
+
+ + +
+
+
+ + + + + + + + + + ); +}; + +export default ActivitySection; diff --git a/src/components/activity-section.module.css b/src/components/activity-section.module.css new file mode 100644 index 00000000..3acad434 --- /dev/null +++ b/src/components/activity-section.module.css @@ -0,0 +1,153 @@ +.activityFeed { + position: absolute; + top: 0; + left: calc(50% - 163px); + border-radius: var(--br-2xs); + background-color: var(--color-white); + width: 326px; + height: 419px; +} +.fullactivitycontainerChild { + position: absolute; + top: 10px; + left: 13px; + border-radius: var(--br-xs); + background-color: var(--color-gray-300); + width: 300px; + height: 38px; +} +.activityFeedFilter { + position: absolute; + top: 14px; + left: 277px; + width: 29.51px; + height: 29.48px; +} +.activity, +.today { + position: absolute; + font-family: var(--font-poppins); + text-align: left; + display: inline-block; +} +.today { + top: 77px; + left: 144px; + font-size: var(--font-size-sm); + font-weight: 300; + color: var(--color-black); +} +.activity { + top: calc(50% - 190.5px); + left: calc(50% - 132px); + font-size: var(--font-size-base); + font-weight: 500; + color: var(--color-gray-1600); +} +.activitycontainerChild { + position: absolute; + top: 108px; + left: 40px; + border-radius: var(--br-xs); + background-color: var(--color-white); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); + width: 275px; + height: 62px; +} +.activityaddicon { + position: absolute; + top: 123px; + left: 4px; + width: 33px; + height: 33px; +} +.fourthcardcontainerChild { + position: absolute; + top: 0; + left: 30px; + border-radius: var(--br-xs); + background-color: var(--color-white); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); + width: 275px; + height: 62px; +} +.fourtheyeicon { + position: absolute; + top: 15px; + left: -6px; + width: 33px; + height: 33px; +} +.fourthcardcontainer { + position: absolute; + top: 339px; + left: 10px; + width: 305px; + height: 62px; +} +.activitycontainerInner, +.activitycontainerItem { + position: absolute; + top: 185px; + left: 40px; + border-radius: var(--br-xs); + background-color: var(--color-white); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); + width: 275px; + height: 62px; +} +.activitycontainerInner { + top: 263px; +} +.ellipseIcon { + position: absolute; + top: 278px; + left: 4px; + width: 33px; + height: 33px; +} +.thirdeyeicon, +.vectorIcon { + position: absolute; + top: 309px; + left: 20.5px; + width: 1px; + height: 46px; +} +.thirdeyeicon { + height: 1.53%; + width: 3.37%; + top: 69.21%; + right: 92.02%; + bottom: 29.26%; + left: 4.6%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.firsteyeicon, +.secondeyeicon { + position: absolute; + top: 200px; + left: 4px; + width: 33px; + height: 77px; +} +.firsteyeicon { + height: 15.51%; + width: 3.37%; + top: 32.22%; + right: 92.02%; + bottom: 52.27%; + left: 4.6%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.activitycontainer { + position: absolute; + top: 0; + left: calc(50% - 163px); + width: 326px; + height: 419px; +} diff --git a/src/components/address-text.js b/src/components/address-text.js new file mode 100644 index 00000000..cd11d5ca --- /dev/null +++ b/src/components/address-text.js @@ -0,0 +1,11 @@ +import styles from "./address-text.module.css"; + +const AddressText = () => { + return ( +
+
Welcome back, Alex
+
+ ); +}; + +export default AddressText; diff --git a/src/components/address-text.module.css b/src/components/address-text.module.css new file mode 100644 index 00000000..8964d369 --- /dev/null +++ b/src/components/address-text.module.css @@ -0,0 +1,18 @@ +.welcomeBackAlex { + position: absolute; + top: 0; + left: 0; + font-weight: 600; + display: inline-block; +} +.address { + position: absolute; + top: 1px; + left: 15px; + width: 337px; + height: 49px; + text-align: left; + font-size: var(--font-size-4xl); + color: var(--color-gray-2000); + font-family: var(--font-poppins); +} diff --git a/src/components/all-listings.js b/src/components/all-listings.js new file mode 100644 index 00000000..05bc4c01 --- /dev/null +++ b/src/components/all-listings.js @@ -0,0 +1,23 @@ +import { useCallback } from "react"; +import styles from "./all-listings.module.css"; + +const AllListings = () => { + const onAllListingsContainerClick = useCallback(() => { + window.open("https://demo01.houzez.co/with-half-map/"); + }, []); + + return ( +
+
+ +
99+
+
All Listings
+ + + +
For Sale
+
+ ); +}; + +export default AllListings; diff --git a/src/components/all-listings.module.css b/src/components/all-listings.module.css new file mode 100644 index 00000000..74e7d70e --- /dev/null +++ b/src/components/all-listings.module.css @@ -0,0 +1,74 @@ +.alllistingsChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-lg); + background-color: var(--color-gray-200); + border: 1px solid var(--color-gray-1000); + box-sizing: border-box; + width: 473px; + height: 141px; +} +.alllistingsItem { + position: absolute; + top: 22px; + left: 161px; + width: 36px; + height: 36px; +} +.allListings, +.div { + position: absolute; + display: inline-block; +} +.div { + top: 31px; + left: 169px; + font-weight: 600; + color: var(--color-white); +} +.allListings { + top: 22px; + left: 25px; + font-size: var(--font-size-2xl); + font-weight: 500; +} +.deleteIcon, +.editIcon, +.noAlarm1Icon { + position: absolute; + top: 29px; + left: 377px; + width: 24px; + height: 24px; +} +.deleteIcon, +.noAlarm1Icon { + top: 28px; + left: 421px; +} +.noAlarm1Icon { + top: 91px; + left: 418px; + width: 30px; + height: 30px; + overflow: hidden; +} +.forSale { + position: absolute; + top: 61px; + left: 25px; + display: inline-block; +} +.alllistings { + position: absolute; + top: 0; + left: 60px; + width: 473px; + height: 141px; + cursor: pointer; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/avg-rating.js b/src/components/avg-rating.js new file mode 100644 index 00000000..6c908f1e --- /dev/null +++ b/src/components/avg-rating.js @@ -0,0 +1,7 @@ +import styles from "./avg-rating.module.css"; + +const AvgRating = () => { + return
; +}; + +export default AvgRating; diff --git a/src/components/avg-rating.module.css b/src/components/avg-rating.module.css new file mode 100644 index 00000000..46a132af --- /dev/null +++ b/src/components/avg-rating.module.css @@ -0,0 +1,10 @@ +.offerfulldivChild { + position: absolute; + top: 94px; + left: 267px; + border-radius: var(--br-2xs); + background-color: var(--color-white); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); + width: 135px; + height: 124px; +} diff --git a/src/components/bekkevue-hill.js b/src/components/bekkevue-hill.js new file mode 100644 index 00000000..e9b56658 --- /dev/null +++ b/src/components/bekkevue-hill.js @@ -0,0 +1,34 @@ +import { useCallback } from "react"; +import styles from "./bekkevue-hill.module.css"; + +const BekkevueHill = () => { + const onSavedSearchesPropertyContainerClick = useCallback(() => { + window.open("https://demo01.houzez.co/with-half-map/"); + }, []); + + return ( +
+
+
Bellevue Hill
+ +
10
+
3+ Beds
+
+
    Apartments
+
+ + + +
For Sale
+
+ ); +}; + +export default BekkevueHill; diff --git a/src/components/bekkevue-hill.module.css b/src/components/bekkevue-hill.module.css new file mode 100644 index 00000000..08862ab9 --- /dev/null +++ b/src/components/bekkevue-hill.module.css @@ -0,0 +1,95 @@ +.savedsearchespropertyChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-lg); + background-color: var(--color-gray-200); + border: 1px solid var(--color-gray-1000); + box-sizing: border-box; + width: 473px; + height: 141px; +} +.bellevueHill { + position: absolute; + top: 22px; + left: 25px; + font-weight: 500; + display: inline-block; +} +.savedsearchespropertyItem { + position: absolute; + top: 22px; + left: 182px; + width: 36px; + height: 36px; +} +.beds, +.div { + position: absolute; + display: inline-block; +} +.div { + top: 31px; + left: 194px; + font-size: var(--font-size-sm); + font-weight: 600; + color: var(--color-white); +} +.beds { + top: 88px; + left: 25px; + color: var(--color-gray-1300); +} +.apartments1 { + margin: 0; + padding-left: var(--padding-xl); +} +.apartments { + position: absolute; + top: 88px; + left: 140px; + font-size: var(--font-inherit); + font-family: var(--font-inherit); + color: var(--color-gray-1300); + display: inline-block; +} +.deleteIcon, +.editIcon, +.noAlarm1Icon { + position: absolute; + top: 29px; + left: 377px; + width: 24px; + height: 24px; +} +.deleteIcon, +.noAlarm1Icon { + top: 28px; + left: 421px; +} +.noAlarm1Icon { + top: 91px; + left: 418px; + width: 30px; + height: 30px; + overflow: hidden; +} +.forSale { + position: absolute; + top: 61px; + left: 25px; + font-size: var(--font-size-sm); + display: inline-block; +} +.savedsearchesproperty { + position: absolute; + top: 0; + left: 563px; + width: 473px; + height: 141px; + cursor: pointer; + text-align: left; + font-size: var(--font-size-2xl); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/count-down-timer.js b/src/components/count-down-timer.js new file mode 100644 index 00000000..0cd84f77 --- /dev/null +++ b/src/components/count-down-timer.js @@ -0,0 +1,33 @@ +import styles from "./count-down-timer.module.css"; + +const CountDownTimer = () => { + return ( +
+
+
+
STAGE 1
+
+
Countdown Timer
+ +
+
+
+
+
+
+
D
+
H
+
M
+
S
+
03:09:52
+
11:
+
+
+ ); +}; + +export default CountDownTimer; diff --git a/src/components/count-down-timer.module.css b/src/components/count-down-timer.module.css new file mode 100644 index 00000000..8fd6c781 --- /dev/null +++ b/src/components/count-down-timer.module.css @@ -0,0 +1,160 @@ +.countdowncontainerChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-xl); + background-color: var(--color-gray-200); + width: 402px; + height: 136px; +} +.countdowncontainerItem { + position: absolute; + top: 11px; + left: 310px; + border-radius: var(--br-5xs); + background-color: var(--color-green-200); + width: 76px; + height: 27.69px; +} +.countdownTimer, +.stage1 { + position: absolute; + display: inline-block; +} +.stage1 { + top: 15.64px; + left: 324px; + letter-spacing: 0.05em; + text-transform: capitalize; + font-weight: 600; + text-align: center; +} +.countdownTimer { + top: calc(50% - 12px); + left: calc(50% - 68.42px); + font-weight: 500; + width: 168.42px; +} +.clockHistoryIcon { + position: absolute; + top: 5px; + left: 0; + width: 18.71px; + height: 16px; +} +.countdownTimerParent { + position: absolute; + top: calc(50% - 56px); + left: calc(50% - 171px); + width: 200px; + height: 24px; + font-size: var(--font-size-lg); + color: var(--color-gray-1800); +} +.groupChild, +.groupInner, +.groupItem, +.rectangleDiv { + position: absolute; + top: 42px; + left: 7px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-500); + width: 23px; + height: 30.32px; +} +.groupInner, +.groupItem, +.rectangleDiv { + left: 59px; +} +.groupInner, +.rectangleDiv { + left: 112px; +} +.rectangleDiv { + left: 163px; +} +.d, +.h, +.m { + top: calc(50% + 8.66px); + font-weight: 300; +} +.d { + position: absolute; + left: calc(50% - 95px); + display: inline-block; + width: 10px; + height: 19.78px; +} +.h, +.m { + height: 27.69px; +} +.h { + position: absolute; + left: calc(50% - 43px); + display: inline-block; + width: 10px; +} +.m { + left: calc(50% + 9px); + width: 12px; +} +.div, +.div1, +.m, +.s { + position: absolute; + display: inline-block; +} +.s { + top: calc(50% + 8.66px); + left: calc(50% + 61px); + font-weight: 300; + width: 9px; + height: 27.69px; +} +.div, +.div1 { + top: 0; + font-size: var(--font-size-5xl); + letter-spacing: 0.1em; + text-transform: capitalize; + font-weight: 600; + font-family: var(--font-montserrat); + color: var(--color-black); +} +.div { + left: 30px; + text-align: center; + width: 188px; + height: 42.19px; +} +.div1 { + left: 0; + width: 45px; + height: 31.64px; +} +.rectangleParent { + position: absolute; + top: 50px; + left: 99px; + width: 218px; + height: 72.69px; + font-size: var(--font-size-base); + color: var(--color-gray-1100); +} +.countdowncontainer { + position: absolute; + top: 233px; + left: 0; + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); + width: 402px; + height: 136px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-white); + font-family: var(--font-poppins); +} diff --git a/src/components/current-offer.js b/src/components/current-offer.js new file mode 100644 index 00000000..ea4502fe --- /dev/null +++ b/src/components/current-offer.js @@ -0,0 +1,7 @@ +import styles from "./current-offer.module.css"; + +const CurrentOffer = () => { + return
Current Offer
; +}; + +export default CurrentOffer; diff --git a/src/components/current-offer.module.css b/src/components/current-offer.module.css new file mode 100644 index 00000000..df82deae --- /dev/null +++ b/src/components/current-offer.module.css @@ -0,0 +1,11 @@ +.currentOffer { + position: absolute; + top: 154px; + left: 1px; + font-size: var(--font-size-base); + font-weight: 300; + font-family: var(--font-poppins); + color: var(--color-gray-1300); + text-align: left; + display: inline-block; +} diff --git a/src/components/dashboard-main-container.js b/src/components/dashboard-main-container.js new file mode 100644 index 00000000..47ffb4fe --- /dev/null +++ b/src/components/dashboard-main-container.js @@ -0,0 +1,18 @@ +import PropertyCards from "../components/property-cards"; +import SavedSeaches from "../components/saved-seaches"; +import YourStatusContainer from "../components/your-status-container"; +import DashboardWelcomeContainer from "../components/dashboard-welcome-container"; +import styles from "./dashboard-main-container.module.css"; + +const DashboardMainContainer = () => { + return ( +
+ + + + +
+ ); +}; + +export default DashboardMainContainer; diff --git a/src/components/dashboard-main-container.module.css b/src/components/dashboard-main-container.module.css new file mode 100644 index 00000000..ed4ed5cb --- /dev/null +++ b/src/components/dashboard-main-container.module.css @@ -0,0 +1,11 @@ +.dashboardmaincontainer { + position: absolute; + top: 163px; + left: 115px; + width: 1426px; + height: 2355px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/dashboard-right-panel.js b/src/components/dashboard-right-panel.js new file mode 100644 index 00000000..306f9c33 --- /dev/null +++ b/src/components/dashboard-right-panel.js @@ -0,0 +1,14 @@ +import MessagingSection from "../components/messaging-section"; +import ActivitySection from "../components/activity-section"; +import styles from "./dashboard-right-panel.module.css"; + +const DashboardRightPanel = () => { + return ( +
+ + +
+ ); +}; + +export default DashboardRightPanel; diff --git a/src/components/dashboard-right-panel.module.css b/src/components/dashboard-right-panel.module.css new file mode 100644 index 00000000..f39c5c78 --- /dev/null +++ b/src/components/dashboard-right-panel.module.css @@ -0,0 +1,11 @@ +.dashboardrightpanel { + position: absolute; + top: 152px; + left: 1564px; + width: 326px; + height: 864px; + text-align: left; + font-size: var(--font-size-xs); + color: var(--color-gray-1300); + font-family: var(--font-poppins); +} diff --git a/src/components/dashboard-top-right-panel.js b/src/components/dashboard-top-right-panel.js new file mode 100644 index 00000000..20a4a903 --- /dev/null +++ b/src/components/dashboard-top-right-panel.js @@ -0,0 +1,23 @@ +import DownloadReport from "../components/download-report"; +import InvitePeople from "../components/invite-people"; +import LastSeen from "../components/last-seen"; +import styles from "./dashboard-top-right-panel.module.css"; + +const DashboardTopRightPanel = () => { + return ( +
+
+ + + + +
+
+ ); +}; + +export default DashboardTopRightPanel; diff --git a/src/components/dashboard-top-right-panel.module.css b/src/components/dashboard-top-right-panel.module.css new file mode 100644 index 00000000..39dc22c4 --- /dev/null +++ b/src/components/dashboard-top-right-panel.module.css @@ -0,0 +1,24 @@ +.dashboardtoprightpanel1, +.settingFillIcon { + position: absolute; + top: 9px; + right: 0; + width: 24px; + height: 24px; +} +.dashboardtoprightpanel1 { + top: 0; + width: 454px; + height: 41px; +} +.dashboardtoprightpanel { + position: absolute; + top: 5px; + left: 972px; + width: 454px; + height: 41px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--border-color4); + font-family: var(--font-poppins); +} diff --git a/src/components/dashboard-welcome-container.js b/src/components/dashboard-welcome-container.js new file mode 100644 index 00000000..cf9e4f62 --- /dev/null +++ b/src/components/dashboard-welcome-container.js @@ -0,0 +1,14 @@ +import DashboardTopRightPanel from "../components/dashboard-top-right-panel"; +import WelcomeAddress from "../components/welcome-address"; +import styles from "./dashboard-welcome-container.module.css"; + +const DashboardWelcomeContainer = () => { + return ( +
+ + +
+ ); +}; + +export default DashboardWelcomeContainer; diff --git a/src/components/dashboard-welcome-container.module.css b/src/components/dashboard-welcome-container.module.css new file mode 100644 index 00000000..0c7dfe09 --- /dev/null +++ b/src/components/dashboard-welcome-container.module.css @@ -0,0 +1,11 @@ +.dashboardwelcomecontainer { + position: absolute; + top: 0; + left: 0; + width: 1426px; + height: 50px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--border-color4); + font-family: var(--font-poppins); +} diff --git a/src/components/download-report.js b/src/components/download-report.js new file mode 100644 index 00000000..86efdbc3 --- /dev/null +++ b/src/components/download-report.js @@ -0,0 +1,16 @@ +import styles from "./download-report.module.css"; + +const DownloadReport = () => { + return ( +
+
+
+
+
+ +
Download Report
+
+ ); +}; + +export default DownloadReport; diff --git a/src/components/download-report.module.css b/src/components/download-report.module.css new file mode 100644 index 00000000..e091de59 --- /dev/null +++ b/src/components/download-report.module.css @@ -0,0 +1,52 @@ +.downloadReportChild { + position: absolute; + top: 0; + right: 0; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 144px; + height: 41px; + opacity: 0.1; +} +.zhekaBoychenkoVpktwytgk8eUn { + position: absolute; + top: -1.53px; + right: -3.09px; + border-radius: var(--br-3xl); + background: linear-gradient(162.58deg, #6c2ad2, #77cffe); + width: 30.14px; + height: 40.34px; +} +.maskGroup { + position: absolute; + top: 8px; + right: 113px; + width: 24px; + height: 24px; + opacity: 0.1; +} +.downloadIcon { + position: absolute; + top: 15px; + left: 14px; + width: 12px; + height: 12px; +} +.downloadReport1 { + position: absolute; + top: 12px; + left: 35px; + display: inline-block; +} +.downloadReport { + position: absolute; + top: 0; + right: 40px; + width: 144px; + height: 41px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/drop-down.js b/src/components/drop-down.js new file mode 100644 index 00000000..59022dde --- /dev/null +++ b/src/components/drop-down.js @@ -0,0 +1,16 @@ +import styles from "./drop-down.module.css"; + +const DropDown = () => { + return ( +
+
+ +
+ ); +}; + +export default DropDown; diff --git a/src/components/drop-down.module.css b/src/components/drop-down.module.css new file mode 100644 index 00000000..fb34e15b --- /dev/null +++ b/src/components/drop-down.module.css @@ -0,0 +1,25 @@ +.savedsearchestoprightbuttonChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-white); + border: 1px solid var(--color-gray-900); + box-sizing: border-box; + width: 41px; + height: 41px; +} +.savedsearchestoprightbuttonItem { + position: absolute; + top: 14.59px; + left: 13px; + width: 16.14px; + height: 9.48px; +} +.savedsearchestoprightbutton { + position: absolute; + top: 0; + left: 1315px; + width: 41px; + height: 41px; +} diff --git a/src/components/inspectedstatus.js b/src/components/inspectedstatus.js new file mode 100644 index 00000000..677d1433 --- /dev/null +++ b/src/components/inspectedstatus.js @@ -0,0 +1,22 @@ +import styles from "./inspectedstatus.module.css"; + +const Inspectedstatus = () => { + return ( +
+
+ +
45
+
Inspected
+
+
+ +
+
+ ); +}; + +export default Inspectedstatus; diff --git a/src/components/inspectedstatus.module.css b/src/components/inspectedstatus.module.css new file mode 100644 index 00000000..6ac5dcde --- /dev/null +++ b/src/components/inspectedstatus.module.css @@ -0,0 +1,71 @@ +.yourstatusinspectedChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-xl); + background-color: var(--color-white); + box-shadow: 0 2px 20px rgba(151, 151, 151, 0.15); + width: 432px; + height: 74px; +} +.vectorIcon { + position: absolute; + height: 34.36%; + width: 5.48%; + top: 32.43%; + right: 4.94%; + bottom: 33.2%; + left: 89.58%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.yourstatusinspectedcount, +.yourstatusinspectedtext { + position: absolute; + top: 19px; + left: 344px; + display: inline-block; +} +.yourstatusinspectedtext { + left: 83px; +} +.yourstatusinspectediconrectang { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-green-300); + width: 52px; + height: 52px; +} +.yourstatusinspectediconvector { + position: absolute; + height: 55.55%; + width: 55.55%; + top: 23.08%; + right: 21.37%; + bottom: 21.38%; + left: 23.08%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.yourstatusinspectedicon { + position: absolute; + top: 11px; + left: 11px; + width: 52px; + height: 52px; +} +.yourstatusinspected { + position: absolute; + top: 1px; + left: 0; + width: 432px; + height: 74px; + text-align: left; + font-size: var(--font-size-2xl); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/interest-card.js b/src/components/interest-card.js new file mode 100644 index 00000000..ccd9cd91 --- /dev/null +++ b/src/components/interest-card.js @@ -0,0 +1,88 @@ +import { useMemo } from "react"; +import AvgRating from "../components/avg-rating"; +import CountDownTimer from "../components/count-down-timer"; +import OfferButton from "../components/offer-button"; +import CurrentOffer from "../components/current-offer"; +import Money from "../components/money"; +import styles from "./interest-card.module.css"; + +const InterestCard = ({ + group1000001202Left, + group1000001177, + group1000001052, + group1000001175, +}) => { + const propertiesInterestedCard1Style = useMemo(() => { + return { + left: group1000001202Left, + }; + }, [group1000001202Left]); + + return ( +
+
+ +
+
+
Current Offer
+
$2,450,000
+
+ +
+
2
+ +
+
+
+ ); +}; + +export default InterestCard2; diff --git a/src/components/interest-card2.module.css b/src/components/interest-card2.module.css new file mode 100644 index 00000000..ad382a6f --- /dev/null +++ b/src/components/interest-card2.module.css @@ -0,0 +1,287 @@ +.propertiesinterestedcard2Child { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-xl); + background-color: var(--color-white); + box-shadow: 0 1px 15px rgba(151, 151, 151, 0.15); + border: 1px solid var(--color-gray-600); + box-sizing: border-box; + width: 432px; + height: 719px; +} +.propertiesinterestedcard2Item { + position: absolute; + top: 15px; + left: 15px; + border-radius: var(--br-xl); + width: 402px; + height: 302px; + object-fit: cover; +} +.propertiesinterestedcard2Inner { + position: absolute; + top: 15px; + left: 15px; + border-radius: var(--br-lg); + background: linear-gradient(180deg, rgba(136, 135, 135, 0.01), #626262); + box-shadow: 0 2px 20px rgba(151, 151, 151, 0.15); + width: 402px; + height: 302px; +} +.rectangleDiv { + position: absolute; + top: 28px; + left: 312px; + border-radius: var(--br-lg); + background-color: var(--color-orange); + width: 95px; + height: 25px; +} +.offMarket { + top: 31px; + left: 324px; +} +.b, +.div, +.div1, +.offMarket { + position: absolute; + display: inline-block; +} +.b { + top: 250px; + left: 32px; + font-size: var(--font-size-lg); +} +.div, +.div1 { + top: 280px; + left: 55px; + font-weight: 500; +} +.div1 { + top: 0; + left: 21px; +} +.cardiv, +.cardivChild { + position: absolute; + top: 2px; + left: 0; + width: 16px; + height: 16px; +} +.cardiv { + top: 280px; + left: 142px; + width: 26px; + height: 21px; +} +.propertiesinterestedcard2Child1 { + position: absolute; + top: 222px; + left: 32px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-1500); + width: 64px; + height: 20px; +} +.auction { + position: absolute; + top: 224px; + left: 37px; + font-size: var(--font-size-sm); + display: inline-block; +} +.offerfulldivChild { + position: absolute; + top: 94px; + left: 267px; + border-radius: var(--br-2xs); + background-color: var(--color-white); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); + width: 135px; + height: 124px; +} +.div2 { + position: absolute; + height: 50.11%; + width: 22.97%; + top: 29.8%; + left: 41.05%; + font-weight: 500; + display: inline-block; +} +.avgratingChild, +.avgratingItem { + position: absolute; + height: 51.48%; + width: 73.31%; + top: 39.12%; + right: 17.29%; + bottom: 9.4%; + left: 9.4%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.avgratingItem { + height: 66.32%; + width: 81.11%; + top: 9.45%; + right: 9.45%; + bottom: 24.24%; + left: 9.44%; +} +.avgrating { + position: absolute; + height: 17.02%; + width: 15.65%; + top: 28.91%; + right: 8.73%; + bottom: 54.07%; + left: 75.62%; + font-size: var(--font-size-lg); + color: var(--border-color4); +} +.avgRating, +.owenStreetNorthBondi { + position: absolute; + top: 183px; + left: 297px; + font-weight: 300; + display: inline-block; +} +.owenStreetNorthBondi { + top: 0; + left: 24px; + font-size: var(--font-size-xl); + width: 283px; + height: 40px; +} +.offerpropertyIcon { + position: absolute; + top: 43px; + right: 120px; + width: 282px; + height: 30px; +} +.vectorIcon, +.yourOffer { + position: absolute; + left: 0; +} +.vectorIcon { + height: 6.49%; + width: 4.32%; + top: 0.5%; + right: 95.68%; + bottom: 93%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.yourOffer { + top: 88px; + font-weight: 300; + color: var(--color-gray-1300); + display: inline-block; + width: 120px; + height: 18px; +} +.offerbuttonChild { + cursor: pointer; + border: 1px solid var(--color-indigo-100); + padding: 0; + background-color: var(--color-indigo-200); + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + box-sizing: border-box; + width: 114px; + height: 30px; +} +.offer { + position: absolute; + top: 4px; + left: 53px; + font-weight: 500; + display: inline-block; +} +.offerbutton, +.offerbuttonItem { + position: absolute; + top: 6px; + left: 26px; + width: 16px; + height: 16px; +} +.offerbutton { + top: 116px; + left: 0; + width: 114px; + height: 30px; + color: var(--color-indigo-100); +} +.currentOffer, +.div3 { + position: absolute; + left: 1px; + display: inline-block; +} +.currentOffer { + top: 154px; + font-weight: 300; + color: var(--color-gray-1300); +} +.div3 { + top: 180px; + font-size: var(--font-size-3xl); + letter-spacing: 0.1em; + text-transform: capitalize; + font-weight: 600; + font-family: var(--font-montserrat); +} +.offerfulldiv { + position: absolute; + top: 334px; + left: 15px; + width: 402px; + height: 369px; + color: var(--color-black); +} +.beddivIcon { + position: absolute; + top: 282px; + left: 34px; + width: 16px; + height: 16px; +} +.frameDiv, +.showerdiv { + position: absolute; + top: 280px; + left: 88px; + width: 30px; + height: 21px; +} +.frameDiv { + top: 50px; + left: 138px; + width: 100px; + height: 100px; + overflow: hidden; +} +.propertiesinterestedcard2 { + position: absolute; + top: 0; + left: 462px; + width: 432px; + height: 719px; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-white); + font-family: var(--font-poppins); +} diff --git a/src/components/interested.js b/src/components/interested.js new file mode 100644 index 00000000..ecafb2d5 --- /dev/null +++ b/src/components/interested.js @@ -0,0 +1,7 @@ +import styles from "./interested.module.css"; + +const Interested = () => { + return
Interested
; +}; + +export default Interested; diff --git a/src/components/interested.module.css b/src/components/interested.module.css new file mode 100644 index 00000000..bf1f376c --- /dev/null +++ b/src/components/interested.module.css @@ -0,0 +1,9 @@ +.interested { + position: relative; + font-size: var(--font-size-xl); + font-weight: 500; + font-family: var(--font-poppins); + color: var(--color-black); + text-align: left; + display: inline-block; +} diff --git a/src/components/invite-people.js b/src/components/invite-people.js new file mode 100644 index 00000000..19ee4d0e --- /dev/null +++ b/src/components/invite-people.js @@ -0,0 +1,20 @@ +import styles from "./invite-people.module.css"; + +const InvitePeople = () => { + return ( +
+
+
+
+
+
Invite People
+ +
+ ); +}; + +export default InvitePeople; diff --git a/src/components/invite-people.module.css b/src/components/invite-people.module.css new file mode 100644 index 00000000..c70e8890 --- /dev/null +++ b/src/components/invite-people.module.css @@ -0,0 +1,52 @@ +.invitePeopleChild { + position: absolute; + top: 0; + right: 0; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 120px; + height: 41px; + opacity: 0.1; +} +.zhekaBoychenkoVpktwytgk8eUn { + position: absolute; + top: -1.53px; + right: -3.09px; + border-radius: var(--br-3xl); + background: linear-gradient(162.58deg, #6c2ad2, #77cffe); + width: 30.14px; + height: 40.34px; +} +.maskGroup { + position: absolute; + top: 8px; + right: 89px; + width: 24px; + height: 24px; + opacity: 0.1; +} +.invitePeople1 { + position: absolute; + top: 11px; + right: 7px; + display: inline-block; +} +.iconlylightOutlineaddUser, +.invitePeople { + position: absolute; + top: 14px; + right: 95px; + width: 11px; + height: 12px; +} +.invitePeople { + top: 0; + right: 199px; + width: 120px; + height: 41px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--border-color4); + font-family: var(--font-poppins); +} diff --git a/src/components/lable.js b/src/components/lable.js new file mode 100644 index 00000000..c53b3db1 --- /dev/null +++ b/src/components/lable.js @@ -0,0 +1,13 @@ +import styles from "./lable.module.css"; + +const Lable = () => { + return ( +
+
+
Lable
+ +
+ ); +}; + +export default Lable; diff --git a/src/components/lable.module.css b/src/components/lable.module.css new file mode 100644 index 00000000..b0766750 --- /dev/null +++ b/src/components/lable.module.css @@ -0,0 +1,40 @@ +.propertieslabeldropdownChild { + position: absolute; + top: 0; + right: 0; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 127px; + height: 41px; + opacity: 0.1; +} +.lable { + position: absolute; + top: 8px; + left: 10px; + display: inline-block; +} +.arrowDown2 { + position: absolute; + height: 11.61%; + width: 6.82%; + top: 43.65%; + right: 10.5%; + bottom: 44.73%; + left: 82.68%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.propertieslabeldropdown { + position: absolute; + top: 1px; + right: 56px; + width: 127px; + height: 41px; + text-align: left; + font-size: var(--font-size-lg); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/last-seen.js b/src/components/last-seen.js new file mode 100644 index 00000000..e8c74685 --- /dev/null +++ b/src/components/last-seen.js @@ -0,0 +1,17 @@ +import styles from "./last-seen.module.css"; + +const LastSeen = () => { + return ( +
+
+ +
Last seen by
+
+ ); +}; + +export default LastSeen; diff --git a/src/components/last-seen.module.css b/src/components/last-seen.module.css new file mode 100644 index 00000000..70530921 --- /dev/null +++ b/src/components/last-seen.module.css @@ -0,0 +1,36 @@ +.lastSeenChild { + position: absolute; + top: 0; + right: 0; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 120px; + height: 41px; + opacity: 0.1; +} +.maskGroupIcon { + position: absolute; + top: 9px; + right: 88px; + width: 24px; + height: 24px; + object-fit: cover; +} +.lastSeenBy { + position: absolute; + top: 12px; + right: 7px; + display: inline-block; +} +.lastSeen { + position: absolute; + top: 0; + right: 334px; + width: 120px; + height: 41px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--border-color4); + font-family: var(--font-poppins); +} diff --git a/src/components/left-menu-frame.js b/src/components/left-menu-frame.js new file mode 100644 index 00000000..589bd723 --- /dev/null +++ b/src/components/left-menu-frame.js @@ -0,0 +1,12 @@ +import styles from "./left-menu-frame.module.css"; + +const LeftMenuFrame = () => { + return ( +
+ +
+
+ ); +}; + +export default LeftMenuFrame; diff --git a/src/components/left-menu-frame.module.css b/src/components/left-menu-frame.module.css new file mode 100644 index 00000000..4448ac21 --- /dev/null +++ b/src/components/left-menu-frame.module.css @@ -0,0 +1,19 @@ +.leftMenuIcon { + position: absolute; + top: 0; + left: 0; + width: 118.68px; + height: 1989.62px; +} +.leftMenuFrameChild { + position: relative; + width: 100px; + height: 100px; +} +.leftMenuFrame { + position: absolute; + top: 116px; + left: 0; + width: 110px; + height: 2472px; +} diff --git a/src/components/mapsand-table.js b/src/components/mapsand-table.js new file mode 100644 index 00000000..de923c7c --- /dev/null +++ b/src/components/mapsand-table.js @@ -0,0 +1,35 @@ +import styles from "./mapsand-table.module.css"; + +const MapsandTable = () => { + return ( +
+
+
Maps
+
Table
+ + +
+
Cards
+
+
+ +
+
+ +
+ ); +}; + +export default MapsandTable; diff --git a/src/components/mapsand-table.module.css b/src/components/mapsand-table.module.css new file mode 100644 index 00000000..fe9fce36 --- /dev/null +++ b/src/components/mapsand-table.module.css @@ -0,0 +1,105 @@ +.propertableiconcontainer { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-white); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); + width: 374px; + height: 41px; +} +.maps, +.table { + position: absolute; + top: 9px; + left: 39px; + display: inline-block; +} +.table { + top: 8px; + left: 310px; +} +.propertiestableicon { + position: absolute; + top: 9px; + left: 279px; + width: 21px; + height: 21px; +} +.propertiesmapicon { + position: absolute; + height: 49.92%; + width: 4.07%; + top: 25.99%; + right: 92.46%; + bottom: 24.1%; + left: 3.48%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.cards { + position: absolute; + top: 0; + left: 31px; + display: inline-block; +} +.cardChild { + height: 70.83%; + width: 91.67%; + top: 16.67%; + right: 4.17%; + bottom: 12.5%; + left: 4.17%; + border-radius: var(--br-4xs); + border: 2px solid var(--color-indigo-100); + box-sizing: border-box; +} +.card, +.cardChild, +.cardItem { + position: absolute; +} +.cardItem { + height: 9.52%; + width: 91.67%; + top: 36.9%; + right: 4.17%; + bottom: 53.57%; + left: 4.17%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.card { + top: 2px; + left: 0; + width: 21px; + height: 21px; +} +.propertiesbuttoncard { + position: absolute; + top: 9px; + left: 147px; + width: 80px; + height: 24px; + color: var(--color-indigo-100); +} +.propertiesbuttonspanelChild { + position: absolute; + top: 41px; + left: 121px; + width: 131.5px; + height: 2px; +} +.propertiesbuttonspanel { + position: absolute; + top: 0; + left: 787px; + width: 374px; + height: 42px; + text-align: left; + font-size: var(--font-size-lg); + color: var(--color-gray-1300); + font-family: var(--font-poppins); +} diff --git a/src/components/menu-item-others.js b/src/components/menu-item-others.js new file mode 100644 index 00000000..a34d939f --- /dev/null +++ b/src/components/menu-item-others.js @@ -0,0 +1,36 @@ +import { useMemo } from "react"; +import styles from "./menu-item-others.module.css"; + +const MenuItemOthers = ({ + othersLeft, + othersWidth, + arrowChevronDownLeft, + others, +}) => { + const othersStyle = useMemo(() => { + return { + left: othersLeft, + width: othersWidth, + }; + }, [othersLeft, othersWidth]); + + const arrowChevronDownStyle = useMemo(() => { + return { + left: arrowChevronDownLeft, + }; + }, [arrowChevronDownLeft]); + + return ( +
+ +
{others}
+
+ ); +}; + +export default MenuItemOthers; diff --git a/src/components/menu-item-others.module.css b/src/components/menu-item-others.module.css new file mode 100644 index 00000000..a00671c3 --- /dev/null +++ b/src/components/menu-item-others.module.css @@ -0,0 +1,26 @@ +.arrowChevronDown { + left: 66px; + width: 24px; + height: 24px; +} +.arrowChevronDown, +.others, +.others1 { + position: absolute; + top: 0; +} +.others1 { + left: 0; + text-transform: capitalize; + font-weight: 300; + display: inline-block; +} +.others { + left: 741px; + width: 90px; + height: 24px; + text-align: left; + font-size: var(--font-size-lg); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/messaging-section.js b/src/components/messaging-section.js new file mode 100644 index 00000000..98980a7c --- /dev/null +++ b/src/components/messaging-section.js @@ -0,0 +1,112 @@ +import { TextField } from "@mui/material"; +import styles from "./messaging-section.module.css"; + +const MessagingSection = () => { + return ( +
+
+
+ +
Messaging
+
{`Groups & Topics`}
+
+
+ +
Jasmine Sarel
+
Hey, how you doing?
+ +
+
+
Last Seen: 6m ago
+
6
+
+
+
+
+
+
+ Last Activity : On Feb 3 +
+
+5
+
+ Stratsmart x Moxtra Tech Support +
+
+
6
+ + + + +
+
+
+
+
+ Last Activity : On Feb 3 +
+
+5
+
+ Stratsmart x Moxtra Tech Support +
+
+
6
+ + + + +
+
+ ); +}; + +export default MessagingSection; diff --git a/src/components/messaging-section.module.css b/src/components/messaging-section.module.css new file mode 100644 index 00000000..789a58a6 --- /dev/null +++ b/src/components/messaging-section.module.css @@ -0,0 +1,217 @@ +.activityFeed { + position: absolute; + top: 0; + left: calc(50% - 163px); + border-radius: var(--br-3xs); + background-color: var(--color-white); + width: 326px; + height: 425px; +} +.messagingcontainerChild { + border: 0; + background-color: transparent; + position: absolute; + top: 15px; + left: 13px; +} +.groupsTopics, +.messaging1 { + position: absolute; + top: calc(50% - 188.5px); + left: calc(50% - 132px); + font-weight: 500; + display: inline-block; +} +.groupsTopics { + top: calc(50% - 41.5px); + left: calc(50% - 150px); + color: var(--color-black); +} +.activityTitleBarChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-xs); + background-color: var(--color-white); + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); + width: 300px; + height: 88px; +} +.activityTitleBarItem { + position: absolute; + top: 10px; + left: 10px; + border-radius: var(--br-xs); + width: 72px; + height: 66px; + object-fit: cover; +} +.heyHowYouDoing, +.jasmineSarel { + position: absolute; + display: inline-block; +} +.jasmineSarel { + top: calc(50% - 32px); + left: calc(50% - 56px); + font-size: var(--font-size-base); + font-weight: 500; + color: var(--color-gray-1600); +} +.heyHowYouDoing { + top: calc(50% - 8px); + left: calc(50% - 54px); +} +.forwardArrowIcon { + position: absolute; + top: 59px; + left: 274px; + width: 16px; + height: 16px; +} +.activityTitleBarInner, +.rectangleDiv { + position: absolute; + top: 59px; + left: 94px; +} +.rectangleDiv { + top: 14px; + left: 274px; + border-radius: var(--br-md); + background-color: var(--color-gray-2100); + width: 16px; + height: 16px; +} +.div, +.lastSeen6mAgo { + position: absolute; + top: calc(50% + 16px); + left: calc(50% - 50px); + display: inline-block; +} +.div { + top: calc(50% - 28px); + left: calc(50% + 129px); + font-size: var(--font-size-2xs); + width: 6px; + height: 10px; +} +.activityTitleBar { + position: absolute; + top: 68px; + left: 13px; + width: 300px; + height: 88px; + font-size: var(--font-size-xs); + color: var(--color-gray-1300); +} +.messagingcontainer { + position: absolute; + top: 0; + left: calc(50% - 163px); + width: 326px; + height: 425px; + font-size: var(--font-size-base); + color: var(--color-gray-1600); +} +.techsupportcard2Child { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-xs); + background-color: var(--color-white); + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); + width: 300px; + height: 97px; +} +.techsupportcard2Item { + position: absolute; + top: 36px; + left: 10px; + border-radius: var(--br-md); + background-color: var(--color-gray-2100); + width: 124px; + height: 17px; +} +.lastActivityOnFeb3 { + position: absolute; + top: calc(50% - 11.5px); + left: calc(50% - 134px); + display: inline-block; +} +.div1 { + top: calc(50% + 19.5px); + left: calc(50% - 98px); + width: 14px; + height: 12px; +} +.div1, +.div2, +.stratsmartXMoxtraTechSuppo { + position: absolute; + display: inline-block; +} +.stratsmartXMoxtraTechSuppo { + top: calc(50% - 36.5px); + left: calc(50% - 140px); + font-size: var(--font-size-base); + font-weight: 500; + color: var(--color-black); +} +.div2 { + top: calc(50% - 32.5px); + left: calc(50% + 129px); + font-size: var(--font-size-2xs); + width: 6px; + height: 10px; +} +.forwardArrowIcon1 { + position: absolute; + top: 66px; + left: 274px; + width: 16px; + height: 16px; +} +.ellipseIcon, +.techsupportcard2Child1, +.techsupportcard2Child2 { + position: absolute; + top: 64px; + left: 26px; + width: 21px; + height: 21px; + object-fit: cover; +} +.techsupportcard2Child1, +.techsupportcard2Child2 { + left: 21px; +} +.techsupportcard2Child2 { + top: 61px; + left: 10px; + width: 26px; + height: 26px; +} +.techsupportcard1, +.techsupportcard2 { + position: absolute; + top: 312px; + left: 13px; + width: 300px; + height: 97px; +} +.techsupportcard1 { + top: 200px; +} +.messaging { + position: absolute; + top: 439px; + left: calc(50% - 163px); + width: 326px; + height: 425px; + text-align: left; + font-size: var(--font-size-xs); + color: var(--color-gray-1300); + font-family: var(--font-poppins); +} diff --git a/src/components/mode-container.js b/src/components/mode-container.js new file mode 100644 index 00000000..83030724 --- /dev/null +++ b/src/components/mode-container.js @@ -0,0 +1,14 @@ +import ModeSwitchPanel from "../components/mode-switch-panel"; +import styles from "./mode-container.module.css"; + +const ModeContainer = () => { + return ( +
+
+ +
Buyer Mode Active
+
+ ); +}; + +export default ModeContainer; diff --git a/src/components/mode-container.module.css b/src/components/mode-container.module.css new file mode 100644 index 00000000..0da91059 --- /dev/null +++ b/src/components/mode-container.module.css @@ -0,0 +1,28 @@ +.buyermodediv { + position: absolute; + top: 0; + left: 0; + background-color: var(--color-gray-700); + width: 1920px; + height: 40px; +} +.modeactivetext { + position: absolute; + top: 8px; + left: 887px; + font-size: var(--font-size-lg); + font-weight: 300; + color: var(--color-black); + display: inline-block; +} +.modecontainer { + position: absolute; + top: 76px; + left: 0; + width: 1920px; + height: 40px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-gray-1100); + font-family: var(--font-poppins); +} diff --git a/src/components/mode-switch-panel.js b/src/components/mode-switch-panel.js new file mode 100644 index 00000000..dd048606 --- /dev/null +++ b/src/components/mode-switch-panel.js @@ -0,0 +1,25 @@ +import { useCallback } from "react"; +import styles from "./mode-switch-panel.module.css"; + +const ModeSwitchPanel = () => { + const onSliderContainerClick = useCallback(() => { + // Please sync "Vendor dashboard Landing overview" to the project + }, []); + + return ( +
+
Owner
+
+
+ +
+
Buyer
+
+ ); +}; + +export default ModeSwitchPanel; diff --git a/src/components/mode-switch-panel.module.css b/src/components/mode-switch-panel.module.css new file mode 100644 index 00000000..106ab97f --- /dev/null +++ b/src/components/mode-switch-panel.module.css @@ -0,0 +1,58 @@ +.owner { + position: absolute; + top: 2.46px; + left: 105.73px; + display: inline-block; + width: 39.27px; + height: 29.54px; +} +.slidingdiv { + position: absolute; + top: calc(50% - 10px); + left: calc(50% - 20.91px); + border-radius: var(--br-4xl); + background: linear-gradient(162.58deg, #6c2ad2, #77cffe); + width: 41.83px; + height: 20px; + transform: rotate(-180deg); + transform-origin: 0 0; +} +.slidingbuttonIcon { + position: absolute; + top: calc(50% - 27.27px); + left: calc(50% - 59.34px); + width: 17.16px; + height: 14.54px; +} +.buyer, +.slider { + position: absolute; +} +.slider { + top: calc(50% + 4px); + left: calc(50% + 18.67px); + width: 41.83px; + height: 20px; + transform: rotate(-180deg); + transform-origin: 0 0; + cursor: pointer; +} +.buyer { + top: 2.46px; + left: 0; + color: var(--border-color4); + display: inline-block; + width: 34.24px; + height: 29.54px; +} +.modeswitchpanel { + position: absolute; + top: 8px; + left: 1745px; + width: 145px; + height: 32px; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-gray-1100); + font-family: var(--font-poppins); +} diff --git a/src/components/money.js b/src/components/money.js new file mode 100644 index 00000000..649aa536 --- /dev/null +++ b/src/components/money.js @@ -0,0 +1,7 @@ +import styles from "./money.module.css"; + +const Money = () => { + return
$2,450,000
; +}; + +export default Money; diff --git a/src/components/money.module.css b/src/components/money.module.css new file mode 100644 index 00000000..65832ac9 --- /dev/null +++ b/src/components/money.module.css @@ -0,0 +1,13 @@ +.div { + position: absolute; + top: 180px; + left: 1px; + font-size: var(--font-size-3xl); + letter-spacing: 0.1em; + text-transform: capitalize; + font-weight: 600; + font-family: var(--font-montserrat); + color: var(--color-black); + text-align: left; + display: inline-block; +} diff --git a/src/components/navbar.js b/src/components/navbar.js new file mode 100644 index 00000000..45b9abe9 --- /dev/null +++ b/src/components/navbar.js @@ -0,0 +1,15 @@ +import TopMenu from "../components/top-menu"; +import styles from "./navbar.module.css"; + +const Navbar = () => { + return ( +
+
+ + + +
+ ); +}; + +export default Navbar; diff --git a/src/components/navbar.module.css b/src/components/navbar.module.css new file mode 100644 index 00000000..719fc6c6 --- /dev/null +++ b/src/components/navbar.module.css @@ -0,0 +1,35 @@ +.navdiv { + position: absolute; + top: 0; + left: 0; + background-color: var(--color-gray-200); + width: 1920px; + height: 76px; +} +.logoIcon, +.usermenuIcon { + position: absolute; + top: 8px; + left: 1775px; + width: 124px; + height: 61px; + object-fit: cover; +} +.logoIcon { + top: 11px; + left: 22px; + width: 154px; + height: 65px; +} +.navbar { + position: absolute; + top: 0; + left: 0; + width: 1920px; + height: 76px; + overflow: hidden; + text-align: left; + font-size: var(--font-size-lg); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/new-search.js b/src/components/new-search.js new file mode 100644 index 00000000..930b922f --- /dev/null +++ b/src/components/new-search.js @@ -0,0 +1,7 @@ +import styles from "./new-search.module.css"; + +const NewSearch = () => { + return
; +}; + +export default NewSearch; diff --git a/src/components/new-search.module.css b/src/components/new-search.module.css new file mode 100644 index 00000000..69484138 --- /dev/null +++ b/src/components/new-search.module.css @@ -0,0 +1,10 @@ +.savedsearchesnewsearchChild { + position: absolute; + top: 1px; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-white); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); + width: 144px; + height: 41px; +} diff --git a/src/components/notifications.js b/src/components/notifications.js new file mode 100644 index 00000000..5edce9eb --- /dev/null +++ b/src/components/notifications.js @@ -0,0 +1,18 @@ +import styles from "./notifications.module.css"; + +const Notifications = () => { + return ( +
+
+
54
+
Notifications
+ +
+ ); +}; + +export default Notifications; diff --git a/src/components/notifications.module.css b/src/components/notifications.module.css new file mode 100644 index 00000000..c2fb0ac0 --- /dev/null +++ b/src/components/notifications.module.css @@ -0,0 +1,39 @@ +.yourstatusnotificationsChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-xl); + background-color: var(--color-white); + box-shadow: 0 2px 20px rgba(151, 151, 151, 0.15); + width: 432px; + height: 74px; +} +.yourstatusnotificationscount, +.yourstatusnotificationstext { + position: absolute; + top: 19px; + left: 363px; + display: inline-block; +} +.yourstatusnotificationstext { + left: 83px; +} +.yourstatusnotificationsiconcon { + position: absolute; + top: 24px; + left: 26px; + width: 25px; + height: 25px; + overflow: hidden; +} +.yourstatusnotifications { + position: absolute; + top: 0; + left: 462px; + width: 432px; + height: 74px; + text-align: left; + font-size: var(--font-size-2xl); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/offer-button.js b/src/components/offer-button.js new file mode 100644 index 00000000..b20a2691 --- /dev/null +++ b/src/components/offer-button.js @@ -0,0 +1,13 @@ +import styles from "./offer-button.module.css"; + +const OfferButton = ({ group1000001052 }) => { + return ( +
+
+
Offer
+ +
+ ); +}; + +export default OfferButton; diff --git a/src/components/offer-button.module.css b/src/components/offer-button.module.css new file mode 100644 index 00000000..1243d5ef --- /dev/null +++ b/src/components/offer-button.module.css @@ -0,0 +1,36 @@ +.offerbuttonChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-indigo-200); + border: 1px solid var(--color-indigo-100); + box-sizing: border-box; + width: 114px; + height: 30px; +} +.offer { + position: absolute; + top: 4px; + left: 53px; + font-weight: 500; + display: inline-block; +} +.offerbutton, +.offerbuttonItem { + position: absolute; + top: 6px; + left: 26px; + width: 16px; + height: 16px; +} +.offerbutton { + top: 116px; + left: 0; + width: 114px; + height: 30px; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-indigo-100); + font-family: var(--font-poppins); +} diff --git a/src/components/offers.js b/src/components/offers.js new file mode 100644 index 00000000..2dd265b3 --- /dev/null +++ b/src/components/offers.js @@ -0,0 +1,7 @@ +import styles from "./offers.module.css"; + +const Offers = () => { + return
Offers
; +}; + +export default Offers; diff --git a/src/components/offers.module.css b/src/components/offers.module.css new file mode 100644 index 00000000..2d0fe54b --- /dev/null +++ b/src/components/offers.module.css @@ -0,0 +1,9 @@ +.offers { + position: relative; + font-size: var(--font-size-xl); + font-weight: 500; + font-family: var(--font-poppins); + color: var(--color-black); + text-align: left; + display: inline-block; +} diff --git a/src/components/properties-interested.js b/src/components/properties-interested.js new file mode 100644 index 00000000..0d7a3899 --- /dev/null +++ b/src/components/properties-interested.js @@ -0,0 +1,38 @@ +import InterestCard from "../components/interest-card"; +import InterestCard2 from "../components/interest-card2"; +import Interested from "../components/interested"; +import styles from "./properties-interested.module.css"; + +const PropertiesInterested = () => { + return ( +
+
+ + + +
+
+
+
+ +
+ +
+
+ ); +}; + +export default PropertiesInterested; diff --git a/src/components/properties-interested.module.css b/src/components/properties-interested.module.css new file mode 100644 index 00000000..fe30f25d --- /dev/null +++ b/src/components/properties-interested.module.css @@ -0,0 +1,58 @@ +.propertiesinterestedcardsframe { + position: absolute; + top: 50px; + left: 0; + width: 1356px; + height: 719px; +} +.interesteduparrow { + position: absolute; + top: 0; + right: 0; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 30px; + height: 30px; + transform: rotate(90deg); + transform-origin: 0 0; + opacity: 0.1; +} +.arrowChevronForward { + position: absolute; + top: 5px; + left: -25px; + width: 21px; + height: 21px; +} +.arrowchevrondropdown { + position: relative; + width: 30px; + height: 30px; + flex-shrink: 0; + transform: rotate(90deg); + transform-origin: 0 0; +} +.propertiesinterestedtitle { + position: absolute; + top: 0; + left: 0; + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + gap: var(--gap-md); + font-size: var(--font-size-xl); + color: var(--color-black); +} +.propertiesinterested { + position: absolute; + top: 897px; + left: 29px; + width: 1356px; + height: 769px; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-white); + font-family: var(--font-poppins); +} diff --git a/src/components/properties-list.js b/src/components/properties-list.js new file mode 100644 index 00000000..f7f27728 --- /dev/null +++ b/src/components/properties-list.js @@ -0,0 +1,16 @@ +import PropertiesOffersCard1 from "../components/properties-offers-card1"; +import PropertiesOffersCard2 from "../components/properties-offers-card2"; +import PropertyCard from "../components/property-card"; +import styles from "./properties-list.module.css"; + +const PropertiesList = () => { + return ( +
+ + + +
+ ); +}; + +export default PropertiesList; diff --git a/src/components/properties-list.module.css b/src/components/properties-list.module.css new file mode 100644 index 00000000..0c97c4be --- /dev/null +++ b/src/components/properties-list.module.css @@ -0,0 +1,14 @@ +.propertiesofferscardsframe { + position: absolute; + top: 56px; + left: 0; + width: 1351px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-white); + font-family: var(--font-poppins); +} diff --git a/src/components/properties-offers-card1.js b/src/components/properties-offers-card1.js new file mode 100644 index 00000000..2246cb8e --- /dev/null +++ b/src/components/properties-offers-card1.js @@ -0,0 +1,124 @@ +import { useCallback } from "react"; +import styles from "./properties-offers-card1.module.css"; + +const PropertiesOffersCard1 = () => { + const onPropertiesOffersCard1ContainerClick = useCallback(() => { + // Please sync "Generic Load Screen Dashboard to Property" to the project + }, []); + + return ( +
+
+ +
+
+
Online
+ $2,450,000 +
5
+
+
1
+ +
+
+
AUCTION
+
+
+
+
9
+ + +
+
Rating
+
+
+
+
+
+
+
+ +
+
+
Stage 1
+
+
+
Countdown Timer
+ +
+
+
+
+
+
+
D
+
H
+
M
+
S
+
03:09:52
+
+ 11 + : +
+
+ +
+
+
+ 56 Owen Street NORTH BONDI +
+
+ +
+
2
+ +
+ +
Your Offer
+
$2,450,000
+
+
Conditional
+ +
+ ); +}; + +export default PropertiesOffersCard1; diff --git a/src/components/properties-offers-card1.module.css b/src/components/properties-offers-card1.module.css new file mode 100644 index 00000000..d08daec6 --- /dev/null +++ b/src/components/properties-offers-card1.module.css @@ -0,0 +1,460 @@ +.offercard1div { + border-radius: var(--br-2xs); + background-color: var(--color-white); + box-shadow: 5px 5px 20px rgba(240, 240, 240, 0.25); + border: 0.5px solid var(--color-gray-800); + box-sizing: border-box; + height: 688px; +} +.offercard1div, +.offercard1imageIcon, +.offercard1imagediv { + position: absolute; + top: 0; + left: 0; + width: 432px; +} +.offercard1imageIcon { + border-radius: var(--br-2xs) var(--br-2xs) 0 0; + height: 311px; + object-fit: cover; +} +.offercard1imagediv { + background: linear-gradient(180deg, rgba(136, 135, 135, 0.01), #626262); + box-shadow: 0 2px 20px rgba(151, 151, 151, 0.15); + height: 323px; +} +.offercard1onlinediv { + position: absolute; + top: 28px; + left: 312px; + border-radius: var(--br-lg); + background-color: var(--color-green-100); + width: 95px; + height: 25px; +} +.online { + top: 31px; + left: 337px; + width: 45px; + height: 18px; +} +.b, +.div, +.div1, +.online { + position: absolute; + display: inline-block; +} +.b { + top: 250px; + left: 32px; + font-size: var(--font-size-lg); +} +.div, +.div1 { + top: 280px; + left: 55px; + font-weight: 500; +} +.div1 { + top: 0; + left: 21px; +} +.offerscard1garageChild { + position: absolute; + top: 2px; + left: 0; + width: 16px; + height: 16px; +} +.offerscard1garage { + position: absolute; + top: 280px; + left: 142px; + width: 26px; + height: 21px; +} +.propertiesofferscard1Child { + position: absolute; + top: 222px; + left: 32px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-1500); + width: 64px; + height: 20px; +} +.auction { + position: absolute; + top: 224px; + left: 37px; + font-size: var(--font-size-sm); + display: inline-block; +} +.avgratingdiv { + position: absolute; + top: 0; + left: 310px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-2300); + width: 82px; + height: 85px; +} +.div2 { + position: absolute; + height: 50.11%; + width: 22.97%; + top: 31.5%; + left: 41.13%; + font-weight: 500; + display: inline-block; +} +.offerscard1avgiconChild, +.offerscard1avgiconItem { + position: absolute; + height: 51.49%; + width: 73.31%; + top: 39.11%; + right: 17.3%; + bottom: 9.4%; + left: 9.4%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.offerscard1avgiconItem { + height: 66.31%; + width: 81.11%; + top: 9.45%; + right: 9.46%; + bottom: 24.24%; + left: 9.44%; +} +.offerscard1avgicon { + position: absolute; + height: 14.75%; + width: 16.17%; + top: 0.08%; + right: 4.48%; + bottom: 85.17%; + left: 79.35%; + font-size: var(--font-size-lg); +} +.rating { + position: absolute; + top: 60px; + left: 329px; + font-weight: 300; + color: var(--color-black); + display: inline-block; +} +.offerscard1counterChild { + position: absolute; + top: 0; + left: 8px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-2200); + width: 384px; + height: 167px; +} +.timerBarChild, +.timerBarItem { + position: absolute; + left: calc(50% - 145px); + border-radius: var(--br-sm); +} +.timerBarChild { + top: calc(50% - 6.5px); + background-color: var(--color-gray-400); + width: 290px; + height: 13px; +} +.timerBarItem { + top: calc(50% + 6.5px); + background: linear-gradient(180deg, #6d3bd6, #75bbf8); + width: 13px; + height: 220.36px; + transform: rotate(-90deg); + transform-origin: 0 0; +} +.timerBar { + position: absolute; + top: calc(50% + 54.5px); + left: calc(50% - 148px); + width: 290px; + height: 13px; +} +.groupChild, +.groupItem { + position: absolute; + top: 507px; + left: 15px; + width: 402px; + height: 136px; +} +.groupItem { + top: 0; + left: 0; + background-color: var(--color-green-200); + width: 78px; + height: 28px; +} +.stage1 { + position: absolute; + top: 4.64px; + left: 14px; + letter-spacing: 0.05em; + text-transform: capitalize; + display: inline-block; +} +.rectangleParent { + position: absolute; + top: 8px; + left: 304px; + width: 78px; + height: 28px; + text-align: center; +} +.countdownTimer { + position: absolute; + top: calc(50% - 15px); + left: calc(50% - 81.25px); + font-weight: 300; + display: inline-block; + width: 191.75px; +} +.clockHistoryIcon { + position: absolute; + top: 5px; + left: 0; + width: 17.34px; + height: 16px; +} +.countdownTimerParent { + position: absolute; + top: calc(50% - 66.5px); + left: calc(50% - 175px); + width: 221px; + height: 30px; + font-size: var(--font-size-xl); + color: var(--color-gray-1300); +} +.groupChild1, +.groupChild2, +.groupInner, +.rectangleDiv { + position: absolute; + top: 42px; + left: 7px; + background-color: var(--color-gray-100); + width: 23px; + height: 30.32px; +} +.groupChild1, +.groupChild2, +.rectangleDiv { + left: 59px; +} +.groupChild1, +.groupChild2 { + left: 112px; +} +.groupChild2 { + left: 163px; +} +.d, +.h, +.m { + top: calc(50% + 8.66px); + font-weight: 300; +} +.d { + position: absolute; + left: calc(50% - 95px); + display: inline-block; + width: 10px; + height: 19.78px; +} +.h, +.m { + height: 27.69px; +} +.h { + position: absolute; + left: calc(50% - 43px); + display: inline-block; + width: 10px; +} +.m { + left: calc(50% + 9px); + width: 12px; +} +.div3, +.m, +.s { + position: absolute; + display: inline-block; +} +.s { + top: calc(50% + 8.66px); + left: calc(50% + 61px); + font-weight: 300; + width: 9px; + height: 27.69px; +} +.div3 { + top: 0; + left: 30px; + font-size: var(--font-size-5xl); + letter-spacing: 0.1em; + text-transform: capitalize; + color: var(--color-gray-1700); + text-align: center; + width: 188px; + height: 42.19px; +} +.div3, +.span { + font-weight: 500; +} +.span1 { + font-weight: 600; + font-family: var(--font-montserrat); +} +.div4 { + position: absolute; + top: 0; + left: 0; + font-size: var(--font-size-5xl); + letter-spacing: 0.1em; + text-transform: capitalize; + color: var(--color-gray-1700); + display: inline-block; + width: 45px; + height: 31.64px; +} +.rectangleGroup { + position: absolute; + top: 47px; + left: 92px; + width: 218px; + height: 72.69px; + color: var(--color-gray-1100); +} +.settingFillIcon { + position: absolute; + top: 123px; + right: 20px; + width: 24px; + height: 24px; +} +.offerscard1counter, +.vectorParent { + position: absolute; + top: 10px; + left: 0; + width: 402px; + height: 147px; +} +.offerscard1counter { + top: 273px; + height: 167px; + color: var(--color-white); +} +.owenStreetNorthBondi { + position: absolute; + top: 165px; + left: 20px; + font-size: var(--font-size-xl); + font-weight: 300; + color: var(--color-gray-1300); + display: inline-block; +} +.offerscard1downpart { + position: absolute; + top: 224px; + left: 15px; + width: 402px; + height: 440px; + color: var(--border-color4); +} +.offerscard1bedIcon { + position: absolute; + top: 282px; + left: 34px; + width: 16px; + height: 16px; +} +.offerscard1shower { + position: absolute; + top: 280px; + left: 88px; + width: 30px; + height: 21px; +} +.offerscard1propertyIcon { + position: absolute; + top: 337px; + right: 61.6px; + width: 338.4px; + height: 36px; +} +.div6, +.yourOffer { + position: absolute; + font-weight: 300; + color: var(--color-gray-1300); + display: inline-block; +} +.yourOffer { + top: 433px; + left: 37px; + width: 90px; + height: 18px; +} +.div6 { + top: 457px; + left: 59px; + font-size: var(--font-size-xl); + letter-spacing: 0.1em; + text-transform: capitalize; +} +.propertiesofferscard1Item { + position: absolute; + top: 463px; + left: 195px; + border-radius: var(--br-2xs); + background-color: var(--color-red); + width: 102px; + height: 17px; +} +.conditional { + position: absolute; + top: 461px; + left: 204px; + text-transform: capitalize; + font-weight: 500; + display: inline-block; + width: 94px; + height: 22px; +} +.image27Icon { + position: absolute; + top: 464px; + left: 37px; + width: 17px; + height: 17px; + object-fit: cover; +} +.propertiesofferscard1 { + position: relative; + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); + width: 432px; + height: 688px; + flex-shrink: 0; + cursor: pointer; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-white); + font-family: var(--font-poppins); +} diff --git a/src/components/properties-offers-card2.js b/src/components/properties-offers-card2.js new file mode 100644 index 00000000..b2db151d --- /dev/null +++ b/src/components/properties-offers-card2.js @@ -0,0 +1,128 @@ +import { useCallback } from "react"; +import styles from "./properties-offers-card2.module.css"; + +const PropertiesOffersCard2 = () => { + const onPropertiesOffersCard2ContainerClick = useCallback(() => { + // Please sync "Generic Load Screen Dashboard to Property" to the project + }, []); + + return ( +
+
+ +
+
+
Online
+ $2,450,000 +
5
+
+
1
+ +
+
+
AUCTION
+
+
+
+
9
+ + +
+
Avg Rating
+
+
+
+
+
+
+
+ +
+
+
Stage 1
+
+
+
Countdown Timer
+ +
+
+
+
+
+
+
D
+
H
+
M
+
S
+
03:09:52
+
+ 11 + : +
+
+ +
+
+
+ 56 Owen Street NORTH BONDI +
+
+ +
+
2
+ +
+ +
Your Offer
+
$2,450,000
+ +
Conditional
+ +
+ ); +}; + +export default PropertiesOffersCard2; diff --git a/src/components/properties-offers-card2.module.css b/src/components/properties-offers-card2.module.css new file mode 100644 index 00000000..745807af --- /dev/null +++ b/src/components/properties-offers-card2.module.css @@ -0,0 +1,463 @@ +.propertiesofferscard2Child { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-white); + box-shadow: 5px 5px 20px rgba(240, 240, 240, 0.25); + border: 0.5px solid var(--color-gray-800); + box-sizing: border-box; + width: 432px; + height: 688px; +} +.propertiesofferscard2Item { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs) var(--br-2xs) 0 0; + width: 432px; + height: 311px; + object-fit: cover; +} +.propertiesofferscard2Inner { + position: absolute; + top: 0; + left: 0; + background: linear-gradient(180deg, rgba(136, 135, 135, 0.01), #626262); + box-shadow: 0 2px 20px rgba(151, 151, 151, 0.15); + width: 432px; + height: 323px; +} +.rectangleDiv { + position: absolute; + top: 28px; + left: 312px; + border-radius: var(--br-lg); + background-color: var(--color-green-100); + width: 95px; + height: 25px; +} +.online { + top: 31px; + left: 337px; + width: 45px; + height: 18px; +} +.b, +.div, +.div1, +.online { + position: absolute; + display: inline-block; +} +.b { + top: 250px; + left: 32px; + font-size: var(--font-size-lg); +} +.div, +.div1 { + top: 280px; + left: 55px; + font-weight: 500; +} +.div1 { + top: 0; + left: 21px; +} +.offerscard2garageChild { + position: absolute; + top: 2px; + left: 0; + width: 16px; + height: 16px; +} +.offerscard2garage { + position: absolute; + top: 280px; + left: 142px; + width: 26px; + height: 21px; +} +.propertiesofferscard2Child1 { + position: absolute; + top: 222px; + left: 32px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-1500); + width: 64px; + height: 20px; +} +.auction { + position: absolute; + top: 224px; + left: 37px; + font-size: var(--font-size-sm); + display: inline-block; +} +.avgratingdiv { + position: absolute; + top: 0; + left: 310px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-2300); + width: 82px; + height: 85px; +} +.div2 { + position: absolute; + height: 50.11%; + width: 22.97%; + top: 31.5%; + left: 41.13%; + font-weight: 500; + display: inline-block; +} +.offerscard2avgiconChild, +.offerscard2avgiconItem { + position: absolute; + height: 51.49%; + width: 73.31%; + top: 39.11%; + right: 17.3%; + bottom: 9.4%; + left: 9.4%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.offerscard2avgiconItem { + height: 66.31%; + width: 81.11%; + top: 9.45%; + right: 9.46%; + bottom: 24.24%; + left: 9.44%; +} +.offerscard2avgicon { + position: absolute; + height: 14.75%; + width: 16.17%; + top: 0.08%; + right: 4.48%; + bottom: 85.17%; + left: 79.35%; + font-size: var(--font-size-lg); +} +.avgRating { + position: absolute; + top: 60px; + left: 314px; + font-weight: 300; + color: var(--color-black); + display: inline-block; +} +.offerscard2counterChild { + position: absolute; + top: 0; + left: 8px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-2200); + width: 384px; + height: 167px; +} +.timerBarChild, +.timerBarItem { + position: absolute; + left: calc(50% - 145px); + border-radius: var(--br-sm); +} +.timerBarChild { + top: calc(50% - 6.5px); + background-color: var(--color-gray-400); + width: 290px; + height: 13px; +} +.timerBarItem { + top: calc(50% + 6.5px); + background: linear-gradient(180deg, #6d3bd6, #75bbf8); + width: 13px; + height: 220.36px; + transform: rotate(-90deg); + transform-origin: 0 0; +} +.timerBar { + position: absolute; + top: calc(50% + 54.5px); + left: calc(50% - 148px); + width: 290px; + height: 13px; +} +.groupChild, +.groupItem { + position: absolute; + top: 507px; + left: 474.5px; + width: 402px; + height: 136px; +} +.groupItem { + top: 0; + left: 0; + background-color: var(--color-green-200); + width: 78px; + height: 28px; +} +.stage1 { + position: absolute; + top: 4.64px; + left: 14px; + letter-spacing: 0.05em; + text-transform: capitalize; + display: inline-block; +} +.rectangleParent { + position: absolute; + top: 8px; + left: 304px; + width: 78px; + height: 28px; + text-align: center; +} +.countdownTimer { + position: absolute; + top: calc(50% - 15px); + left: calc(50% - 83.5px); + font-weight: 300; + display: inline-block; + width: 194px; +} +.clockHistoryIcon { + position: absolute; + top: 5px; + left: 0; + width: 16px; + height: 16px; +} +.countdownTimerParent { + position: absolute; + top: calc(50% - 66.5px); + left: calc(50% - 175px); + width: 221px; + height: 30px; + font-size: var(--font-size-xl); + color: var(--color-gray-1300); +} +.groupChild1, +.groupChild2, +.groupChild3, +.groupInner { + position: absolute; + top: 42px; + left: 7px; + background-color: var(--color-gray-100); + width: 23px; + height: 30.32px; +} +.groupChild1, +.groupChild2, +.groupChild3 { + left: 59px; +} +.groupChild2, +.groupChild3 { + left: 112px; +} +.groupChild3 { + left: 163px; +} +.d, +.h, +.m { + top: calc(50% + 8.66px); + font-weight: 300; +} +.d { + position: absolute; + left: calc(50% - 95px); + display: inline-block; + width: 10px; + height: 19.78px; +} +.h, +.m { + height: 27.69px; +} +.h { + position: absolute; + left: calc(50% - 43px); + display: inline-block; + width: 10px; +} +.m { + left: calc(50% + 9px); + width: 12px; +} +.div3, +.m, +.s { + position: absolute; + display: inline-block; +} +.s { + top: calc(50% + 8.66px); + left: calc(50% + 61px); + font-weight: 300; + width: 9px; + height: 27.69px; +} +.div3 { + top: 0; + left: 30px; + font-size: var(--font-size-5xl); + letter-spacing: 0.1em; + text-transform: capitalize; + color: var(--color-gray-1700); + text-align: center; + width: 188px; + height: 42.19px; +} +.div3, +.span { + font-weight: 500; +} +.span1 { + font-weight: 600; + font-family: var(--font-montserrat); +} +.div4 { + position: absolute; + top: 0; + left: 0; + font-size: var(--font-size-5xl); + letter-spacing: 0.1em; + text-transform: capitalize; + color: var(--color-gray-1700); + display: inline-block; + width: 45px; + height: 31.64px; +} +.rectangleGroup { + position: absolute; + top: 47px; + left: 92px; + width: 218px; + height: 72.69px; + color: var(--color-gray-1100); +} +.settingFillIcon { + position: absolute; + top: 123px; + right: 20px; + width: 24px; + height: 24px; +} +.offerscard2counter, +.vectorParent { + position: absolute; + top: 10px; + left: 0; + width: 402px; + height: 147px; +} +.offerscard2counter { + top: 273px; + height: 167px; + color: var(--color-white); +} +.owenStreetNorthBondi { + position: absolute; + top: 165px; + left: 20px; + font-size: var(--font-size-xl); + font-weight: 300; + color: var(--color-gray-1300); + display: inline-block; +} +.offerscard2downpart { + position: absolute; + top: 224px; + left: 15px; + width: 402px; + height: 440px; + color: var(--border-color4); +} +.offerscard2bedIcon { + position: absolute; + top: 282px; + left: 34px; + width: 16px; + height: 16px; +} +.offerscard2shower { + position: absolute; + top: 280px; + left: 88px; + width: 30px; + height: 21px; +} +.offerscard2propertyIcon { + position: absolute; + top: 337px; + right: 61.6px; + width: 338.4px; + height: 36px; +} +.div6, +.yourOffer { + position: absolute; + font-weight: 300; + color: var(--color-gray-1300); + display: inline-block; +} +.yourOffer { + top: 433px; + left: 37px; + width: 90px; + height: 18px; +} +.div6 { + top: 457px; + left: 61px; + font-size: var(--font-size-xl); + letter-spacing: 0.1em; + text-transform: capitalize; +} +.rectangleIcon { + position: absolute; + top: 463px; + left: 195px; + border-radius: var(--br-2xs); + width: 102px; + height: 17px; +} +.conditional { + position: absolute; + top: 461px; + left: 206px; + text-transform: capitalize; + font-weight: 500; + display: inline-block; + width: 94px; + height: 22px; +} +.image28Icon { + position: absolute; + top: 462px; + left: 37px; + width: 19px; + height: 20px; + object-fit: cover; +} +.propertiesofferscard2 { + position: relative; + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); + width: 432px; + height: 688px; + flex-shrink: 0; + cursor: pointer; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-white); + font-family: var(--font-poppins); +} diff --git a/src/components/properties-offers.js b/src/components/properties-offers.js new file mode 100644 index 00000000..2ad88c2c --- /dev/null +++ b/src/components/properties-offers.js @@ -0,0 +1,24 @@ +import Offers from "../components/offers"; +import PropertiesList from "../components/properties-list"; +import styles from "./properties-offers.module.css"; + +const PropertiesOffers = () => { + return ( +
+
+
+
+ +
+ +
+ +
+ ); +}; + +export default PropertiesOffers; diff --git a/src/components/properties-offers.module.css b/src/components/properties-offers.module.css new file mode 100644 index 00000000..40f65b7c --- /dev/null +++ b/src/components/properties-offers.module.css @@ -0,0 +1,48 @@ +.offeruparrowicon { + position: absolute; + top: calc(50% - 15px); + right: -30px; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 30px; + height: 34px; + transform: rotate(90deg); + transform-origin: 0 0; + opacity: 0.1; +} +.arrowChevronForward { + position: absolute; + top: calc(50% - 15px); + left: 13.45px; + width: 8.7px; + height: 21px; +} +.arrowchevrondropdown { + position: relative; + width: 34px; + height: 30px; + flex-shrink: 0; +} +.propertiesofferstitle { + position: absolute; + top: 0; + left: 0; + width: 160px; + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + gap: var(--gap-md); +} +.propertiesoffers { + position: absolute; + top: 108px; + left: 24px; + width: 1361px; + height: 748px; + text-align: left; + font-size: var(--font-size-xl); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/properties.js b/src/components/properties.js new file mode 100644 index 00000000..a4c90226 --- /dev/null +++ b/src/components/properties.js @@ -0,0 +1,7 @@ +import styles from "./properties.module.css"; + +const Properties = () => { + return
Properties
; +}; + +export default Properties; diff --git a/src/components/properties.module.css b/src/components/properties.module.css new file mode 100644 index 00000000..2cf291c6 --- /dev/null +++ b/src/components/properties.module.css @@ -0,0 +1,11 @@ +.properties { + position: absolute; + top: 0; + left: 51px; + font-size: var(--font-size-2xl); + font-weight: 500; + font-family: var(--font-poppins); + color: var(--color-black); + text-align: left; + display: inline-block; +} diff --git a/src/components/property-card-description-frame.js b/src/components/property-card-description-frame.js new file mode 100644 index 00000000..581e78fa --- /dev/null +++ b/src/components/property-card-description-frame.js @@ -0,0 +1,71 @@ +import styles from "./property-card-description-frame.module.css"; + +const PropertyCardDescriptionFrame = () => { + return ( +
+
+
+
+ + +
+
+
+
+
+
D
+
H
+
M
+
S
+
03:09:52
+
+ 11 + : +
+
+
+
+
+
Stage 1
+
+
+
Countdown Timer
+ +
+
+
+
+
+
+
+
Conditional
+
+
$2,450,000
+ +
Your Offer
+
+
+ 56 Owen Street NORTH BONDI +
+ +
+ ); +}; + +export default PropertyCardDescriptionFrame; diff --git a/src/components/property-card-description-frame.module.css b/src/components/property-card-description-frame.module.css new file mode 100644 index 00000000..7ca663eb --- /dev/null +++ b/src/components/property-card-description-frame.module.css @@ -0,0 +1,281 @@ +.propertycardcountdowntimerframChild { + position: absolute; + top: 0; + left: 8px; + border-radius: var(--br-2xs); + background-color: var(--color-gray-2200); + width: 384px; + height: 167px; +} +.propertycardcountdowntimergrouChild { + position: absolute; + top: 10px; + left: 0; + width: 402px; + height: 136px; +} +.countdowntimerlastrowIcon { + position: absolute; + top: 123px; + left: 53px; + width: 329px; + height: 24px; +} +.countdowntimerclockChild, +.countdowntimerclockInner, +.countdowntimerclockItem, +.rectangleDiv { + position: absolute; + top: 42px; + left: 7px; + background-color: var(--color-gray-100); + width: 23px; + height: 30.32px; +} +.countdowntimerclockInner, +.countdowntimerclockItem, +.rectangleDiv { + left: 59px; +} +.countdowntimerclockInner, +.rectangleDiv { + left: 112px; +} +.rectangleDiv { + left: 163px; +} +.d, +.h, +.m { + top: calc(50% + 8.66px); + font-weight: 300; +} +.d { + position: absolute; + left: calc(50% - 95px); + display: inline-block; + width: 10px; + height: 19.78px; +} +.h, +.m { + height: 27.69px; +} +.h { + position: absolute; + left: calc(50% - 43px); + display: inline-block; + width: 10px; +} +.m { + left: calc(50% + 9px); + width: 12px; +} +.coundowntimerclockhours, +.m, +.s { + position: absolute; + display: inline-block; +} +.s { + top: calc(50% + 8.66px); + left: calc(50% + 61px); + font-weight: 300; + width: 9px; + height: 27.69px; +} +.coundowntimerclockhours { + top: 0; + left: 30px; + font-size: var(--font-size-5xl); + letter-spacing: 0.1em; + text-transform: capitalize; + font-weight: 500; + color: var(--color-gray-1700); + text-align: center; + width: 188px; + height: 42.19px; +} +.span { + font-weight: 500; +} +.span1 { + font-weight: 600; + font-family: var(--font-montserrat); +} +.coundowntimerclockdays { + position: absolute; + top: 0; + left: 0; + font-size: var(--font-size-5xl); + letter-spacing: 0.1em; + text-transform: capitalize; + color: var(--color-gray-1700); + display: inline-block; + width: 45px; + height: 31.64px; +} +.countdowntimerclock { + position: absolute; + top: 47px; + left: 92px; + width: 218px; + height: 72.69px; +} +.countdowntimerstageChild { + position: absolute; + top: 0; + left: 0; + background-color: var(--color-green-200); + width: 78px; + height: 28px; +} +.countdowntimerstagetext { + position: absolute; + top: 4.64px; + left: 14px; + letter-spacing: 0.05em; + text-transform: capitalize; + display: inline-block; +} +.countdowntimerstage { + position: absolute; + top: 1px; + left: 278px; + width: 78px; + height: 28px; +} +.countdownTimer { + position: absolute; + top: calc(50% - 15px); + left: calc(50% - 81.25px); + font-weight: 300; + display: inline-block; + width: 191.75px; +} +.clockHistoryIcon { + position: absolute; + top: 5px; + left: 0; + width: 17.34px; + height: 16px; +} +.countdowntimerlabel { + position: absolute; + top: calc(50% - 15px); + left: calc(50% - 178px); + width: 221px; + height: 30px; + text-align: left; + font-size: var(--font-size-xl); + color: var(--color-gray-1300); +} +.countdwontimerfirstrow { + position: absolute; + top: 7px; + left: 26px; + width: 356px; + height: 30px; + text-align: center; + color: var(--color-white); +} +.propertycardcountdowntimerfram, +.propertycardcountdowntimergrou { + position: absolute; + top: 10px; + left: 0; + width: 402px; + height: 147px; +} +.propertycardcountdowntimerfram { + top: 160px; + height: 167px; + color: var(--color-gray-1100); +} +.conditionalindicatorChild { + position: absolute; + top: 2px; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-red); + width: 102px; + height: 17px; +} +.conditional { + position: absolute; + top: 0; + left: 9px; + text-transform: capitalize; + font-weight: 500; + display: inline-block; + width: 94px; + height: 22px; +} +.conditionalindicator { + position: absolute; + top: 26px; + left: 158px; + width: 103px; + height: 22px; + color: var(--color-white); +} +.youroffervalue { + position: absolute; + top: 22px; + left: 22px; + font-size: var(--font-size-xl); + letter-spacing: 0.1em; + text-transform: capitalize; + font-weight: 300; + display: inline-block; +} +.youroffervaluedirectionicon { + position: absolute; + top: 29px; + left: 0; + width: 17px; + height: 17px; + object-fit: cover; +} +.yourofferlabel { + position: absolute; + top: 0; + left: 0; + font-weight: 300; + display: inline-block; + width: 90px; + height: 18px; +} +.youroffer { + position: absolute; + top: 96px; + left: 22px; + width: 261px; + height: 52px; +} +.propertyaddrestext { + position: absolute; + top: 52px; + left: 20px; + font-size: var(--font-size-xl); + font-weight: 300; + display: inline-block; +} +.propertycardbuttonspanelIcon { + position: absolute; + top: 0; + left: 17px; + width: 338.4px; + height: 36px; +} +.propertycarddescriptionframe { + position: absolute; + top: 337px; + left: 15px; + width: 402px; + height: 327px; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-gray-1300); + font-family: var(--font-poppins); +} diff --git a/src/components/property-card-image-frame.js b/src/components/property-card-image-frame.js new file mode 100644 index 00000000..bcc91153 --- /dev/null +++ b/src/components/property-card-image-frame.js @@ -0,0 +1,70 @@ +import styles from "./property-card-image-frame.module.css"; + +const PropertyCardImageFrame = () => { + return ( +
+ +
+
+
+
+
+
9
+ + +
+
Avg Rating
+
+
+
+
1
+ +
+
+
2
+ +
+
+
5
+ +
+
+ $2,450,000 +
+
+
AUCTION
+
+
+
+
Online
+
+
+
+ ); +}; + +export default PropertyCardImageFrame; diff --git a/src/components/property-card-image-frame.module.css b/src/components/property-card-image-frame.module.css new file mode 100644 index 00000000..299eb93a --- /dev/null +++ b/src/components/property-card-image-frame.module.css @@ -0,0 +1,205 @@ +.propertycardpropertyimageIcon { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs) var(--br-2xs) 0 0; + width: 432px; + height: 311px; + object-fit: cover; +} +.propertycardimagerectange { + position: absolute; + top: 0; + left: 0; + background: linear-gradient(180deg, rgba(136, 135, 135, 0.01), #626262); + box-shadow: 0 2px 20px rgba(151, 151, 151, 0.15); + width: 432px; + height: 323px; +} +.avgratingrectangle { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-gray-2300); + width: 82px; + height: 85px; +} +.div { + position: absolute; + height: 50.11%; + width: 22.97%; + top: 31.5%; + left: 41.12%; + font-weight: 500; + display: inline-block; +} +.avgratingchartChild, +.avgratingchartItem { + position: absolute; + height: 51.49%; + width: 73.31%; + top: 39.11%; + right: 17.3%; + bottom: 9.4%; + left: 9.4%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.avgratingchartItem { + height: 66.31%; + width: 81.11%; + top: 9.44%; + right: 9.47%; + bottom: 24.24%; + left: 9.42%; +} +.avgratingchart { + position: absolute; + top: 0.34px; + left: 9.01px; + width: 65px; + height: 64.89px; +} +.avgratinglabel { + position: absolute; + top: 60px; + left: 4px; + font-size: var(--font-size-base); + font-weight: 300; + color: var(--color-black); + display: inline-block; +} +.offerscardavgrating { + position: absolute; + top: 196px; + left: 293px; + width: 82px; + height: 85px; + color: var(--border-color4); +} +.propertycardgaragecount { + position: absolute; + top: 0; + left: 21px; + font-weight: 500; + display: inline-block; +} +.propertycardgarageicon { + position: absolute; + top: 2px; + left: 0; + width: 16px; + height: 16px; +} +.propertycardbathroom, +.propertycardgarage { + position: absolute; + top: 0; + left: 108px; + width: 26px; + height: 21px; +} +.propertycardbathroom { + left: 54px; + width: 30px; +} +.propertycardbedicon { + position: absolute; + height: 53.98%; + width: 53.33%; + top: 20.63%; + right: 46.67%; + bottom: 25.39%; + left: 0; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.propertycardbedroom, +.propertycardfeaturespanel { + position: absolute; + top: 0; + left: 0; + width: 30px; + height: 21px; +} +.propertycardfeaturespanel { + top: 252px; + left: 2px; + width: 134px; + font-size: var(--font-size-base); +} +.propertycardprice { + position: absolute; + top: 222px; + left: 0; + display: inline-block; +} +.propertycardautionlabelChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-gray-1500); + width: 64px; + height: 20px; +} +.auction { + position: absolute; + top: 2px; + left: 5px; + display: inline-block; +} +.propertycardautionlabel { + position: absolute; + top: 194px; + left: 0; + width: 64px; + height: 20px; + font-size: var(--font-size-sm); +} +.propertycardonlineChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-lg); + background-color: var(--color-green-100); + width: 95px; + height: 25px; +} +.online { + position: absolute; + top: 3px; + left: 25px; + display: inline-block; + width: 45px; + height: 18px; +} +.propertycardonline { + position: absolute; + top: 0; + left: 280px; + width: 95px; + height: 25px; + font-size: var(--font-size-base); +} +.propertycarddetailsonimage { + position: absolute; + top: 28px; + left: 32px; + width: 375px; + height: 281px; +} +.propertycardimageframe { + position: absolute; + top: 0; + left: 0; + width: 432px; + height: 323px; + text-align: left; + font-size: var(--font-size-lg); + color: var(--color-white); + font-family: var(--font-poppins); +} diff --git a/src/components/property-card-rectangle.js b/src/components/property-card-rectangle.js new file mode 100644 index 00000000..3b5543d0 --- /dev/null +++ b/src/components/property-card-rectangle.js @@ -0,0 +1,7 @@ +import styles from "./property-card-rectangle.module.css"; + +const PropertyCardRectangle = () => { + return
; +}; + +export default PropertyCardRectangle; diff --git a/src/components/property-card-rectangle.module.css b/src/components/property-card-rectangle.module.css new file mode 100644 index 00000000..b71d163a --- /dev/null +++ b/src/components/property-card-rectangle.module.css @@ -0,0 +1,12 @@ +.propertycardrectangle { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-white); + box-shadow: 5px 5px 20px rgba(240, 240, 240, 0.25); + border: 0.5px solid var(--color-gray-800); + box-sizing: border-box; + width: 432px; + height: 688px; +} diff --git a/src/components/property-card.js b/src/components/property-card.js new file mode 100644 index 00000000..b748b1a6 --- /dev/null +++ b/src/components/property-card.js @@ -0,0 +1,16 @@ +import PropertyCardRectangle from "../components/property-card-rectangle"; +import PropertyCardDescriptionFrame from "../components/property-card-description-frame"; +import PropertyCardImageFrame from "../components/property-card-image-frame"; +import styles from "./property-card.module.css"; + +const PropertyCard = () => { + return ( +
+ + + +
+ ); +}; + +export default PropertyCard; diff --git a/src/components/property-card.module.css b/src/components/property-card.module.css new file mode 100644 index 00000000..ca95ad97 --- /dev/null +++ b/src/components/property-card.module.css @@ -0,0 +1,10 @@ +.propertycard { + position: relative; + width: 432px; + height: 688px; + flex-shrink: 0; + text-align: left; + font-size: var(--font-size-base); + color: var(--color-gray-1300); + font-family: var(--font-poppins); +} diff --git a/src/components/property-cards.js b/src/components/property-cards.js new file mode 100644 index 00000000..770ecb98 --- /dev/null +++ b/src/components/property-cards.js @@ -0,0 +1,60 @@ +import PropertiesInterested from "../components/properties-interested"; +import PropertiesOffers from "../components/properties-offers"; +import Lable from "../components/lable"; +import MapsandTable from "../components/mapsand-table"; +import Properties from "../components/properties"; +import styles from "./property-cards.module.css"; + +const PropertyCards = () => { + return ( +
+
+
+
Inspected
+
+
+ +
+
+
+
Watching
+
+
+ +
+
+ + +
+
+
+ +
+ + +
+ + +
+
+
+ ); +}; + +export default PropertyCards; diff --git a/src/components/property-cards.module.css b/src/components/property-cards.module.css new file mode 100644 index 00000000..53d93427 --- /dev/null +++ b/src/components/property-cards.module.css @@ -0,0 +1,139 @@ +.propertiescontainerrectangle { + position: absolute; + top: 0; + left: -7px; + border-radius: var(--br-lg); + background-color: var(--color-white); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); + width: 1420px; + height: 1793px; +} +.inspected { + position: absolute; + top: 0; + left: 45px; + font-weight: 500; + display: inline-block; +} +.arrowchevrondropdownChild { + position: absolute; + top: 0; + right: 0; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 30px; + height: 30px; + transform: rotate(-90deg); + transform-origin: 0 0; + opacity: 0.1; +} +.arrowChevronForward { + position: absolute; + top: -26px; + left: 4px; + width: 21px; + height: 21px; +} +.arrowchevrondropdown { + position: absolute; + top: 30px; + right: 116px; + width: 30px; + height: 30px; + transform: rotate(-90deg); + transform-origin: 0 0; +} +.propertiesinspectedtitle { + position: absolute; + top: 1736px; + left: 29px; + width: 146px; + height: 30px; +} +.arrowchevrondropdown1 { + position: absolute; + top: 30px; + right: 113px; + width: 30px; + height: 30px; + transform: rotate(-90deg); + transform-origin: 0 0; +} +.propertieswatchingtitle { + position: absolute; + top: 1686px; + left: 29px; + width: 143px; + height: 30px; +} +.propertiestoprightarrowChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-white); + border: 1px solid var(--color-gray-900); + box-sizing: border-box; + width: 41px; + height: 41px; +} +.propertiestoprightarrowItem { + position: absolute; + top: 14.59px; + left: 13px; + width: 16.14px; + height: 9.48px; +} +.propertiestoprightarrow { + position: absolute; + top: 0; + left: 1318px; + width: 41px; + height: 41px; +} +.propertiesicondiv { + position: absolute; + height: 97.47%; + width: 20.81%; + top: 2.53%; + right: 79.19%; + bottom: 0; + left: 0; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.propertiestitle { + position: absolute; + top: 10px; + left: 0; + width: 173px; + height: 36.07px; + font-size: var(--font-size-2xl); +} +.propertiestoprow { + position: absolute; + top: 41px; + left: 24px; + width: 1359px; + height: 46.07px; + font-size: var(--font-size-lg); +} +.propertiescontainer { + position: absolute; + top: 556px; + left: 11px; + width: 1413px; + height: 1793px; + overflow: hidden; + text-align: left; + font-size: var(--font-size-xl); + color: var(--color-black); + font-family: var(--font-poppins); +} +@media screen and (max-width: 1200px) { + .propertiescontainer { + flex-direction: column; + } +} diff --git a/src/components/saved-seaches.js b/src/components/saved-seaches.js new file mode 100644 index 00000000..c882fff8 --- /dev/null +++ b/src/components/saved-seaches.js @@ -0,0 +1,61 @@ +import { useCallback } from "react"; +import DropDown from "../components/drop-down"; +import SavedSearchesText from "../components/saved-searches-text"; +import SearchIcon from "../components/search-icon"; +import NewSearch from "../components/new-search"; +import BekkevueHill from "../components/bekkevue-hill"; +import AllListings from "../components/all-listings"; +import styles from "./saved-seaches.module.css"; + +const SavedSeaches = () => { + const onSavedSearchesNewSearchContainerClick = useCallback(() => { + window.open("https://demo01.houzez.co/"); + }, []); + + return ( +
+
+ +
+ + +
+
+
+
+
+ +
+
New Search
+
+ +
+
+
+
+ +
+ + +
+
+ +
+
+
+
+ ); +}; + +export default SavedSeaches; diff --git a/src/components/saved-seaches.module.css b/src/components/saved-seaches.module.css new file mode 100644 index 00000000..3e0e3ead --- /dev/null +++ b/src/components/saved-seaches.module.css @@ -0,0 +1,146 @@ +.savedsearchestitle { + position: absolute; + top: 4.66px; + left: 0; + width: 275px; + height: 37.34px; +} +.savedsearchesdiv, +.savedsearchestitlecontainer { + position: relative; + width: 1356px; + height: 42px; + flex-shrink: 0; +} +.savedsearchesdiv { + border-radius: var(--br-lg); + background-color: var(--color-white); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); + width: 1411px; + height: 249px; + display: none; +} +.newSearch { + position: relative; + display: inline-block; +} +.savedsearchesnewsearch1 { + position: absolute; + top: 0; + left: 26px; + display: flex; + flex-direction: row; + padding: var(--padding-2xs); + box-sizing: border-box; + align-items: flex-start; + justify-content: flex-start; + cursor: pointer; +} +.vectorIcon { + position: absolute; + height: 27.27%; + width: 8.33%; + top: 36.36%; + right: 79.86%; + bottom: 36.36%; + left: 11.81%; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.savedsearchesnewsearch { + position: absolute; + top: 97px; + left: 1212px; + width: 144px; + height: 44px; +} +.savedsearcheslistingrightarrowChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xl); + background-color: var(--color-white); + border: 1px solid var(--color-gray-900); + box-sizing: border-box; + width: 41px; + height: 41px; + transform: rotate(90deg); + transform-origin: 0 0; +} +.savedsearcheslistingrightarrowItem { + position: absolute; + top: 13px; + left: -24.07px; + width: 9.48px; + height: 16.14px; +} +.savedsearcheslistingleftarrowChild, +.savedsearcheslistingrightarrow { + position: absolute; + top: 44px; + left: 1095px; + width: 41px; + height: 41px; + transform: rotate(90deg); + transform-origin: 0 0; +} +.savedsearcheslistingleftarrowChild { + top: 0; + left: 0; + border-radius: var(--br-2xl); + background-color: var(--color-white); + border: 1px solid var(--color-gray-900); + box-sizing: border-box; + transform: rotate(-90deg); +} +.savedsearcheslistingleftarrowItem { + position: absolute; + top: -29.14px; + left: 14.59px; + width: 9.48px; + height: 16.14px; +} +.savedsearcheslistingleftarrow { + position: absolute; + top: 85px; + left: 0; + width: 41px; + height: 41px; + transform: rotate(-90deg); + transform-origin: 0 0; +} +.savedsearcheslist { + position: absolute; + top: 0; + left: 0; + width: 1095px; + height: 141px; + font-size: var(--font-size-2xl); + color: var(--color-black); +} +.savedsearcheslistcontainer { + position: relative; + width: 1356px; + height: 141px; + flex-shrink: 0; + font-size: var(--font-size-lg); + color: var(--color-gray-1300); +} +.savedsearchescontainer { + position: absolute; + top: 303px; + left: 18px; + height: 236px; + overflow: hidden; + display: flex; + flex-direction: column; + padding: var(--padding-xs) var(--padding-sm); + box-sizing: border-box; + align-items: flex-start; + justify-content: space-between; + text-align: left; + font-size: var(--font-size-2xl); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/saved-searches-text.js b/src/components/saved-searches-text.js new file mode 100644 index 00000000..934ba2f1 --- /dev/null +++ b/src/components/saved-searches-text.js @@ -0,0 +1,7 @@ +import styles from "./saved-searches-text.module.css"; + +const SavedSearchesText = () => { + return
Saved Searches
; +}; + +export default SavedSearchesText; diff --git a/src/components/saved-searches-text.module.css b/src/components/saved-searches-text.module.css new file mode 100644 index 00000000..e3cab158 --- /dev/null +++ b/src/components/saved-searches-text.module.css @@ -0,0 +1,12 @@ +.savedsearchestitletext { + position: absolute; + top: 1.34px; + left: 63.04px; + font-size: var(--font-size-2xl); + font-weight: 500; + font-family: var(--font-poppins); + color: var(--color-black); + text-align: left; + display: inline-block; + width: 211.96px; +} diff --git a/src/components/search-icon.js b/src/components/search-icon.js new file mode 100644 index 00000000..36508248 --- /dev/null +++ b/src/components/search-icon.js @@ -0,0 +1,13 @@ +import styles from "./search-icon.module.css"; + +const SearchIcon = () => { + return ( + + ); +}; + +export default SearchIcon; diff --git a/src/components/search-icon.module.css b/src/components/search-icon.module.css new file mode 100644 index 00000000..f3a80ad5 --- /dev/null +++ b/src/components/search-icon.module.css @@ -0,0 +1,12 @@ +.savedsearchtitleicon { + position: absolute; + height: 94.29%; + width: 14.23%; + top: 0; + right: 85.77%; + bottom: 5.71%; + left: 0; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} diff --git a/src/components/top-menu.js b/src/components/top-menu.js new file mode 100644 index 00000000..3a9cb8ef --- /dev/null +++ b/src/components/top-menu.js @@ -0,0 +1,35 @@ +import MenuItemOthers from "../components/menu-item-others"; +import styles from "./top-menu.module.css"; + +const TopMenu = () => { + return ( +
+ + +
+ +
Property
+
+
+ +
Properties
+
+
Home
+
+ ); +}; + +export default TopMenu; diff --git a/src/components/top-menu.module.css b/src/components/top-menu.module.css new file mode 100644 index 00000000..fea1b045 --- /dev/null +++ b/src/components/top-menu.module.css @@ -0,0 +1,46 @@ +.arrowChevronDown, +.arrowChevronDown1, +.property { + position: absolute; + top: 0; + left: 72px; + width: 24px; + height: 24px; +} +.arrowChevronDown1, +.property { + left: 356px; + width: 96px; +} +.arrowChevronDown1 { + left: 85px; + width: 24px; +} +.properties { + top: 0; + left: 140px; + width: 109px; + height: 24px; +} +.home, +.properties, +.topmenu { + position: absolute; +} +.home { + top: 0; + left: 0; + text-transform: capitalize; + font-weight: 300; + display: inline-block; +} +.topmenu { + top: 29px; + left: 557px; + width: 794px; + height: 24px; + text-align: left; + font-size: var(--font-size-lg); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/welcome-address.js b/src/components/welcome-address.js new file mode 100644 index 00000000..81e6bfbb --- /dev/null +++ b/src/components/welcome-address.js @@ -0,0 +1,13 @@ +import AddressText from "../components/address-text"; +import styles from "./welcome-address.module.css"; + +const WelcomeAddress = () => { + return ( +
+ +
(Buyer Mode)
+
+ ); +}; + +export default WelcomeAddress; diff --git a/src/components/welcome-address.module.css b/src/components/welcome-address.module.css new file mode 100644 index 00000000..90fcad3c --- /dev/null +++ b/src/components/welcome-address.module.css @@ -0,0 +1,21 @@ +.buyerMode { + position: absolute; + top: 19px; + left: 367px; + font-size: var(--font-size-lg); + font-weight: 300; + color: var(--color-black); + display: inline-block; +} +.dashboardwelcomeaddress { + position: absolute; + top: 0; + left: 0; + width: 513px; + height: 50px; + overflow: hidden; + text-align: left; + font-size: var(--font-size-4xl); + color: var(--color-gray-2000); + font-family: var(--font-poppins); +} diff --git a/src/components/you-status-top-row.js b/src/components/you-status-top-row.js new file mode 100644 index 00000000..4c4703bf --- /dev/null +++ b/src/components/you-status-top-row.js @@ -0,0 +1,33 @@ +import styles from "./you-status-top-row.module.css"; + +const YouStatusTopRow = () => { + return ( +
+
+
+ +
+
+
+ + +
Total
+
+
+
+
Your Status
+ +
+
+ ); +}; + +export default YouStatusTopRow; diff --git a/src/components/you-status-top-row.module.css b/src/components/you-status-top-row.module.css new file mode 100644 index 00000000..13ce64a6 --- /dev/null +++ b/src/components/you-status-top-row.module.css @@ -0,0 +1,108 @@ +.yourstatustoprightarrowdiv { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-2xs); + background-color: var(--color-white); + border: 1px solid var(--color-gray-900); + box-sizing: border-box; + width: 41px; + height: 41px; +} +.yourstatustoprightarrowChild { + position: absolute; + top: 14.59px; + left: 13px; + width: 16.14px; + height: 9.48px; +} +.yourstatustoprightarrow { + position: absolute; + top: 0; + left: 1315px; + width: 41px; + height: 41px; +} +.yourstatustotalcontainerChild { + position: absolute; + top: 9px; + right: 12px; + border-radius: var(--br-3xs); + background-color: var(--color-white); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); + width: 168px; + height: 23px; +} +.calendarDuotoneIcon, +.iconlyboldarrowDown3 { + position: absolute; + top: 9px; + right: 14px; + width: 24px; + height: 24px; +} +.calendarDuotoneIcon { + top: 8px; + right: 151px; +} +.total { + position: absolute; + top: 12px; + right: 113px; + display: inline-block; +} +.yourstatustotal { + position: absolute; + top: 0; + right: 0; + border-radius: var(--br-2xs); + border: 1px solid var(--border-color4); + box-sizing: border-box; + width: 194px; + height: 41px; + opacity: 0.1; +} +.yourstatustotalcontainer { + position: absolute; + top: 0; + right: 56px; +} +.yourstatustitletext { + position: absolute; + top: 1.34px; + left: 65.1px; + font-weight: 500; + display: inline-block; + width: 154.9px; +} +.yourstatustitleicon { + position: absolute; + height: 94.29%; + width: 23.42%; + top: 0; + right: 76.58%; + bottom: 5.71%; + left: 0; + max-width: 100%; + overflow: hidden; + max-height: 100%; +} +.yourstatustitlecontainer { + position: absolute; + top: 4.66px; + left: 0; + width: 220px; + height: 37.34px; + font-size: var(--font-size-2xl); + color: var(--color-black); +} +.youstatustoprow { + position: relative; + width: 1356px; + height: 42px; + flex-shrink: 0; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-gray-1200); + font-family: var(--font-poppins); +} diff --git a/src/components/your-status-container.js b/src/components/your-status-container.js new file mode 100644 index 00000000..5d995f4d --- /dev/null +++ b/src/components/your-status-container.js @@ -0,0 +1,14 @@ +import YouStatusTopRow from "../components/you-status-top-row"; +import YourStatusItemsContainer from "../components/your-status-items-container"; +import styles from "./your-status-container.module.css"; + +const YourStatusContainer = () => { + return ( +
+ + +
+ ); +}; + +export default YourStatusContainer; diff --git a/src/components/your-status-container.module.css b/src/components/your-status-container.module.css new file mode 100644 index 00000000..6f6df226 --- /dev/null +++ b/src/components/your-status-container.module.css @@ -0,0 +1,20 @@ +.yourstatuscontainer { + position: absolute; + top: 80px; + left: 15px; + border-radius: var(--br-lg); + background-color: var(--color-white); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); + width: 1409px; + height: 185px; + display: flex; + flex-direction: column; + padding: var(--padding-md) var(--padding-lg); + box-sizing: border-box; + align-items: flex-start; + justify-content: space-between; + text-align: left; + font-size: var(--font-size-sm); + color: var(--color-gray-1200); + font-family: var(--font-poppins); +} diff --git a/src/components/your-status-items-container.js b/src/components/your-status-items-container.js new file mode 100644 index 00000000..0a06cba0 --- /dev/null +++ b/src/components/your-status-items-container.js @@ -0,0 +1,16 @@ +import YourStatusWatchList from "../components/your-status-watch-list"; +import Notifications from "../components/notifications"; +import Inspectedstatus from "../components/inspectedstatus"; +import styles from "./your-status-items-container.module.css"; + +const YourStatusItemsContainer = () => { + return ( +
+ + + +
+ ); +}; + +export default YourStatusItemsContainer; diff --git a/src/components/your-status-items-container.module.css b/src/components/your-status-items-container.module.css new file mode 100644 index 00000000..c09c8697 --- /dev/null +++ b/src/components/your-status-items-container.module.css @@ -0,0 +1,10 @@ +.yourstatusitemscontainer { + position: relative; + width: 1356px; + height: 75px; + flex-shrink: 0; + text-align: left; + font-size: var(--font-size-2xl); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/components/your-status-watch-list.js b/src/components/your-status-watch-list.js new file mode 100644 index 00000000..23a91e82 --- /dev/null +++ b/src/components/your-status-watch-list.js @@ -0,0 +1,18 @@ +import styles from "./your-status-watch-list.module.css"; + +const YourStatusWatchList = () => { + return ( +
+
+
11
+
Watch List
+ +
+ ); +}; + +export default YourStatusWatchList; diff --git a/src/components/your-status-watch-list.module.css b/src/components/your-status-watch-list.module.css new file mode 100644 index 00000000..a90b043b --- /dev/null +++ b/src/components/your-status-watch-list.module.css @@ -0,0 +1,38 @@ +.yourstatuswatchlistChild { + position: absolute; + top: 0; + left: 0; + border-radius: var(--br-xl); + background-color: var(--color-white); + box-shadow: 0 2px 20px rgba(151, 151, 151, 0.15); + width: 432px; + height: 74px; +} +.yourstatuswatchlistcount, +.yourstatuswatchlisttext { + position: absolute; + top: 19px; + left: 360px; + display: inline-block; +} +.yourstatuswatchlisttext { + left: 83px; +} +.yourstatuswatchlisticon { + position: absolute; + top: 11px; + left: 11px; + width: 52px; + height: 52px; +} +.yourstatuswatchlist { + position: absolute; + top: 0; + left: 924px; + width: 432px; + height: 74px; + text-align: left; + font-size: var(--font-size-2xl); + color: var(--color-black); + font-family: var(--font-poppins); +} diff --git a/src/global.css b/src/global.css new file mode 100644 index 00000000..bb3031f4 --- /dev/null +++ b/src/global.css @@ -0,0 +1,85 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap"); +@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); + +body { + margin: 0; + line-height: normal; +} +:root { + /* fonts */ + --font-poppins: Poppins; + --font-inherit: inherit; + --font-montserrat: Montserrat; + + /* font sizes */ + --font-size-2xs: 8px; + --font-size-xs: 10px; + --font-size-sm: 12px; + --font-size-base: 14px; + --font-size-lg: 16px; + --font-size-xl: 20px; + --font-size-2xl: 24px; + --font-size-3xl: 28px; + --font-size-4xl: 32.82px; + --font-size-5xl: 32px; + + /* Colors */ + --color-gray-100: #fcfcfc; + --color-gray-200: #fafafa; + --color-gray-300: #f7f8f7; + --color-gray-400: #f5f5f5; + --color-gray-500: #f3f3f3; + --color-gray-600: #eee; + --color-gray-700: #def3ff; + --color-gray-800: #e4e4e4; + --color-gray-900: #c4c4c4; + --color-gray-1000: #c2c2c2; + --color-gray-1100: #9c9c9c; + --color-gray-1200: #6d6868; + --color-gray-1300: #666; + --color-gray-1400: #585858; + --color-gray-1500: #383837; + --color-gray-1600: #26344e; + --color-gray-1700: #262626; + --color-gray-1800: #212529; + --border-color4: #112347; + --color-gray-2000: #1e1e1e; + --color-gray-2100: rgba(217, 217, 217, 0.28); + --color-gray-2200: rgba(188, 187, 188, 0.1); + --color-gray-2300: rgba(252, 252, 252, 0.8); + --color-black: #000; + --color-white: #fff; + --color-green-100: #10d35e; + --color-green-200: #08a742; + --color-green-300: rgba(16, 211, 94, 0.1); + --color-indigo-100: #6c2ad2; + --color-indigo-200: rgba(108, 42, 210, 0.1); + --color-red: rgba(237, 11, 11, 0.6); + --color-orange: #f5a623; + + /* Gaps */ + --gap-md: 15px; + + /* Paddings */ + --padding-2xs: 10px; + --padding-xs: 18px; + --padding-sm: 22px; + --padding-md: 24px; + --padding-lg: 25px; + --padding-xl: 32px; + + /* border radiuses */ + --br-5xs: 2px; + --br-4xs: 3px; + --br-3xs: 4px; + --br-2xs: 5px; + --br-xs: 6px; + --br-sm: 8px; + --br-md: 8.5px; + --br-lg: 10px; + --br-xl: 15px; + --br-2xl: 25px; + --br-3xl: 50px; + --br-4xl: 82.95px; +} diff --git a/src/index.js b/src/index.js new file mode 100644 index 00000000..fa52ae82 --- /dev/null +++ b/src/index.js @@ -0,0 +1,34 @@ +import React from "react"; +import { createRoot } from "react-dom/client"; +import App from "./App"; +import reportWebVitals from "./reportWebVitals"; +import { BrowserRouter } from "react-router-dom"; +import { + CssBaseline, + ThemeProvider, + createTheme, + StyledEngineProvider, +} from "@mui/material"; + +import "./global.css"; + +const muiTheme = createTheme(); + +const container = document.getElementById("root"); +const root = createRoot(container); + +root.render( + + + + + + + + +); + +// If you want to start measuring performance in your app, pass a function +// to log results (for example: reportWebVitals(console.log)) +// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals +reportWebVitals(); diff --git a/src/pages/buyers-dashboard.js b/src/pages/buyers-dashboard.js new file mode 100644 index 00000000..16cf71aa --- /dev/null +++ b/src/pages/buyers-dashboard.js @@ -0,0 +1,20 @@ +import DashboardRightPanel from "../components/dashboard-right-panel"; +import DashboardMainContainer from "../components/dashboard-main-container"; +import LeftMenuFrame from "../components/left-menu-frame"; +import ModeContainer from "../components/mode-container"; +import Navbar from "../components/navbar"; +import styles from "./buyers-dashboard.module.css"; + +const BuyersDashboard = () => { + return ( +
+ + + + + +
+ ); +}; + +export default BuyersDashboard; diff --git a/src/pages/buyers-dashboard.module.css b/src/pages/buyers-dashboard.module.css new file mode 100644 index 00000000..83685e8e --- /dev/null +++ b/src/pages/buyers-dashboard.module.css @@ -0,0 +1,7 @@ +.buyersDashboard { + position: relative; + background-color: var(--color-gray-200); + width: 100%; + height: 2688px; + overflow: hidden; +} diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js new file mode 100644 index 00000000..5fa3583b --- /dev/null +++ b/src/reportWebVitals.js @@ -0,0 +1,15 @@ +import { ReportHandler } from "web-vitals"; + +const reportWebVitals = (onPerfEntry?: ReportHandler) => { + if (onPerfEntry && onPerfEntry instanceof Function) { + import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { + getCLS(onPerfEntry); + getFID(onPerfEntry); + getFCP(onPerfEntry); + getLCP(onPerfEntry); + getTTFB(onPerfEntry); + }); + } +}; + +export default reportWebVitals;