選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

50 行
1.6 KiB

  1. import React from 'react';
  2. import Link from 'next/link';
  3. import * as Icon from 'react-feather';
  4. const MainBanner = () => {
  5. return (
  6. <div className="main-banner" style={{ marginTop: "-50px" }}>
  7. <div className="d-table">
  8. <div className="d-table-cell">
  9. <div className="container">
  10. <div className="row h-100 justify-content-center align-items-center">
  11. <div className="col-lg-5">
  12. <div className="hero-content">
  13. <h1 style={{ color: 'white' }}>Catania Hotel & Resort</h1>
  14. <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>
  15. <Link href="/contact">
  16. <a className="btn btn-primary">Get Started</a>
  17. </Link>
  18. </div>
  19. </div>
  20. <div className="col-lg-5 offset-lg-1">
  21. <div className="agency-services-box">
  22. <img src="/images/agency-image/agency-services-img1.jpg" alt="image" />
  23. <div className="content">
  24. <h3>
  25. <Link href="/service-details">
  26. <a>Double Room<br/>Rp.180.000</a>
  27. </Link>
  28. </h3>
  29. <Link href="/service-details">
  30. <a className="read-more-btn">
  31. Booking Now <Icon.PlusCircle />
  32. </a>
  33. </Link>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. )
  43. }
  44. export default MainBanner;