int-components 0.0.15 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +1 -1
  2. package/dist/index.css +129 -127
  3. package/dist/index.js +1 -1
  4. package/dist/rh-components/Footer/ContactModal.d.ts.map +1 -1
  5. package/dist/rh-components/Footer/Footer.d.ts.map +1 -1
  6. package/dist/rh-components/Header/Header.d.ts.map +1 -1
  7. package/dist/rh-components/Header/index.js +1 -1
  8. package/dist/rh-components/HeroSection/HeroSection.d.ts +14 -0
  9. package/dist/rh-components/HeroSection/HeroSection.d.ts.map +1 -0
  10. package/dist/rh-components/HeroSection/index.css +120 -0
  11. package/dist/rh-components/HeroSection/index.d.ts +3 -0
  12. package/dist/rh-components/HeroSection/index.d.ts.map +1 -0
  13. package/dist/rh-components/HeroSection/index.js +1 -0
  14. package/dist/rh-components/HotelCard/HotelCard.d.ts.map +1 -1
  15. package/dist/rh-components/HotelsLanding/HotelsLanding.d.ts +3 -1
  16. package/dist/rh-components/HotelsLanding/HotelsLanding.d.ts.map +1 -1
  17. package/dist/rh-components/HotelsLanding/index.css +144 -142
  18. package/dist/rh-components/HotelsLanding/index.js +1 -1
  19. package/dist/rh-components/HotelsSection/HotelsSection.d.ts +11 -0
  20. package/dist/rh-components/HotelsSection/HotelsSection.d.ts.map +1 -0
  21. package/dist/rh-components/HotelsSection/index.css +258 -0
  22. package/dist/rh-components/HotelsSection/index.d.ts +3 -0
  23. package/dist/rh-components/HotelsSection/index.d.ts.map +1 -0
  24. package/dist/rh-components/HotelsSection/index.js +1 -0
  25. package/dist/rh-components/index.d.ts +4 -0
  26. package/dist/rh-components/index.d.ts.map +1 -1
  27. package/package.json +11 -4
