├── public ├── _redirects └── index.html ├── tailwind.config.js ├── .gitignore ├── src ├── index.js ├── components │ ├── NotFound.js │ ├── Contact.js │ ├── Sponsor.js │ ├── Footer.js │ ├── Testimonials.js │ ├── Features.js │ ├── Home.js │ ├── Gallery.js │ └── About.js ├── App.js └── index.css └── package.json /public/_redirects: -------------------------------------------------------------------------------- 1 | /* /index.html 200 -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["./src/**/*.{js,jsx,ts,tsx}"], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | }; 9 | -------------------------------------------------------------------------------- /.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 | 12 | # misc 13 | .DS_Store 14 | .env.local 15 | .env.development.local 16 | .env.test.local 17 | .env.production.local 18 | 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | import { BrowserRouter } from "react-router-dom"; 4 | import App from "./App"; 5 | import "./index.css"; 6 | 7 | const root = ReactDOM.createRoot(document.getElementById("root")); 8 | root.render( 9 | 10 | 11 | 12 | 13 | 14 | ); 15 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Bandarban's tourist club 9 | 10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /src/components/NotFound.js: -------------------------------------------------------------------------------- 1 | import { TfiFaceSad } from "react-icons/tfi"; 2 | import { Link } from "react-router-dom"; 3 | 4 | const NotFound = () => { 5 | return ( 6 |
7 |

Something Went Wrong

8 |

9 | 10 |

