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.
- package/dist/components/NSCard.d.ts +20 -0
- package/dist/components/NSCard.js +13 -0
- package/dist/components/NSCard.js.map +1 -0
- package/dist/components/NSCard.module.css +85 -0
- package/dist/components/NSFooter.module.css +4 -3
- package/dist/components/NSHeader.js +1 -3
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSHeader.module.css +43 -44
- package/dist/components/NSInputFloat.module.css +7 -4
- package/dist/components/NSInputIP.module.css +6 -3
- package/dist/components/NSInputPhone.module.css +10 -7
- package/dist/components/NSInputPrice.module.css +6 -3
- package/dist/components/NSInputString.module.css +6 -3
- package/dist/components/NSInputText.module.css +6 -3
- package/dist/components/NSInputTime.module.css +6 -3
- package/dist/components/NSLayoutHeroBanner.d.ts +1 -0
- package/dist/components/NSLayoutHeroBanner.js +3 -1
- package/dist/components/NSLayoutHeroBanner.js.map +1 -1
- package/dist/components/NSLayoutHeroBanner.module.css +44 -0
- package/dist/components/NSParentCard.module.css +35 -0
- package/dist/components/NSSelectBox.module.css +6 -2
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/package.json +3 -3
- package/src/components/NSCard.module.css +85 -0
- package/src/components/NSCard.tsx +54 -0
- package/src/components/NSFooter.module.css +4 -3
- package/src/components/NSHeader.module.css +43 -44
- package/src/components/NSHeader.tsx +3 -4
- package/src/components/NSInputFloat.module.css +7 -4
- package/src/components/NSInputIP.module.css +6 -3
- package/src/components/NSInputPhone.module.css +10 -7
- package/src/components/NSInputPrice.module.css +6 -3
- package/src/components/NSInputString.module.css +6 -3
- package/src/components/NSInputText.module.css +6 -3
- package/src/components/NSInputTime.module.css +6 -3
- package/src/components/NSLayoutHeroBanner.module.css +44 -0
- package/src/components/NSLayoutHeroBanner.tsx +62 -2
- package/src/components/NSParentCard.module.css +35 -0
- package/src/components/NSParentCard.tsx.temp +59 -0
- package/src/components/NSSelectBox.module.css +6 -2
- 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:
|
|
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
|
|
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
|
|
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:
|
|
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":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
.ns_navbar_login_status {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.ns_navbar_items_link {
|
|
85
|
-
|
|
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
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
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
|
-
|
|
154
|
-
|
|
155
|
-
|
|
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
|
-
|
|
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
|
-
|
|
16
|
+
|
|
17
|
+
.ns_input_icon {
|
|
16
18
|
position: absolute;
|
|
17
19
|
right: 20px;
|
|
18
20
|
top: 51%;
|
|
19
21
|
}
|
|
20
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
16
|
+
|
|
17
|
+
.ns_input span {
|
|
16
18
|
color: #000 !important;
|
|
17
19
|
|
|
18
20
|
}
|
|
19
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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,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: "
|
|
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;
|
|
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
|
+
} */
|