@@ -0,0 +1,120 @@
1
+ .layout-module__fluidLayout--BNE04[class] {
2
+ font-size: 1rem;
3
+ }
4
+
5
+ .layout-module__staticLayout--x_6dR[class] {
6
+ font-size: 1px;
7
+ }
8
+
9
+ .HeroSection-module__hero--lpuv4 {
10
+ background-color: #ccc;
11
+ background-repeat: no-repeat;
12
+ background-image: var(--background-mobile);
13
+ background-position: center;
14
+ background-size: cover;
15
+ display: flex;
16
+ }
17
+
18
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
19
+
20
+ .HeroSection-module__hero--lpuv4 {
21
+ background-image: var(--background-mobile-2x);
22
+ }
23
+ }
24
+
25
+ @media (min-width: 500px) {
26
+
27
+ .HeroSection-module__hero--lpuv4 {
28
+ background-image: var(--background-desktop);
29
+ }
30
+
31
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
32
+
33
+ .HeroSection-module__hero--lpuv4 {
34
+ background-image: var(--background-desktop-2x);
35
+ }
36
+ }
37
+ }
38
+
39
+ .HeroSection-module__heroContainer--brVZ4 {
40
+ display: flex;
41
+ justify-content: end;
42
+ width: 100%;
43
+ max-width: 1448px;
44
+ margin: 0 auto;
45
+ padding: 26em 15em;
46
+ box-sizing: border-box;
47
+ }
48
+
49
+ @media (min-width: 500px) {
50
+
51
+ .HeroSection-module__heroContainer--brVZ4 {
52
+ padding: 16em 44em;
53
+ min-height: 320em;
54
+ }
55
+ }
56
+
57
+ @media (min-width: 1152px) {
58
+
59
+ .HeroSection-module__heroContainer--brVZ4 {
60
+ min-height: 670em;
61
+ }
62
+ }
63
+
64
+ .HeroSection-module__slogan--rRTe6 {
65
+ display: flex;
66
+ flex-direction: column;
67
+ justify-content: center;
68
+ align-items: flex-end;
69
+ width: auto;
70
+ text-align: right;
71
+ font-family: var(--font-secondary, "ABCGravity", sans-serif);
72
+ font-weight: 900;
73
+ }
74
+
75
+ .HeroSection-module__sloganText--_hwUn {
76
+ font-size: 45em;
77
+ line-height: 90%;
78
+ text-transform: uppercase;
79
+ }
80
+
81
+ @media (min-width: 500px) {
82
+
83
+ .HeroSection-module__sloganText--_hwUn {
84
+ font-size: 60em;
85
+ }
86
+ }
87
+
88
+ @media (min-width: 1152px) {
89
+
90
+ .HeroSection-module__sloganText--_hwUn {
91
+ font-size: 115em;
92
+ }
93
+ }
94
+
95
+ .HeroSection-module__sloganYellow--lIwpd {
96
+ color: #f5d742;
97
+ }
98
+
99
+ .HeroSection-module__sloganWhite--SWr8l {
100
+ color: #fff;
101
+ }
102
+
103
+ .HeroSection-module__heroLogo--t3ggG {
104
+ width: 33em;
105
+ }
106
+
107
+ @media (min-width: 500px) {
108
+
109
+ .HeroSection-module__heroLogo--t3ggG {
110
+ width: 49em;
111
+ }
112
+ }
113
+
114
+ @media (min-width: 1152px) {
115
+
116
+ .HeroSection-module__heroLogo--t3ggG {
117
+ width: 97em;
118
+ }
119
+ }
120
+
@@ -0,0 +1,3 @@
1
+ export type { HeroSectionProps } from './HeroSection';
2
+ export { default } from './HeroSection';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HeroSection/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1 @@
1
+ import*as o from"react/jsx-runtime";import*as e from"react";var t={39:(o,e,t)=>{t.d(e,{L:()=>n});const n=(...o)=>o.filter(Boolean).join(" ")},110:(o,e,t)=>{t.d(e,{A:()=>u});var n,a,l=t(178),r=t(130),s=t(39),i=t(649);function d(){return d=Object.assign?Object.assign.bind():function(o){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(o[n]=t[n])}return o},d.apply(null,arguments)}const f=o=>i.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 98 91"},o),n||(n=i.createElement("path",{fill:"#FEDD00",d:"M94.277 30.26 63.65 12.58 41.87 0l6.025 8.453c1.406 1.972-.724 4.53-2.921 3.5l-19.04-8.93L63.65 32.48s14.304 10.88 18.993 14.772a4.67 4.67 0 0 1 1.601 2.713l1.465 7.708c1.516 7.243-1.286 9.964-3.995 11.595l-3.342 2.002.523-4.101c.21-1.576-.127-2.198-1.073-2.768l-8.163-4.56c-.468-.282-.98-.431-1.52-.503C62.692 58.587 0 49.704 0 49.704l29.06 9.752c2.29.77 2.073 4.08-.299 4.544l-8.878 1.746 40.523 23.489a7.07 7.07 0 0 0 7.06.008C74.318 85.3 89.192 76.741 94.25 73.815a7.07 7.07 0 0 0 3.53-6.094c.03-9.309.03-31.342.03-31.342a7.06 7.06 0 0 0-3.534-6.119"})),a||(a=i.createElement("path",{fill:"#FEDD00",d:"M74.944 53.737a2.594 2.594 0 0 0 3.41 1.354 2.59 2.59 0 0 0 1.547-2.244L68.735 46.22s-.11.639.243.975c.37.353 4.356 3.688 5.842 4.931a2.54 2.54 0 0 0 .124 1.61"}))),c="HeroSection-module__sloganText--_hwUn",u=({yellowText:o,whiteText:e,showLogo:t=!0,backgroundMobile:n,backgroundMobile2x:a,backgroundDesktop:i,backgroundDesktop2x:d,fluidMode:u})=>{const m=(0,r.u)(u);return(0,l.jsx)("section",{className:(0,s.L)("HeroSection-module__hero--lpuv4",m),style:{"--background-mobile":`url("${n}")`,"--background-mobile-2x":`url("${a}")`,"--background-desktop":`url("${i}")`,"--background-desktop-2x":`url("${d}")`},children:(0,l.jsx)("div",{className:"HeroSection-module__heroContainer--brVZ4",children:(0,l.jsxs)("div",{className:"HeroSection-module__slogan--rRTe6",children:[o&&(0,l.jsx)("div",{className:(0,s.L)(c,"HeroSection-module__sloganYellow--lIwpd"),dangerouslySetInnerHTML:{__html:o}}),e&&(0,l.jsx)("div",{className:(0,s.L)(c,"HeroSection-module__sloganWhite--SWr8l"),dangerouslySetInnerHTML:{__html:e}}),t&&(0,l.jsx)(f,{className:"HeroSection-module__heroLogo--t3ggG"})]})})})}},130:(o,e,t)=>{t.d(e,{N:()=>a,u:()=>l}),t(178);var n=t(992);const a=({children:o,fluidMode:e=!1})=>{fluidModeState.state=e;const t=`\n @font-face {\n font-family: 'Aeonik';\n src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Bold.woff2') format('woff2');\n font-weight: 900;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Aeonik';\n src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Regular.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'ABCGravity';\n src: url('https://of.worldota.net/fonts/ABCGravity/ABCGravity.woff2') format('woff2');\n font-weight: 900;\n font-style: normal;\n font-display: swap;\n }\n \n ${e?fluidLayoutCss:staticLayoutCss};\n `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:t}}),o]})},l=o=>("boolean"==typeof o?o:n.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},178:(e,t,n)=>{var a,l;e.exports=(a={jsx:()=>o.jsx,jsxs:()=>o.jsxs},l={},n.d(l,a),l)},649:(o,t,n)=>{var a,l;o.exports=(a={createElement:()=>e.createElement},l={},n.d(l,a),l)},992:(o,e,t)=>{t.d(e,{b:()=>n}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const n=globalThis.__fluidModeState}},n={};function a(o){var e=n[o];if(void 0!==e)return e.exports;var l=n[o]={exports:{}};return t[o](l,l.exports,a),l.exports}a.d=(o,e)=>{for(var t in e)a.o(e,t)&&!a.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:e[t]})},a.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e);var l={};a.d(l,{A:()=>r.A});var r=a(110);const s=l.A;export{s as default};
@@ -1 +1 @@
1
- {"version":3,"file":"HotelCard.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelCard/HotelCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"HotelCard.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelCard/HotelCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type React from 'react';
2
- import { type HotelCardProps } from '../HotelCard/HotelCard';
2
+ import type { HotelCardProps } from '../HotelCard/HotelCard';
3
3
  export interface HotelsLandingProps {
4
4
  className?: string;
5
5
  heroYellowText?: string;
@@ -13,6 +13,8 @@ export interface HotelsLandingProps {
13
13
  backgroundDesktop2x: string;
14
14
  fluidMode?: boolean;
15
15
  heroLogo?: boolean;
16
+ onLoginClick?: () => void;
17
+ onRegisterClick?: () => void;
16
18
  }
17
19
  declare const HotelsLanding: React.FC<HotelsLandingProps>;
18
20
  export default HotelsLanding;
@@ -1 +1 @@
1
- {"version":3,"file":"HotelsLanding.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelsLanding/HotelsLanding.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxE,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuF/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"HotelsLanding.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelsLanding/HotelsLanding.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -916,6 +916,133 @@
916
916
  }
917
917
  }
918
918
 
919
+ .HeroSection-module__hero--lpuv4 {
920
+ background-color: #ccc;
921
+ background-repeat: no-repeat;
922
+ background-image: var(--background-mobile);
923
+ background-position: center;
924
+ background-size: cover;
925
+ display: flex;
926
+ }
927
+
928
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
929
+
930
+ .HeroSection-module__hero--lpuv4 {
931
+ background-image: var(--background-mobile-2x);
932
+ }
933
+ }
934
+
935
+ @media (min-width: 500px) {
936
+
937
+ .HeroSection-module__hero--lpuv4 {
938
+ background-image: var(--background-desktop);
939
+ }
940
+
941
+ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
942
+
943
+ .HeroSection-module__hero--lpuv4 {
944
+ background-image: var(--background-desktop-2x);
945
+ }
946
+ }
947
+ }
948
+
949
+ .HeroSection-module__heroContainer--brVZ4 {
950
+ display: flex;
951
+ justify-content: end;
952
+ width: 100%;
953
+ max-width: 1448px;
954
+ margin: 0 auto;
955
+ padding: 26em 15em;
956
+ box-sizing: border-box;
957
+ }
958
+
959
+ @media (min-width: 500px) {
960
+
961
+ .HeroSection-module__heroContainer--brVZ4 {
962
+ padding: 16em 44em;
963
+ min-height: 320em;
964
+ }
965
+ }
966
+
967
+ @media (min-width: 1152px) {
968
+
969
+ .HeroSection-module__heroContainer--brVZ4 {
970
+ min-height: 670em;
971
+ }
972
+ }
973
+
974
+ .HeroSection-module__slogan--rRTe6 {
975
+ display: flex;
976
+ flex-direction: column;
977
+ justify-content: center;
978
+ align-items: flex-end;
979
+ width: auto;
980
+ text-align: right;
981
+ font-family: var(--font-secondary, "ABCGravity", sans-serif);
982
+ font-weight: 900;
983
+ }
984
+
985
+ .HeroSection-module__sloganText--_hwUn {
986
+ font-size: 45em;
987
+ line-height: 90%;
988
+ text-transform: uppercase;
989
+ }
990
+
991
+ @media (min-width: 500px) {
992
+
993
+ .HeroSection-module__sloganText--_hwUn {
994
+ font-size: 60em;
995
+ }
996
+ }
997
+
998
+ @media (min-width: 1152px) {
999
+
1000
+ .HeroSection-module__sloganText--_hwUn {
1001
+ font-size: 115em;
1002
+ }
1003
+ }
1004
+
1005
+ .HeroSection-module__sloganYellow--lIwpd {
1006
+ color: #f5d742;
1007
+ }
1008
+
1009
+ .HeroSection-module__sloganWhite--SWr8l {
1010
+ color: #fff;
1011
+ }
1012
+
1013
+ .HeroSection-module__heroLogo--t3ggG {
1014
+ width: 33em;
1015
+ }
1016
+
1017
+ @media (min-width: 500px) {
1018
+
1019
+ .HeroSection-module__heroLogo--t3ggG {
1020
+ width: 49em;
1021
+ }
1022
+ }
1023
+
1024
+ @media (min-width: 1152px) {
1025
+
1026
+ .HeroSection-module__heroLogo--t3ggG {
1027
+ width: 97em;
1028
+ }
1029
+ }
1030
+
1031
+ /* Root */
1032
+ .HotelsLanding-module__root--JnV8j {
1033
+ display: grid;
1034
+ grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
1035
+ grid-template-rows: min-content 1fr min-content;
1036
+ align-content: start;
1037
+ min-height: 100vh;
1038
+ background-color: #efefef;
1039
+ color: #000000;
1040
+ font-weight: 400;
1041
+ font-family: var(--font-main, "Aeonik", sans-serif);
1042
+ -webkit-font-smoothing: antialiased;
1043
+ -moz-osx-font-smoothing: grayscale;
1044
+ }
1045
+
919
1046
  .HotelCard-module__root--popq0 {
920
1047
  display: flex;
921
1048
  flex-direction: column;
@@ -1064,146 +1191,20 @@
1064
1191
  font-size: 14em;
1065
1192
  }
