├── public ├── immio.jpg ├── favicon.png ├── images │ ├── banner.png │ ├── logo.png │ ├── hero │ │ ├── h1.png │ │ ├── h2.png │ │ ├── h3.png │ │ ├── h4.png │ │ └── h6.png │ ├── list │ │ ├── p-1.png │ │ ├── p-2.png │ │ ├── p-4.png │ │ ├── p-5.png │ │ ├── p-6.png │ │ └── p-7.png │ ├── logo-light.png │ ├── customer │ │ ├── team-1.jpg │ │ ├── team-2.jpg │ │ ├── team-3.jpg │ │ ├── team-4.jpg │ │ └── team-5.jpg │ └── location │ │ ├── city-1.png │ │ ├── city-2.png │ │ ├── city-3.png │ │ ├── city-4.png │ │ ├── city-5.png │ │ └── city-6.png └── index.html ├── src ├── components │ ├── images │ │ ├── about.jpg │ │ ├── pricing.jpg │ │ └── services.jpg │ ├── home │ │ ├── featured │ │ │ ├── Featured.css │ │ │ ├── Featured.jsx │ │ │ └── FeaturedCard.jsx │ │ ├── recent │ │ │ ├── recent.css │ │ │ ├── Recent.jsx │ │ │ └── RecentCard.jsx │ │ ├── Home.jsx │ │ ├── price │ │ │ ├── Price.jsx │ │ │ ├── price.css │ │ │ └── PriceCard.jsx │ │ ├── awards │ │ │ ├── awards.css │ │ │ └── Awards.jsx │ │ ├── location │ │ │ ├── style.css │ │ │ └── Location.jsx │ │ ├── hero │ │ │ ├── Hero.jsx │ │ │ └── hero.css │ │ └── team │ │ │ ├── team.css │ │ │ └── Team.jsx │ ├── common │ │ ├── Heading.jsx │ │ ├── Back.jsx │ │ ├── footer │ │ │ ├── footer.css │ │ │ └── Footer.jsx │ │ └── header │ │ │ ├── header.css │ │ │ └── Header.jsx │ ├── about │ │ ├── about.css │ │ └── About.jsx │ ├── blog │ │ └── Blog.jsx │ ├── contact │ │ ├── contact.css │ │ └── Contact.jsx │ ├── services │ │ └── Services.jsx │ ├── pricing │ │ └── Pricing.jsx │ ├── pages │ │ └── Pages.jsx │ └── data │ │ └── Data.js ├── App.js ├── index.js └── App.css ├── README.md ├── .gitignore └── package.json /public/immio.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/immio.jpg -------------------------------------------------------------------------------- /public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/favicon.png -------------------------------------------------------------------------------- /public/images/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/banner.png -------------------------------------------------------------------------------- /public/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/logo.png -------------------------------------------------------------------------------- /public/images/hero/h1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/hero/h1.png -------------------------------------------------------------------------------- /public/images/hero/h2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/hero/h2.png -------------------------------------------------------------------------------- /public/images/hero/h3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/hero/h3.png -------------------------------------------------------------------------------- /public/images/hero/h4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/hero/h4.png -------------------------------------------------------------------------------- /public/images/hero/h6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/hero/h6.png -------------------------------------------------------------------------------- /public/images/list/p-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/list/p-1.png -------------------------------------------------------------------------------- /public/images/list/p-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/list/p-2.png -------------------------------------------------------------------------------- /public/images/list/p-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/list/p-4.png -------------------------------------------------------------------------------- /public/images/list/p-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/list/p-5.png -------------------------------------------------------------------------------- /public/images/list/p-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/list/p-6.png -------------------------------------------------------------------------------- /public/images/list/p-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/list/p-7.png -------------------------------------------------------------------------------- /public/images/logo-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/logo-light.png -------------------------------------------------------------------------------- /src/components/images/about.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/src/components/images/about.jpg -------------------------------------------------------------------------------- /public/images/customer/team-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/customer/team-1.jpg -------------------------------------------------------------------------------- /public/images/customer/team-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/customer/team-2.jpg -------------------------------------------------------------------------------- /public/images/customer/team-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/customer/team-3.jpg -------------------------------------------------------------------------------- /public/images/customer/team-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/customer/team-4.jpg -------------------------------------------------------------------------------- /public/images/customer/team-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/customer/team-5.jpg -------------------------------------------------------------------------------- /public/images/location/city-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/location/city-1.png -------------------------------------------------------------------------------- /public/images/location/city-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/location/city-2.png -------------------------------------------------------------------------------- /public/images/location/city-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/location/city-3.png -------------------------------------------------------------------------------- /public/images/location/city-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/location/city-4.png -------------------------------------------------------------------------------- /public/images/location/city-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/location/city-5.png -------------------------------------------------------------------------------- /public/images/location/city-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/public/images/location/city-6.png -------------------------------------------------------------------------------- /src/components/images/pricing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/src/components/images/pricing.jpg -------------------------------------------------------------------------------- /src/components/images/services.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunil9813/Real-estate-website/HEAD/src/components/images/services.jpg -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import "./App.css" 2 | import Pages from "./components/pages/Pages" 3 | 4 | function App() { 5 | return 6 | } 7 | 8 | export default App 9 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import ReactDOM from "react-dom/client" 3 | import App from "./App" 4 | 5 | const root = ReactDOM.createRoot(document.getElementById("root")) 6 | root.render( 7 | 8 | 9 | 10 | ) 11 | -------------------------------------------------------------------------------- /src/components/home/featured/Featured.css: -------------------------------------------------------------------------------- 1 | .featured .box { 2 | box-shadow: 0 0 20px 0 rgb(112 121 138 / 18%); 3 | border-radius: 6px; 4 | text-align: center; 5 | padding: 30px; 6 | cursor: pointer; 7 | } 8 | .featured img { 9 | width: 65px; 10 | height: 65px; 11 | margin: auto; 12 | } 13 | -------------------------------------------------------------------------------- /src/components/common/Heading.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | 3 | const Heading = ({ title, subtitle }) => { 4 | return ( 5 | <> 6 |
7 |

{title}

8 |

{subtitle}

9 |
10 | 11 | ) 12 | } 13 | 14 | export default Heading 15 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Project Demo : https://funny-daffodil-350bc9.netlify.app/ 2 | 3 | Project Video : https://www.youtube.com/watch?v=iqfxu4s6i4Y&ab_channel=GorkCoder 4 | 5 | ![screencapture-funny-daffodil-350bc9-netlify-app-2023-06-18-13_10_37](https://github.com/sunil9813/Real-estate-website/assets/67497228/011837d1-0937-40cd-8ea2-aa83aefaf649) 6 | -------------------------------------------------------------------------------- /src/components/common/Back.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | 3 | const Back = ({ name, title, cover }) => { 4 | return ( 5 | <> 6 |
7 |
8 | {name} 9 |

