diff --git a/keynest/public/images/Image10.png b/keynest/public/images/Image10.png new file mode 100644 index 0000000..e33d631 Binary files /dev/null and b/keynest/public/images/Image10.png differ diff --git a/keynest/public/images/Image11.png b/keynest/public/images/Image11.png new file mode 100644 index 0000000..6f707f4 Binary files /dev/null and b/keynest/public/images/Image11.png differ diff --git a/keynest/public/images/Image12.png b/keynest/public/images/Image12.png new file mode 100644 index 0000000..3f53577 Binary files /dev/null and b/keynest/public/images/Image12.png differ diff --git a/keynest/public/images/Image4.png b/keynest/public/images/Image4.png new file mode 100644 index 0000000..9eb3ea6 Binary files /dev/null and b/keynest/public/images/Image4.png differ diff --git a/keynest/public/images/Image5.png b/keynest/public/images/Image5.png new file mode 100644 index 0000000..387d30b Binary files /dev/null and b/keynest/public/images/Image5.png differ diff --git a/keynest/public/images/Image6.png b/keynest/public/images/Image6.png new file mode 100644 index 0000000..5dd3ffb Binary files /dev/null and b/keynest/public/images/Image6.png differ diff --git a/keynest/public/images/Image7.png b/keynest/public/images/Image7.png new file mode 100644 index 0000000..3a94b9e Binary files /dev/null and b/keynest/public/images/Image7.png differ diff --git a/keynest/public/images/Image8.png b/keynest/public/images/Image8.png new file mode 100644 index 0000000..919c983 Binary files /dev/null and b/keynest/public/images/Image8.png differ diff --git a/keynest/public/images/Image9.png b/keynest/public/images/Image9.png new file mode 100644 index 0000000..6c2f0c3 Binary files /dev/null and b/keynest/public/images/Image9.png differ diff --git a/keynest/src/App.js b/keynest/src/App.js index cc59d4f..4bd2d15 100644 --- a/keynest/src/App.js +++ b/keynest/src/App.js @@ -5,6 +5,8 @@ import ApartmentRentals from './components/ApartmentRentals'; import ApartmentOptions from './components/ApartmentOptions'; import ApartmentAmenities from './components/ApartmentAmenities'; import NearbyAttractions from './components/NearbyAttractions'; +import FlexibleLeasing from './components/FlexibleLeasing'; +import UnparalleledConvenience from './components/UnparalleledConvenience'; function App() { return ( @@ -14,6 +16,8 @@ function App() { + + ); } diff --git a/keynest/src/components/FlexibleLeasing.css b/keynest/src/components/FlexibleLeasing.css new file mode 100644 index 0000000..0b6da5d --- /dev/null +++ b/keynest/src/components/FlexibleLeasing.css @@ -0,0 +1,16 @@ +.Flexible2{ + left: 341px; + top: 2330px; +} +.Flexible{ + left: 290px; + top: 2375px; +} +.Flexible1{ + left: calc(50% - 660px/2 + 0.5px); + top: 2440px; +} +.Flexible3{ + left: 290px; + top: 2545px; +} \ No newline at end of file diff --git a/keynest/src/components/FlexibleLeasing.js b/keynest/src/components/FlexibleLeasing.js new file mode 100644 index 0000000..e02a303 --- /dev/null +++ b/keynest/src/components/FlexibleLeasing.js @@ -0,0 +1,36 @@ +import React from 'react'; +import { Link, useNavigate } from 'react-router-dom'; +import './FlexibleLeasing.css'; + +function FlexibleLeasing(){ + return( +
+
+
+

Flexible Leasing

+

Tailor-made Leases

+

Choose from a variety of flexible leasing options, whether you need a short-term stay or a long-term commitment, we have the perfect solution for you

+
+
+
+ изображение +

Modern Designs

+

Sleek and stylish, our apartments feature contemporary designs that elevate your living experience

+
+
+ изображение +

Cozy Retreats

+

Warm and inviting, our apartments offer a private sanctuary to unwind and recharge

+
+
+ изображение +

Refined Elegance

+

Sophisticated and refined, our apartments exude an air of elegant sophistication

+
+
+
+
+ ) +} + +export default FlexibleLeasing; \ No newline at end of file diff --git a/keynest/src/components/NearbyAttractions.css b/keynest/src/components/NearbyAttractions.css index cb93967..4621a21 100644 --- a/keynest/src/components/NearbyAttractions.css +++ b/keynest/src/components/NearbyAttractions.css @@ -2,8 +2,6 @@ position: absolute; width: 1180px; height: 20px; - left: 341px; - top: 1600px; font-family: 'Nunito'; font-style: normal; font-weight: 400; @@ -12,6 +10,10 @@ text-align: center; color: #B8B7B9; } +.Attractions2{ + left: 341px; + top: 1610px; +} .Attractions__header{ text-align: center; } @@ -30,4 +32,16 @@ height: 81px; left: calc(50% - 760px/2 + 0.5px); top: 1700px; +} +.img__Amenitiess1{ + position: absolute; + width: 1281px; + height: 587px; + display: flex; + text-align: center; + +} +.Attractions3{ + left: 300px; + top: 1800px; } \ No newline at end of file diff --git a/keynest/src/components/NearbyAttractions.js b/keynest/src/components/NearbyAttractions.js index f7245ea..a65231a 100644 --- a/keynest/src/components/NearbyAttractions.js +++ b/keynest/src/components/NearbyAttractions.js @@ -7,12 +7,26 @@ function NearbyAttractions(){
-

Nearby Attractions

+

Nearby Attractions

Explore the City

Discover the best of urban living with our centrally located apartments, offering easy access to top restaurants, entertainment, and cultural destinations

-
- +
+
+ изображение +

Workspace Ready

+

Maximize productivity with our well-appointed workspaces, perfect for remote work or studying

+
+
+ изображение +

Peaceful Retreats

+

Unwind in the comfort of your own private oasis, surrounded by serene natural elements

+
+
+ изображение +

Luxurious Comforts

+

Indulge in the ultimate in comfort and style with our premium bedding and furnishings

+
diff --git a/keynest/src/components/UnparalleledConvenience.css b/keynest/src/components/UnparalleledConvenience.css new file mode 100644 index 0000000..2cf284e --- /dev/null +++ b/keynest/src/components/UnparalleledConvenience.css @@ -0,0 +1,19 @@ +.Convenience4{ + background-color: #E4E4E4; +} +.Convenience2{ + left: 341px; + top: 2330px; +} +.Convenience{ + left: 290px; + top: 3220px; +} +.Convenience1{ + left: calc(50% - 660px/2 + 0.5px); + top: 3300px; +} +.Convenience3{ + left: 290px; + top: 3445px; +} \ No newline at end of file diff --git a/keynest/src/components/UnparalleledConvenience.js b/keynest/src/components/UnparalleledConvenience.js new file mode 100644 index 0000000..9491cfa --- /dev/null +++ b/keynest/src/components/UnparalleledConvenience.js @@ -0,0 +1,35 @@ +import React from 'react'; +import { Link, useNavigate } from 'react-router-dom'; +import './UnparalleledConvenience.css'; + +function UnparalleledConvenience(){ + return( +
+
+
+

Unparalleled Convenience

+

Centrally located and well-connected, our apartments provide easy access to the city's top attractions, transportation hubs, and essential amenities

+
+
+
+ изображение +

Peaceful Oasis

+

Escape the hustle and bustle of the city in the comfort of your own private retreat

+
+
+ изображение +

Stylish Sanctuaries

+

Immerse yourself in the tranquility of our beautifully designed apartments

+
+
+ изображение +

Urban Sanctuaries

+

Discover the perfect balance of urban living and serene relaxation

+
+
+
+
+ ) +} + +export default UnparalleledConvenience; \ No newline at end of file