1066
1193
 
1067
- /* Root */
1068
- .HotelsLanding-module__root--JnV8j {
1069
- display: grid;
1070
- grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
1071
- grid-template-rows: min-content 1fr min-content;
1072
- align-content: start;
1073
- min-height: 100vh;
1074
- background-color: #efefef;
1075
- color: #000000;
1076
- font-weight: 400;
1077
- font-family: var(--font-main, "Aeonik", sans-serif);
1078
- -webkit-font-smoothing: antialiased;
1079
- -moz-osx-font-smoothing: grayscale;
1080
- }
1081
-
1082
- .HotelsLanding-module__hero--CVhVp {
1083
- background-color: #ccc;
1084
- background-repeat: no-repeat;
1085
- background-image: var(--background-mobile);
1086
- background-position: center;
1087
- background-size: cover;
1088
- display: flex;
1089
- }
1090
-
1091
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
1092
-
1093
- .HotelsLanding-module__hero--CVhVp {
1094
- background-image: var(--background-mobile-2x);
1095
- }
1096
- }
1097
-
1098
- @media (min-width: 500px) {
1099
-
1100
- .HotelsLanding-module__hero--CVhVp {
1101
- background-image: var(--background-desktop);
1102
- }
1103
-
1104
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
1105
-
1106
- .HotelsLanding-module__hero--CVhVp {
1107
- background-image: var(--background-desktop-2x);
1108
- }
1109
- }
1110
- }
1111
-
1112
- .HotelsLanding-module__heroContainer--RviY3 {
1113
- display: flex;
1114
- justify-content: end;
1115
- width: 100%;
1116
- max-width: 1448px;
1117
- margin: 0 auto;
1118
- padding: 26em 15em;
1119
- box-sizing: border-box;
1120
- }
1121
-
1122
- @media (min-width: 500px) {
1123
-
1124
- .HotelsLanding-module__heroContainer--RviY3 {
1125
- padding: 16em 44em;
1126
- min-height: 320em;
1127
- }
1128
- }
1129
-
1130
- @media (min-width: 1152px) {
1131
-
1132
- .HotelsLanding-module__heroContainer--RviY3 {
1133
- min-height: 670em;
1134
- }
1135
- }
1136
-
1137
- .HotelsLanding-module__slogan--qHFoi {
1138
- display: flex;
1139
- flex-direction: column;
1140
- justify-content: center;
1141
- align-items: flex-end;
1142
- width: auto;
1143
- text-align: right;
1144
- font-family: var(--font-secondary, "ABCGravity", sans-serif);
1145
- font-weight: 900;
1146
- }
1147
-
1148
- .HotelsLanding-module__sloganText--YwQRu {
1149
- font-size: 45em;
1150
- line-height: 90%;
1151
- text-transform: uppercase;
1152
- }
1153
-
1154
- @media (min-width: 500px) {
1155
-
1156
- .HotelsLanding-module__sloganText--YwQRu {
1157
- font-size: 60em;
1158
- }
1159
- }
1160
-
1161
- @media (min-width: 1152px) {
1162
-
1163
- .HotelsLanding-module__sloganText--YwQRu {
1164
- font-size: 115em;
1165
- }
1166
- }
1167
-
1168
- .HotelsLanding-module__sloganYellow--su_yv {
1169
- color: #f5d742;
1170
- }
1171
-
1172
- .HotelsLanding-module__sloganWhite--P2y71 {
1173
- color: #fff;
1174
- }
1175
-
1176
- .HotelsLanding-module__heroLogo--RMmG1 {
1177
- width: 33em;
1178
- }
1179
-
1180
- @media (min-width: 500px) {
1181
-
1182
- .HotelsLanding-module__heroLogo--RMmG1 {
1183
- width: 49em;
1184
- }
1185
- }
1186
-
1187
- @media (min-width: 1152px) {
1188
-
1189
- .HotelsLanding-module__heroLogo--RMmG1 {
1190
- width: 97em;
1191
- }
1192
- }
1193
-
1194
- /* Hotels Section */
1195
- .HotelsLanding-module__hotels--z2v4G {
1194
+ .HotelsSection-module__hotels--hGJyx {
1196
1195
  max-width: 1392px;
1197
1196
  margin-inline: auto;
1198
1197
  padding-bottom: 60em;
1199
1198
  }
1199
+
1200
1200
  @media (min-width: 1152px) {
1201
- .HotelsLanding-module__hotels--z2v4G {
1201
+
1202
+ .HotelsSection-module__hotels--hGJyx {
1202
1203
  padding-bottom: 100em;
1203
1204
  }
1204
1205
  }
1205
1206
 
1206
- .HotelsLanding-module__hotelsHeader--XxyLM {
1207
+ .HotelsSection-module__hotelsHeader--l_Qr5 {
1207
1208
  display: flex;
1208
1209
  flex-direction: column;
1209
1210
  gap: 16em;
@@ -1212,21 +1213,21 @@
1212
1213
 
1213
1214
  @media (min-width: 500px) {
1214
1215
 
1215
- .HotelsLanding-module__hotelsHeader--XxyLM {
1216
+ .HotelsSection-module__hotelsHeader--l_Qr5 {
1216
1217
  gap: 22em;
1217
1218
  }
1218
1219
  }
1219
1220
 
1220
1221
  @media (min-width: 1152px) {
1221
1222
 
1222
- .HotelsLanding-module__hotelsHeader--XxyLM {
1223
+ .HotelsSection-module__hotelsHeader--l_Qr5 {
1223
1224
  gap: 28em;
1224
1225
  padding-top: 80em;
1225
1226
  padding-bottom: 80em;
1226
1227
  }
1227
1228
  }
1228
1229
 
1229
- .HotelsLanding-module__hotelsTitle--dcfRZ {
1230
+ .HotelsSection-module__hotelsTitle--zeGAj {
1230
1231
  margin: 0;
1231
1232
  line-height: 1.1;
1232
1233
  text-align: center;
@@ -1237,20 +1238,21 @@
1237
1238
 
1238
1239
  @media (min-width: 500px) {
1239
1240
 
1240
- .HotelsLanding-module__hotelsTitle--dcfRZ {
1241
+ .HotelsSection-module__hotelsTitle--zeGAj {
1241
1242
  font-size: 40em;
1242
1243
  }
1243
1244
  }
1244
1245
 
1245
1246
  @media (min-width: 1152px) {
1246
1247
 
1247
- .HotelsLanding-module__hotelsTitle--dcfRZ {
1248
+ .HotelsSection-module__hotelsTitle--zeGAj {
1248
1249
  font-size: 65em;
1249
1250
  }
1250
1251
  }
1251
1252
 
1252
- .HotelsLanding-module__hotelsSubtitle--s0NrA {
1253
+ .HotelsSection-module__hotelsSubtitle--EAJhs {
1253
1254
  margin: 0;
1255
+ font-family: var(--font-main, "Aeonik", sans-serif);
1254
1256
  font-weight: 700;
1255
1257
  line-height: 1;
1256
1258
  text-align: center;
@@ -1259,19 +1261,19 @@
1259
1261
 
1260
1262
  @media (min-width: 500px) {
1261
1263
 
1262
- .HotelsLanding-module__hotelsSubtitle--s0NrA {
1264
+ .HotelsSection-module__hotelsSubtitle--EAJhs {
1263
1265
  font-size: 17em;
1264
1266
  }
1265
1267
  }
1266
1268
 
1267
1269
  @media (min-width: 1152px) {
1268
1270
 
1269
- .HotelsLanding-module__hotelsSubtitle--s0NrA {
1271
+ .HotelsSection-module__hotelsSubtitle--EAJhs {
1270
1272
  font-size: 23em;
1271
1273
  }
1272
1274
  }
1273
1275
 
1274
- .HotelsLanding-module__hotelsList--ylptR {
1276
+ .HotelsSection-module__hotelsList--jWxYc {
1275
1277
  display: grid;
1276
1278
  grid-template-columns: repeat(auto-fit, minmax(343px, 440px));
1277
1279
  justify-content: center;
@@ -1282,12 +1284,12 @@
1282
1284
  list-style: none;
1283
1285
  }
1284
1286
 
1285
- .HotelsLanding-module__hotelCard--IkewD {
1287
+ .HotelsSection-module__hotelCard--aCwpN {
1286
1288
  justify-content: space-between;
1287
1289
  min-height: 100%;
1288
1290
  }
1289
1291
 
1290
- .HotelsLanding-module__hotelCard--IkewD:hover [class*="HotelCard-module__priceInfo"] {
1292
+ .HotelsSection-module__hotelCard--aCwpN:hover [class*="HotelCard-module__priceInfo"] {
1291
1293
  background-color: #000000;
1292
1294
  }
1293
1295