{title}

10 |
11 | 12 |
13 | 14 | ) 15 | } 16 | 17 | export default Back 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /src/components/home/recent/recent.css: -------------------------------------------------------------------------------- 1 | .recent .text { 2 | padding: 30px; 3 | } 4 | .recent .category span { 5 | padding: 4px 15px; 6 | border-radius: 2px; 7 | font-weight: 600; 8 | font-size: 13px; 9 | display: inline-block; 10 | } 11 | .recent .category i { 12 | font-size: 20px; 13 | color: #bec7d8; 14 | } 15 | .recent p { 16 | color: #72809d; 17 | } 18 | .recent .button { 19 | border-top: 1px solid #e4e8f3; 20 | padding: 10px 30px; 21 | } 22 | -------------------------------------------------------------------------------- /src/components/about/about.css: -------------------------------------------------------------------------------- 1 | .about { 2 | margin-bottom: 80px; 3 | } 4 | .about .heading { 5 | text-align: left; 6 | width: 100%; 7 | margin-bottom: 30px; 8 | } 9 | .about p { 10 | font-size: 15px; 11 | padding-right: 30px; 12 | margin-bottom: 20px; 13 | line-height: 30px; 14 | } 15 | @media screen and (max-width: 768px) { 16 | .about .container { 17 | flex-direction: column; 18 | } 19 | .about p { 20 | padding: 0; 21 | } 22 | .about .container img { 23 | margin-top: 50px; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/components/home/featured/Featured.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Heading from "../../common/Heading" 3 | import "./Featured.css" 4 | import FeaturedCard from "./FeaturedCard" 5 | 6 | const Featured = () => { 7 | return ( 8 | <> 9 |
10 |
11 | 12 | 13 |
14 |
15 | 16 | ) 17 | } 18 | 19 | export default Featured 20 | -------------------------------------------------------------------------------- /src/components/home/featured/FeaturedCard.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import { featured } from "../../data/Data" 3 | 4 | const FeaturedCard = () => { 5 | return ( 6 | <> 7 |
8 | {featured.map((items, index) => ( 9 |
10 | 11 |

{items.name}

12 | 13 |
14 | ))} 15 |
16 | 17 | ) 18 | } 19 | 20 | export default FeaturedCard 21 | -------------------------------------------------------------------------------- /src/components/blog/Blog.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Back from "../common/Back" 3 | import RecentCard from "../home/recent/RecentCard" 4 | import "../home/recent/recent.css" 5 | import img from "../images/about.jpg" 6 | 7 | const Blog = () => { 8 | return ( 9 | <> 10 |
11 | 12 |
13 | 14 |
15 |
16 | 17 | ) 18 | } 19 | 20 | export default Blog 21 | -------------------------------------------------------------------------------- /src/components/home/Home.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Awards from "./awards/Awards" 3 | import Featured from "./featured/Featured" 4 | import Hero from "./hero/Hero" 5 | import Location from "./location/Location" 6 | import Price from "./price/Price" 7 | import Recent from "./recent/Recent" 8 | import Team from "./team/Team" 9 | 10 | const Home = () => { 11 | return ( 12 | <> 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | ) 22 | } 23 | 24 | export default Home 25 | -------------------------------------------------------------------------------- /src/components/contact/contact.css: -------------------------------------------------------------------------------- 1 | .contact form div { 2 | display: flex; 3 | } 4 | .contact textarea { 5 | border: 1px solid rgba(0, 0, 0, 0.1); 6 | width: 100%; 7 | border-radius: 5px; 8 | margin-bottom: 20px; 9 | } 10 | .contact input { 11 | margin-bottom: 20px; 12 | margin-right: 10px; 13 | } 14 | .contact form { 15 | padding: 30px; 16 | } 17 | @media screen and (max-width: 768px) { 18 | .contact h4 { 19 | width: 100%; 20 | margin-bottom: 30px; 21 | } 22 | .contact form div { 23 | flex-direction: column; 24 | } 25 | .contact input { 26 | width: 100%; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /src/components/services/Services.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import img from "../images/services.jpg" 3 | import Back from "../common/Back" 4 | import "../home/featured/Featured.css" 5 | import FeaturedCard from "../home/featured/FeaturedCard" 6 | 7 | const Services = () => { 8 | return ( 9 | <> 10 |
11 | 12 |
13 | 14 |
15 |
16 | 17 | ) 18 | } 19 | 20 | export default Services 21 | -------------------------------------------------------------------------------- /src/components/pricing/Pricing.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Back from "../common/Back" 3 | import PriceCard from "../home/price/PriceCard" 4 | import img from "../images/pricing.jpg" 5 | import "../home/price/price.css" 6 | 7 | const Pricing = () => { 8 | return ( 9 | <> 10 |
11 | 12 |
13 | 14 |
15 |
16 | 17 | ) 18 | } 19 | 20 | export default Pricing 21 | -------------------------------------------------------------------------------- /src/components/home/price/Price.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Heading from "../../common/Heading" 3 | import "./price.css" 4 | import PriceCard from "./PriceCard" 5 | 6 | const Price = () => { 7 | return ( 8 | <> 9 |
10 |
11 | 12 | 13 |
14 |
15 | 16 | ) 17 | } 18 | 19 | export default Price 20 | -------------------------------------------------------------------------------- /src/components/home/recent/Recent.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Heading from "../../common/Heading" 3 | import "./recent.css" 4 | import RecentCard from "./RecentCard" 5 | 6 | const Recent = () => { 7 | return ( 8 | <> 9 |
10 |
11 | 12 | 13 |
14 |
15 | 16 | ) 17 | } 18 | 19 | export default Recent 20 | -------------------------------------------------------------------------------- /src/components/home/awards/awards.css: -------------------------------------------------------------------------------- 1 | .awards { 2 | background-color: #122947; 3 | color: #fff; 4 | text-align: center; 5 | } 6 | .awards .heading { 7 | display: flex; 8 | flex-direction: column-reverse; 9 | } 10 | .awards .heading p { 11 | color: #27ae60; 12 | } 13 | .awards .heading h1 { 14 | color: #fff; 15 | font-size: 30px; 16 | font-weight: 400; 17 | } 18 | .awards .icon { 19 | width: 100px; 20 | height: 100px; 21 | line-height: 100px; 22 | margin: auto; 23 | margin-top: 50px; 24 | background: rgba(255, 255, 255, 0.1); 25 | border-radius: 4% 50%; 26 | font-size: 32px; 27 | color: #ffffff; 28 | } 29 | .awards h1 { 30 | font-size: 50px; 31 | } 32 | .awards p { 33 | color: grey; 34 | } 35 | -------------------------------------------------------------------------------- /src/components/contact/Contact.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import img from "../images/pricing.jpg" 3 | import Back from "../common/Back" 4 | import "./contact.css" 5 | 6 | const Contact = () => { 7 | return ( 8 | <> 9 |
10 | 11 |
12 |
13 |

Fillup The Form


14 |
15 | 16 | 17 |
18 | 19 | 20 | 21 |
22 |
23 |
24 | 25 | ) 26 | } 27 | 28 | export default Contact 29 | -------------------------------------------------------------------------------- /src/components/home/awards/Awards.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Heading from "../../common/Heading" 3 | import { awards } from "../../data/Data" 4 | import "./awards.css" 5 | 6 | const Awards = () => { 7 | return ( 8 | <> 9 |
10 |
11 | 12 | 13 |
14 | {awards.map((val, index) => ( 15 |
16 |
17 | {val.icon} 18 |
19 |

{val.num}

20 |

{val.name}

21 |
22 | ))} 23 |
24 |
25 |
26 | 27 | ) 28 | } 29 | 30 | export default Awards 31 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | RentUp - Residence & Real Estate Website 13 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /src/components/home/location/style.css: -------------------------------------------------------------------------------- 1 | .location .box { 2 | position: relative; 3 | border-radius: 5px; 4 | } 5 | .location img { 6 | border-radius: 5px; 7 | } 8 | .location .overlay { 9 | position: absolute; 10 | top: 0; 11 | left: 0; 12 | display: flex; 13 | align-items: center; 14 | justify-content: center; 15 | flex-direction: column; 16 | height: 250px; 17 | width: 100%; 18 | color: #fff; 19 | z-index: 222; 20 | } 21 | .location .overlay::after { 22 | content: ""; 23 | position: absolute; 24 | top: 0; 25 | left: 0; 26 | width: 340px; 27 | height: 210px; 28 | background: rgb(15 28 47 / 30%); 29 | z-index: -1; 30 | margin: 20px; 31 | border-radius: 5px; 32 | } 33 | .location h5 { 34 | font-size: 18px; 35 | font-weight: 500; 36 | } 37 | .location label { 38 | color: #fff; 39 | margin-right: 20px; 40 | opacity: 0.8; 41 | } 42 | @media screen and (max-width: 800px) { 43 | .location .overlay::after { 44 | width: 280px; 45 | height: 170px; 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "real-estate", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@testing-library/jest-dom": "^5.16.4", 7 | "@testing-library/react": "^13.2.0", 8 | "@testing-library/user-event": "^13.5.0", 9 | "react": "^18.1.0", 10 | "react-dom": "^18.1.0", 11 | "react-router-dom": "^5.3.3", 12 | "react-scripts": "5.0.1", 13 | "react-slick": "^0.29.0", 14 | "slick-carousel": "^1.8.1", 15 | "web-vitals": "^2.1.4" 16 | }, 17 | "scripts": { 18 | "start": "react-scripts start", 19 | "build": "react-scripts build", 20 | "test": "react-scripts test", 21 | "eject": "react-scripts eject" 22 | }, 23 | "eslintConfig": { 24 | "extends": [ 25 | "react-app", 26 | "react-app/jest" 27 | ] 28 | }, 29 | "browserslist": { 30 | "production": [ 31 | ">0.2%", 32 | "not dead", 33 | "not op_mini all" 34 | ], 35 | "development": [ 36 | "last 1 chrome version", 37 | "last 1 firefox version", 38 | "last 1 safari version" 39 | ] 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /src/components/home/price/price.css: -------------------------------------------------------------------------------- 1 | .price { 2 | text-align: center; 3 | } 4 | .price .content .box { 5 | width: 31.5%; 6 | padding: 30px; 7 | border-radius: 10px; 8 | } 9 | .price button { 10 | margin-bottom: 20px; 11 | } 12 | .price .box:nth-child(1) .topbtn button, 13 | .price .box:nth-child(3) .topbtn button { 14 | display: none; 15 | } 16 | .price h3 { 17 | font-size: 22px; 18 | } 19 | .price h1 { 20 | font-size: 60px; 21 | } 22 | .price h1 span { 23 | font-size: 30px; 24 | font-weight: 500; 25 | } 26 | .price ul { 27 | margin-top: 40px; 28 | } 29 | .price ul li { 30 | display: flex; 31 | margin-bottom: 20px; 32 | } 33 | .price label { 34 | width: 30px; 35 | height: 30px; 36 | line-height: 30px; 37 | border-radius: 50%; 38 | margin-right: 20px; 39 | } 40 | 41 | .price .btn5 { 42 | width: 100%; 43 | } 44 | @media screen and (max-width: 800px) { 45 | .price .content { 46 | flex-direction: column; 47 | } 48 | 49 | .price .content .box { 50 | width: 100%; 51 | padding: 30px; 52 | border-radius: 10px; 53 | margin-bottom: 50px; 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /src/components/pages/Pages.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Header from "../common/header/Header" 3 | import { BrowserRouter as Router, Switch, Route } from "react-router-dom" 4 | import Home from "../home/Home" 5 | import Footer from "../common/footer/Footer" 6 | import About from "../about/About" 7 | import Pricing from "../pricing/Pricing" 8 | import Blog from "../blog/Blog" 9 | import Services from "../services/Services" 10 | import Contact from "../contact/Contact" 11 | 12 | const Pages = () => { 13 | return ( 14 | <> 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |