namirasoft-site-react 1.2.35 → 1.2.37

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 (43) hide show
  1. package/dist/components/NSCard.d.ts +20 -0
  2. package/dist/components/NSCard.js +13 -0
  3. package/dist/components/NSCard.js.map +1 -0
  4. package/dist/components/NSCard.module.css +85 -0
  5. package/dist/components/NSFooter.module.css +4 -3
  6. package/dist/components/NSHeader.js +1 -3
  7. package/dist/components/NSHeader.js.map +1 -1
  8. package/dist/components/NSHeader.module.css +43 -44
  9. package/dist/components/NSInputFloat.module.css +7 -4
  10. package/dist/components/NSInputIP.module.css +6 -3
  11. package/dist/components/NSInputPhone.module.css +10 -7
  12. package/dist/components/NSInputPrice.module.css +6 -3
  13. package/dist/components/NSInputString.module.css +6 -3
  14. package/dist/components/NSInputText.module.css +6 -3
  15. package/dist/components/NSInputTime.module.css +6 -3
  16. package/dist/components/NSLayoutHeroBanner.d.ts +1 -0
  17. package/dist/components/NSLayoutHeroBanner.js +3 -1
  18. package/dist/components/NSLayoutHeroBanner.js.map +1 -1
  19. package/dist/components/NSLayoutHeroBanner.module.css +44 -0
  20. package/dist/components/NSParentCard.module.css +35 -0
  21. package/dist/components/NSSelectBox.module.css +6 -2
  22. package/dist/main.d.ts +1 -0
  23. package/dist/main.js +1 -0
  24. package/dist/main.js.map +1 -1
  25. package/package.json +3 -3
  26. package/src/components/NSCard.module.css +85 -0
  27. package/src/components/NSCard.tsx +54 -0
  28. package/src/components/NSFooter.module.css +4 -3
  29. package/src/components/NSHeader.module.css +43 -44
  30. package/src/components/NSHeader.tsx +3 -4
  31. package/src/components/NSInputFloat.module.css +7 -4
  32. package/src/components/NSInputIP.module.css +6 -3
  33. package/src/components/NSInputPhone.module.css +10 -7
  34. package/src/components/NSInputPrice.module.css +6 -3
  35. package/src/components/NSInputString.module.css +6 -3
  36. package/src/components/NSInputText.module.css +6 -3
  37. package/src/components/NSInputTime.module.css +6 -3
  38. package/src/components/NSLayoutHeroBanner.module.css +44 -0
  39. package/src/components/NSLayoutHeroBanner.tsx +62 -2
  40. package/src/components/NSParentCard.module.css +35 -0
  41. package/src/components/NSParentCard.tsx.temp +59 -0
  42. package/src/components/NSSelectBox.module.css +6 -2
  43. package/src/main.ts +2 -0
@@ -0,0 +1,20 @@
1
+ import { Component } from 'react';
2
+ interface IProps {
3
+ title: string;
4
+ description?: string;
5
+ image: {
6
+ src: string;
7
+ alt: string;
8
+ };
9
+ link?: {
10
+ text: string;
11
+ href: string;
12
+ target?: string;
13
+ };
14
+ }
15
+ interface IStart {
16
+ }
17
+ export declare class NSCard extends Component<IProps, IStart> {
18
+ render(): import("react/jsx-runtime").JSX.Element;
19
+ }
20
+ export {};
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { Component } from 'react';
4
+ import Styles from './NSCard.module.css';
5
+ export class NSCard extends Component {
6
+ render() {
7
+ var _a;
8
+ const { title, image, description, link } = this.props;
9
+ return (_jsx(_Fragment, { children: _jsxs("article", Object.assign({ className: Styles.ns_card }, { children: [_jsxs("div", Object.assign({ className: Styles.ns_card_detail_container }, { children: [_jsxs("div", Object.assign({ className: Styles.ns_card_title_img }, { children: [_jsx("h3", Object.assign({ className: Styles.card_title }, { children: title })), _jsx("img", { className: Styles.card_img, src: image.src, alt: image.alt })] })), _jsx("p", Object.assign({ className: Styles.card_description }, { children: description }))] })), link &&
10
+ _jsx("div", { children: _jsx("a", Object.assign({ className: Styles.ns_card_link, href: link.href, target: (_a = link.target) !== null && _a !== void 0 ? _a : "_self" }, { children: link.text })) })] })) }));
11
+ }
12
+ }
13
+ //# sourceMappingURL=NSCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAqBxC,MAAM,OAAO,MAAO,SAAQ,SAAyB;IAC3C,MAAM;;QAEd,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,OAAO,CACN,4BACC,iCAAS,SAAS,EAAE,MAAM,CAAC,OAAO,iBACjC,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,iBAC9C,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,iBACvC,2BAAI,SAAS,EAAE,MAAM,CAAC,UAAU,gBAC9B,KAAK,IACF,EACL,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,KAC9D,EACN,0BAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,gBACnC,WAAW,IACT,KACC,EACL,IAAI;wBACJ,wBACC,0BAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,mCAAI,OAAO,gBAChF,IAAI,CAAC,IAAI,IACP,GACC,KAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
@@ -0,0 +1,85 @@
1
+ .ns_card {
2
+ width: 100%;
3
+ display: flex;
4
+ flex-direction: column;
5
+ align-items: center;
6
+ justify-content: space-between;
7
+ gap: 24px 0;
8
+ background-color: #fff;
9
+ box-shadow: 0 2px 10px 4px #00000040;
10
+ padding: 24px;
11
+ border-radius: 24px;
12
+ }
13
+
14
+ .ns_card_detail_container {
15
+ display: flex;
16
+ flex-direction: column;
17
+ align-items: center;
18
+ justify-content: space-between;
19
+ }
20
+
21
+ .ns_card_title_img {
22
+ display: flex;
23
+ flex-direction: column;
24
+ align-items: center;
25
+ justify-content: flex-start;
26
+ }
27
+
28
+ .card_img {
29
+ object-fit: cover;
30
+ width: 100%;
31
+ height: 100%;
32
+ max-height: 310px;
33
+ }
34
+
35
+ .card_title {
36
+ font-style: normal;
37
+ font-size: 24;
38
+ font-weight: 700;
39
+ line-height: normal;
40
+ color: inherit;
41
+ text-align: inherit;
42
+ }
43
+
44
+ .card_description {
45
+ font-style: normal;
46
+ font-size: 16px;
47
+ font-weight: 400;
48
+ line-height: normal;
49
+ color: inherit;
50
+ text-align: justify;
51
+ }
52
+
53
+ .ns_card_link {
54
+ display: flex;
55
+ align-items: center;
56
+ justify-content: center;
57
+ padding: 12px 24px;
58
+ background-color: #3963FF;
59
+ box-shadow: inset 2px 2px 2px 0 #1754F3;
60
+ color: #fff;
61
+ font-weight: 400;
62
+ font-style: 16px;
63
+ line-height: normal;
64
+ border-radius: 24px;
65
+ width: 100%;
66
+ max-width: 310px;
67
+ }
68
+
69
+ @media only screen and (min-width: 576px) {
70
+ .ns_card {
71
+ width: 65%;
72
+ }
73
+ }
74
+
75
+ @media only screen and (min-width: 768px) {
76
+ .ns_card {
77
+ width: 41%;
78
+ }
79
+ }
80
+
81
+ @media only screen and (min-width: 1024px) {
82
+ .ns_card {
83
+ width: 31%;
84
+ }
85
+ }
@@ -1,12 +1,12 @@
1
1
  .ns_footer {
2
2
  width: 100%;
3
- background: rgba(0, 0, 0, 0.3);
3
+ background-color: #001664;
4
4
  padding: 16px 0 8px 0;
5
5
  display: flex;
6
6
  justify-content: center;
7
7
  }
8
8
 
9
- .ns_footer > .ns_package_footer {
9
+ .ns_footer>.ns_package_footer {
10
10
  padding-left: 1rem !important;
11
11
  padding-right: 1rem !important;
12
12
  margin-right: auto;
@@ -83,13 +83,14 @@
83
83
  }
84
84
 
85
85
  @media only screen and (min-width: 1024px) {
86
- .ns_footer > .ns_package_footer {
86
+ .ns_footer>.ns_package_footer {
87
87
  padding-left: 3rem !important;
88
88
  padding-right: 3rem !important;
89
89
  margin-right: auto;
90
90
  margin-left: auto;
91
91
  }
92
92
  }
93
+
93
94
  /* Is these two exist ? */
94
95
  .ns_footer h5 {
95
96
  font-size: 16px !important;
@@ -2,8 +2,6 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
3
  import React from "react";
4
4
  import Styles from "./NSHeader.module.css";
5
- import Menu from '../assets/images/menu.svg';
6
- import Exit from '../assets/images/exit.svg';
7
5
  import NavDropdown from 'react-bootstrap/NavDropdown';
8
6
  import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
9
7
  export class NSHeader extends React.Component {
@@ -37,7 +35,7 @@ export class NSHeader extends React.Component {
37
35
  this.setState({ showNavbar: !this.state.showNavbar });
38
36
  }
39
37
  render() {
40
- return (_jsx("nav", Object.assign({ className: Styles.ns_navbar }, { children: _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_parent_content} container` }, { children: [_jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }), _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_content} ` }, { children: [_jsx("div", Object.assign({ className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}` }, { children: this.render_menu(0, null) })), _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_login_status}` }, { children: [_jsx("span", Object.assign({ className: `${Styles.ns_navbar_usersname}` }, { children: "name" })), _jsx("img", { src: Exit, alt: "Exit", width: 20, height: 20 })] })), _jsx("div", Object.assign({ className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar }, { children: _jsx("img", { src: Menu, alt: "Menu", width: 19, height: 17 }) }))] }))] })) })));
38
+ return (_jsx("nav", Object.assign({ className: Styles.ns_navbar }, { children: _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_parent_content} container` }, { children: [_jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }), _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_content} ` }, { children: [_jsx("div", Object.assign({ className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}` }, { children: this.render_menu(0, null) })), _jsxs("div", Object.assign({ className: `${Styles.ns_navbar_login_status}` }, { children: [_jsx("span", Object.assign({ className: `${Styles.ns_navbar_usersname}` }, { children: "name" })), _jsx("img", { src: '../assets/images/exit.svg', alt: "Exit", width: 20, height: 20 })] })), _jsx("div", Object.assign({ className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar }, { children: _jsx("img", { src: '../assets/images/menu.svg', alt: "Menu", width: 19, height: 17 }) }))] }))] })) })));
41
39
  }
42
40
  render_menu(level, parent_id) {
43
41
  var _a;
@@ -1 +1 @@
1
- {"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
@@ -1,21 +1,20 @@
1
-
2
1
  .ns_navbar_content {
3
- display: flex;
4
- justify-content: space-between;
5
- gap: 8px;
6
- }
7
-
8
- .ns_navbar_login_status {
9
- display: flex;
10
- justify-content: center;
11
- align-items: center;
12
- }
13
-
14
- .ns_navbar_usersname {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ gap: 8px;
5
+ }
6
+
7
+ .ns_navbar_login_status {
8
+ display: flex;
9
+ justify-content: center;
10
+ align-items: center;
11
+ }
12
+
13
+ .ns_navbar_usersname {
15
14
  color: #fff !important;
16
15
  font-size: 16px;
17
16
  font-weight: 400;
18
- margin-right: 8px;
17
+ margin-right: 8px;
19
18
  }
20
19
 
21
20
  .ns_navbar {
@@ -25,7 +24,7 @@
25
24
  z-index: 10;
26
25
  display: flex;
27
26
  align-items: center;
28
- justify-content: center;
27
+ justify-content: center;
29
28
  }
30
29
 
31
30
  .ns_navbar_menu_icon {
@@ -65,24 +64,24 @@
65
64
  background-color: #574c4c;
66
65
  }
67
66
 
68
- .ns_navbar_items_container {
69
- margin-right: auto;
70
- margin-inline-end: auto;
71
- --bs-nav-link-padding-x: 1rem;
72
- --bs-nav-link-padding-y: 0.5rem;
73
- --bs-nav-link-font-weight: ;
74
- --bs-nav-link-color: var(--bs-link-color);
75
- --bs-nav-link-hover-color: var(--bs-link-hover-color);
76
- --bs-nav-link-disabled-color: var(--bs-secondary-color);
77
- display: flex;
78
- flex-wrap: wrap;
79
- padding-left: 0;
80
- margin-bottom: 0;
81
- list-style: none;
82
- }
83
-
84
- .ns_navbar_items_link {
85
- display: block;
67
+ .ns_navbar_items_container {
68
+ margin-right: auto;
69
+ margin-inline-end: auto;
70
+ --bs-nav-link-padding-x: 1rem;
71
+ --bs-nav-link-padding-y: 0.5rem;
72
+ --bs-nav-link-font-weight: ;
73
+ --bs-nav-link-color: var(--bs-link-color);
74
+ --bs-nav-link-hover-color: var(--bs-link-hover-color);
75
+ --bs-nav-link-disabled-color: var(--bs-secondary-color);
76
+ display: flex;
77
+ flex-wrap: wrap;
78
+ padding-left: 0;
79
+ margin-bottom: 0;
80
+ list-style: none;
81
+ }
82
+
83
+ .ns_navbar_items_link {
84
+ display: block;
86
85
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
87
86
  font-size: var(--bs-nav-link-font-size);
88
87
  font-weight: var(--bs-nav-link-font-weight);
@@ -90,7 +89,7 @@
90
89
  text-decoration: none;
91
90
  background: 0 0;
92
91
  border: 0;
93
- transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
92
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
94
93
  }
95
94
 
96
95
 
@@ -142,19 +141,19 @@
142
141
  display: flex;
143
142
  align-items: center;
144
143
  justify-content: space-between;
145
- padding-left: 1rem;
146
- padding-right: 1rem;
147
- margin-left: auto;
148
- margin-right: auto;
144
+ padding-left: 1rem;
145
+ padding-right: 1rem;
146
+ margin-left: auto;
147
+ margin-right: auto;
149
148
  }
150
149
 
151
150
  @media only screen and (min-width: 1024px) {
152
-
153
- .ns_navbar_parent_content {
154
- padding-right: 3rem;
155
- padding-left: 3rem;
156
- }
157
-
151
+
152
+ .ns_navbar_parent_content {
153
+ padding-right: 3rem;
154
+ padding-left: 3rem;
155
+ }
156
+
158
157
  .ns_nav_second_item .dropdown-menu {
159
158
  margin-top: -20% !important;
160
159
  margin-left: 100%;
@@ -1,4 +1,4 @@
1
- .ns_input_parent{
1
+ .ns_input_parent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 326px;
@@ -6,18 +6,21 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  }
9
- .ns_input{
9
+
10
+ .ns_input {
10
11
  border-radius: 8px;
11
12
  padding: 10px 12px;
12
13
  font-size: 16px;
13
14
  font-weight: 400;
14
15
  }
15
- .ns_input_icon{
16
+
17
+ .ns_input_icon {
16
18
  position: absolute;
17
19
  right: 20px;
18
20
  top: 51%;
19
21
  }
20
- .ns_input_title{
22
+
23
+ .ns_input_title {
21
24
  font-size: 16px;
22
25
  font-weight: 400;
23
26
  }
@@ -1,4 +1,4 @@
1
- .ns_input_parent{
1
+ .ns_input_parent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 326px;
@@ -6,17 +6,20 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  }
9
- .ns_input{
9
+
10
+ .ns_input {
10
11
  border-radius: 8px;
11
12
  padding: 10px 12px;
12
13
  font-size: 16px;
13
14
  font-weight: 400;
14
15
  }
15
- .ns_input_icon{
16
+
17
+ .ns_input_icon {
16
18
  position: absolute;
17
19
  right: 20px;
18
20
  top: 51%;
19
21
  }
22
+
20
23
  .ns_input_title {
21
24
  font-size: 16px;
22
25
  font-weight: 400;
@@ -1,4 +1,4 @@
1
- .ns_input_parent{
1
+ .ns_input_parent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 326px;
@@ -6,25 +6,28 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  }
9
- .ns_input{
9
+
10
+ .ns_input {
10
11
  height: 48px !important;
11
12
  font-size: 16px !important;
12
13
  font-weight: 400;
13
14
  width: 310px !important;
14
15
  }
15
- .ns_input span{
16
+
17
+ .ns_input span {
16
18
  color: #000 !important;
17
19
 
18
20
  }
19
- .ns_input_icon{
21
+
22
+ .ns_input_icon {
20
23
  position: absolute;
21
24
  right: 20px;
22
25
  top: 51%;
23
26
  z-index: 1;
24
27
  }
25
- .ns_input_title{
28
+
29
+ .ns_input_title {
26
30
  color: #fff;
27
31
  font-size: 16px;
28
32
  font-weight: 400;
29
- }
30
-
33
+ }
@@ -1,4 +1,4 @@
1
- .ns_input_parent{
1
+ .ns_input_parent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 326px;
@@ -6,18 +6,21 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  }
9
- .ns_input{
9
+
10
+ .ns_input {
10
11
  border-radius: 8px;
11
12
  padding: 10px 12px;
12
13
  font-size: 16px;
13
14
  font-weight: 400;
14
15
  }
15
- .ns_input_icon{
16
+
17
+ .ns_input_icon {
16
18
  position: absolute;
17
19
  right: 20px;
18
20
  top: 33%;
19
21
  z-index: 1;
20
22
  }
23
+
21
24
  .ns_input_title {
22
25
  font-size: 16px;
23
26
  font-weight: 400;
@@ -1,4 +1,4 @@
1
- .ns_input_parent{
1
+ .ns_input_parent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 326px;
@@ -6,18 +6,21 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  }
9
- .ns_input{
9
+
10
+ .ns_input {
10
11
  border-radius: 8px;
11
12
  padding: 10px 12px;
12
13
  font-size: 16px;
13
14
  font-weight: 400;
14
15
  }
15
- .ns_input_icon{
16
+
17
+ .ns_input_icon {
16
18
  position: absolute;
17
19
  right: 20px;
18
20
  top: 51%;
19
21
  z-index: 1;
20
22
  }
23
+
21
24
  .ns_input_title {
22
25
  font-size: 16px;
23
26
  font-weight: 400;
@@ -1,4 +1,4 @@
1
- .ns_input_parent{
1
+ .ns_input_parent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 326px;
@@ -7,18 +7,21 @@
7
7
  max-width: 100%;
8
8
  padding: 8px;
9
9
  }
10
- .ns_input{
10
+
11
+ .ns_input {
11
12
  border-radius: 8px;
12
13
  padding: 10px 12px;
13
14
  font-size: 16px;
14
15
  font-weight: 400;
15
16
  }
16
- .ns_input_icon{
17
+
18
+ .ns_input_icon {
17
19
  position: absolute;
18
20
  right: 20px;
19
21
  top: 51%;
20
22
  z-index: 1;
21
23
  }
24
+
22
25
  .ns_input_title {
23
26
  font-size: 16px;
24
27
  font-weight: 400;
@@ -1,4 +1,4 @@
1
- .ns_input_parent{
1
+ .ns_input_parent {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  width: 326px;
@@ -6,18 +6,21 @@
6
6
  position: relative;
7
7
  max-width: 100%;
8
8
  }
9
- .ns_input{
9
+
10
+ .ns_input {
10
11
  border-radius: 8px;
11
12
  padding: 10px 12px;
12
13
  font-size: 16px;
13
14
  font-weight: 400;
14
15
  }
15
- .ns_input_icon{
16
+
17
+ .ns_input_icon {
16
18
  position: absolute;
17
19
  right: 20px;
18
20
  top: 51%;
19
21
  z-index: 1;
20
22
  }
23
+
21
24
  .ns_input_title {
22
25
  font-size: 16px;
23
26
  font-weight: 400;
@@ -4,6 +4,7 @@ interface IProps {
4
4
  logo: string;
5
5
  title: string;
6
6
  description?: string;
7
+ description_last?: string;
7
8
  banner: string;
8
9
  children: ReactNode;
9
10
  }
@@ -1,6 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { NSLayout } from './NSLayout';
3
+ import Styles from './NSLayoutHeroBanner.module.css';
4
+ import { Link } from 'react-router-dom';
3
5
  export function NSLayoutHeroBanner(props) {
4
- return (_jsxs(NSLayout, Object.assign({ scope: props.scope, logo: props.logo }, { children: [_jsx("div", { children: "hero banner" }), props.children] })));
6
+ return (_jsxs(NSLayout, Object.assign({ scope: props.scope, logo: props.logo }, { children: [_jsx("div", Object.assign({ className: Styles.hero_holder }, { children: _jsx("section", Object.assign({ className: Styles.hero_wraper }, { children: _jsx("div", Object.assign({ className: "container mx-auto px-4 lg:px-12" }, { children: _jsxs("div", Object.assign({ className: "flex flex-wrap lg:flex-nowrap justify-center lg:justify-between" }, { children: [_jsxs("article", Object.assign({ className: `mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}` }, { children: [_jsx("h1", Object.assign({ className: "ns-font-32-bold ns_font_lg_40_bold mb-6" }, { children: props.title })), _jsx("p", Object.assign({ className: "ns-font-16-normal lg:mb-4" }, { children: props.description })), _jsx("p", Object.assign({ className: "ns-font-16-normal" }, { children: props.description_last })), _jsxs("div", Object.assign({ className: "hidden lg:block mt-6" }, { children: [_jsx(Link, Object.assign({ to: "#", style: { width: "100%", marginBottom: "24px" } }, { children: "Contact US" })), _jsx(Link, Object.assign({ to: "#", style: { width: "100%" } }, { children: "Book a Meeting With Us" }))] }))] })), _jsx("div", Object.assign({ style: { backgroundImage: `url(${props.banner})` }, className: `hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}` }, { children: _jsx("div", { className: Styles.ns_hero_vector_bg }) })), _jsx("div", Object.assign({ className: `block lg:hidden ${Styles.hero_img_container}` }, { children: _jsx("img", { src: props.banner, alt: "" }) })), _jsxs("div", Object.assign({ className: "w-full mt-6 block lg:hidden" }, { children: [_jsx(Link, Object.assign({ to: "#", style: { width: "100%", marginBottom: "24px" } }, { children: "Contact US" })), _jsx(Link, Object.assign({ to: "#", style: { width: "100%" } }, { children: "Book a Meeting With Us" }))] }))] })) })) })) })), props.children] })));
5
7
  }
6
8
  //# sourceMappingURL=NSLayoutHeroBanner.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSLayoutHeroBanner.js","sourceRoot":"","sources":["../../src/components/NSLayoutHeroBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAYtC,MAAM,UAAU,kBAAkB,CAAC,KAAa;IAE/C,OAAO,CACN,MAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,iBAC7C,wCAEM,EACL,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"NSLayoutHeroBanner.js","sourceRoot":"","sources":["../../src/components/NSLayoutHeroBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcxC,MAAM,UAAU,kBAAkB,CAAC,KAAa;IAE/C,OAAO,CACN,MAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,iBAE7C,4BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,gBAEjC,gCAAS,SAAS,EAAE,MAAM,CAAC,WAAW,gBACrC,4BAAK,SAAS,EAAC,iCAAiC,gBAC/C,6BAAK,SAAS,EAAC,iEAAiE,iBAE/E,iCAAS,SAAS,EAAE,iCAAiC,MAAM,CAAC,mBAAmB,EAAE,iBAChF,2BAAI,SAAS,EAAC,0CAA0C,gBACtD,KAAK,CAAC,KAAK,IACR,EACL,0BAAG,SAAS,EAAC,4BAA4B,gBACvC,KAAK,CAAC,WAAW,IACf,EACJ,0BAAG,SAAS,EAAC,mBAAmB,gBAC9B,KAAK,CAAC,gBAAgB,IACpB,EAEJ,6BAAK,SAAS,EAAC,sBAAsB,iBACpC,KAAC,IAAI,kBAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,gCAEpD,EAEP,KAAC,IAAI,kBAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,4CAE9B,KAEF,KACG,EAEV,4BAAK,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,sCAAsC,MAAM,CAAC,aAAa,EAAE,gBAC/H,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,GAAQ,IAC3C,EAEN,4BAAK,SAAS,EAAE,mBAAmB,MAAM,CAAC,kBAAkB,EAAE,gBAC7D,cACC,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,GAAG,EAAC,EAAE,GACL,IACG,EAEN,6BAAK,SAAS,EAAC,6BAA6B,iBAC3C,KAAC,IAAI,kBAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,gCAEpD,EAEP,KAAC,IAAI,kBAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,4CAE9B,KAEF,KACD,IACD,IACG,IACL,EAIL,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
@@ -0,0 +1,44 @@
1
+ .hero_holder {
2
+ background-color: #001664;
3
+ position: relative;
4
+ }
5
+
6
+ .hero_wraper {
7
+ padding-bottom: 24px;
8
+ padding-top: 24px;
9
+ display: flex;
10
+ justify-content: center;
11
+ }
12
+
13
+ .hero_text_container {
14
+ display: flex;
15
+ flex-direction: column;
16
+ justify-content: flex-start;
17
+ align-items: flex-start;
18
+ color: #fff;
19
+ z-index: 9;
20
+ }
21
+
22
+ .hero_image_bg {
23
+ background-position: center;
24
+ background-repeat: no-repeat;
25
+ background-size: cover;
26
+ border-radius: 24px;
27
+ overflow: hidden;
28
+ }
29
+
30
+ @media only screen and (min-width: 1024px) {
31
+ .ns_hero_vector_bg {
32
+ position: absolute;
33
+ width: 100%;
34
+ top: 0;
35
+ left: 0;
36
+ right: 0;
37
+ bottom: 0;
38
+ z-index: 2;
39
+ background-image: url('/images/hero_banner_bg.png');
40
+ background-position: right bottom;
41
+ background-size: auto;
42
+ background-repeat: no-repeat;
43
+ }
44
+ }
@@ -0,0 +1,35 @@
1
+ /* .section_card_container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ padding: 48px 0;
7
+ gap: 48px;
8
+ }
9
+
10
+ .section_card_details>h2 {
11
+ color: inherit;
12
+ font-size: 32px;
13
+ font-weight: 700;
14
+ line-height: normal;
15
+ font-style: normal;
16
+ text-align: center;
17
+ margin-bottom: 16px;
18
+ }
19
+
20
+ .section_card_details>p {
21
+ color: inherit;
22
+ font-size: 16px;
23
+ font-weight: 400;
24
+ line-height: normal;
25
+ font-style: normal;
26
+ margin-bottom: 0;
27
+ }
28
+
29
+ .ns_card_container {
30
+ display: flex;
31
+ flex-direction: row;
32
+ flex-wrap: wrap;
33
+ justify-content: space-between;
34
+ gap: 24px;
35
+ } */