11 | 17 | Go To Home 18 | 19 |
20 | ); 21 | }; 22 | 23 | export default NotFound; 24 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import { Route, Routes } from "react-router-dom"; 2 | 3 | import Home from "./components/Home"; 4 | 5 | import About from "./components/About"; 6 | import NotFound from "./components/NotFound"; 7 | import Gallery from "./components/Gallery"; 8 | import Features from "./components/Features"; 9 | import Contact from "./components/Contact"; 10 | 11 | const App = () => { 12 | return ( 13 |
14 | 15 | } /> 16 | } /> 17 | } /> 18 | } /> 19 | } /> 20 | } /> 21 | 22 |
23 | ); 24 | }; 25 | 26 | export default App; 27 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bandarban-tourist-club-web-app", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@testing-library/jest-dom": "^5.16.5", 7 | "@testing-library/react": "^13.4.0", 8 | "@testing-library/user-event": "^13.5.0", 9 | "react": "^18.2.0", 10 | "react-dom": "^18.2.0", 11 | "react-icons": "^4.7.1", 12 | "react-router-dom": "^6.7.0", 13 | "react-scripts": "5.0.1", 14 | "web-vitals": "^2.1.4" 15 | }, 16 | "scripts": { 17 | "start": "react-scripts start", 18 | "build": "react-scripts build", 19 | "test": "react-scripts test", 20 | "eject": "react-scripts eject" 21 | }, 22 | "eslintConfig": { 23 | "extends": [ 24 | "react-app", 25 | "react-app/jest" 26 | ] 27 | }, 28 | "browserslist": { 29 | "production": [ 30 | ">0.2%", 31 | "not dead", 32 | "not op_mini all" 33 | ], 34 | "development": [ 35 | "last 1 chrome version", 36 | "last 1 firefox version", 37 | "last 1 safari version" 38 | ] 39 | }, 40 | "devDependencies": { 41 | "tailwindcss": "^3.2.4" 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /src/components/Contact.js: -------------------------------------------------------------------------------- 1 | const Contact = () => { 2 | return ( 3 |
4 |
8 |

Contact us

9 |
10 |
11 |
12 | 17 | 22 | 27 |
28 |
29 | 32 |
33 | ); 34 | }; 35 | 36 | export default Contact; 37 | -------------------------------------------------------------------------------- /src/components/Sponsor.js: -------------------------------------------------------------------------------- 1 | const Sponsor = () => { 2 | return ( 3 |
4 |

Our parteners

5 | 6 |
7 | img 11 | img 15 | img 19 | img 23 | img 27 | img 31 |
32 |
33 | ); 34 | }; 35 | 36 | export default Sponsor; 37 | -------------------------------------------------------------------------------- /src/components/Footer.js: -------------------------------------------------------------------------------- 1 | import { FiFacebook, FiInstagram, FiTwitter, FiYoutube } from "react-icons/fi"; 2 | 3 | const Footer = () => { 4 | return ( 5 |
6 |
7 |
8 |
9 | 10 | 11 | 12 | 13 |
14 |
15 |

16 | Join our commiunity to Enjoy your time 17 |

18 |

19 | All right Reserved © by Muntasir Fahim 2023 20 |

21 |
22 |
23 |
24 | ); 25 | }; 26 | 27 | export default Footer; 28 | -------------------------------------------------------------------------------- /src/components/Testimonials.js: -------------------------------------------------------------------------------- 1 | const Testimonials = () => { 2 | const data = [ 3 | { 4 | image: "https://randomuser.me/api/portraits/women/43.jpg", 5 | name: "Lisa Morgan", 6 | review: 7 | "Tried to get permission in Chittagong today from both the permission office on chattashwari st and the divisional commissioner on Fairy Hill. We were politely told we need to attain permission in Dhaka", 8 | ratings: "●●●●", 9 | location: "New York, America", 10 | }, 11 | { 12 | image: "https://randomuser.me/api/portraits/men/51.jpg", 13 | name: "jackson mackvoy", 14 | review: 15 | "Tripadvisor staff removed this post either because the author requested it, or because it did not meet Tripadvisor's forum guidelines.", 16 | ratings: "●●●●●", 17 | location: "Munich, Germany", 18 | }, 19 | { 20 | image: "https://randomuser.me/api/portraits/women/17.jpg", 21 | name: "Polina Gif", 22 | review: 23 | "Tripadvisor staff removed this post because it did not meet Tripadvisor's forum posting guidelines with prohibiting self-promotional advertising or solicitation.", 24 | ratings: "●●●●", 25 | location: "Brussels,Belgium", 26 | }, 27 | ]; 28 | 29 | return ( 30 |
31 |
32 |
33 |

34 | Inspirational Stories 35 |

36 |

from our participants

37 |
38 |
39 | {data.map((card) => ( 40 |
41 | 42 | {card.ratings} 43 | 44 |

45 | {card.review} 46 |

47 |

{card.name}

48 | {card.location} 49 |
50 | {card.name} 51 |
52 |
53 | ))} 54 |
55 |
56 |
57 | ); 58 | }; 59 | 60 | export default Testimonials; 61 | -------------------------------------------------------------------------------- /src/components/Features.js: -------------------------------------------------------------------------------- 1 | import { Link } from "react-router-dom"; 2 | 3 | const Features = () => { 4 | return ( 5 |
6 |
7 | features img 12 |
13 | 14 |
15 |

16 | Your Journey Begins Now 17 |

18 |

19 | Bangladesh is bestowed with an ample amount of places to explore. From 20 | beautiful natural sites to historical places, the country has much to 21 | offer for a pleasing and learning experience. Among the eye-catching 22 | places, the most remote and least populated Bandarban is a popular 23 | destination for its adventurous, distinctive and scenic landscape. The 24 | beauty of its forests, numerous waterfalls, tallest peaks and 25 | lifestyles of 15 different ethnic groups attract tourists from both 26 | home and abroad. One must visit Bandarban at least once! In the middle 27 | of November, I made a plan to tour the Chittagong Hill Tracts, and 28 | finally decided to visit a few places in Bandarban district. My 29 | friends, Didar and Shoib, also joined my planned tour. Bandarban was 30 | new to us, therefore, we collected adequate information from the 31 | internet and watched some documentaries on youtube about the area. We 32 | collected tickets from S Alam bus service and started off on our 33 | journey on a Thursday night. By road, the distance from Dhaka to 34 | Bandarban is 318 kilometres. Though a little jam troubled us at 35 | Kanchpur Bridge, we reached our destination by 6:30 am the next 36 | morning. On the way, the bus stopped at a highway restaurant in 37 | Comilla. We had some light food. However, the high prices bothered us 38 | a bit. After reaching Bandarban town, we managed to find rooms at the 39 | Bangabandhu Smrity Pathaghar guest house. Jahangir Alam, who looks 40 | after the guest house, 41 |

42 | 46 | Know more → 47 | 48 |
49 |
50 | ); 51 | }; 52 | 53 | export default Features; 54 | -------------------------------------------------------------------------------- /src/components/Home.js: -------------------------------------------------------------------------------- 1 | import { Link } from "react-router-dom"; 2 | import { AiOutlineHeart } from "react-icons/ai"; 3 | import { RiSendPlaneLine } from "react-icons/ri"; 4 | import Gallery from "./Gallery"; 5 | import Features from "./Features"; 6 | import Testimonials from "./Testimonials"; 7 | import Contact from "./Contact"; 8 | import Sponsor from "./Sponsor"; 9 | import Footer from "./Footer"; 10 | 11 | const Home = () => { 12 | return ( 13 | <> 14 |
15 |
16 |
17 | Bandarban's 18 | tourist club 19 |
20 |
21 | 22 | Destinations 23 | 24 | 25 | About 26 | 27 | 31 | Blog 32 | 33 | 34 | Contact 35 | 36 |
37 |
38 | 39 | 40 |
41 |
42 |
43 |
44 |
45 |

providing

46 |

Bandarban

47 |

48 | inspiration 49 |

50 |
51 |

52 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet 53 | ipsa quia repellendus adipisci ea, officia maiores id debitis 54 | nesciunt Lorem ipsum dolor, 55 |

56 |
57 |
58 |
59 | 60 | 61 | 62 | 63 | 64 |