25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

58 lines
1.8 KiB

  1. import React from 'react';
  2. import Link from 'next/link';
  3. import * as Icon from 'react-feather';
  4. import NumberFormat from 'react-number-format';
  5. const MainBanner = function ({ backend, kamar, ...props }) {
  6. const kamarContent = kamar.map((data) => {
  7. return (
  8. <div className="col-lg-5 offset-lg-1">
  9. <div className="agency-services-box">
  10. <img src={`${backend}${data.imgKamar["url"]}`} alt="image" />
  11. <div className="content">
  12. <h3>
  13. <Link href={"/checkout?s=" + data.id}>
  14. <a>{data.namaKamar}<br /><NumberFormat value={data.hargaKamar} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></a>
  15. </Link>
  16. </h3>
  17. <Link href={"/checkout?s=" + data.id}>
  18. <a className="read-more-btn">
  19. Booking Now <Icon.PlusCircle />
  20. </a>
  21. </Link>
  22. </div>
  23. </div>
  24. </div>
  25. )
  26. })
  27. return (
  28. <div className="main-banner" style={{ marginTop: "-50px" }}>
  29. <div className="d-table">
  30. <div className="d-table-cell">
  31. <div className="container">
  32. <div className="row h-100 justify-content-center align-items-center">
  33. <div className="col-lg-5">
  34. <div className="hero-content">
  35. <h1 style={{ color: 'white' }}>Catania Hotel & Resort</h1>
  36. <p style={{ color: 'white' }}>Catania Bangau is home to 5 guestrooms. All are tastefully furnished, and many even provide such comforts as towels, closet, internet access – wireless (complimentary), air conditioning, desk. The property's host of recreational offerings ensures you have plenty to do during your stay. Enjoy a great location and services to match at Catania Bangau.</p>
  37. <Link href="/contact">
  38. <a className="btn btn-primary">Get Started</a>
  39. </Link>
  40. </div>
  41. </div>
  42. {kamarContent}
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. )
  49. }
  50. export default MainBanner;