namirasoft-site-react 1.2.39 → 1.2.40

package/src/components/NSInputTime.tsx

@@ -1,65 +1,65 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSInputTime.module.css";
-import IconInputTime from '../assets/images/icon-input-time.svg';
-
-interface IProps
-{
-    title: string;
-}
-
-interface IState
-{
-    value: string;
-}
-
-export class NSInputTime extends React.Component<IProps, IState> {
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: "",
-        };
-        this.setValue = this.setValue.bind(this);
-        this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
-    }
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void
-    {
-        this.setState({ value: e.target.value });
-    }
-    setDefaultValue(value: string): void
-    {
-        this.setState({ value });
-    }
-    getValue(): string
-    {
-        return this.state.value;
-    }
-    override render()
-    {
-        return (
-            <div className={`${Styles.ns_input_parent} p-2`}>
-                <span className={Styles.ns_input_title}>{this.props.title}</span>
-                <img
-                    className={Styles.ns_input_icon}
-                    src={IconInputTime}
-                    alt="icon"
-                    width={24}
-                    height={24}
-                />
-                <input
-                    value={this.state.value}
-                    onChange={this.setValue}
-                    type="time"
-                    className={Styles.ns_input}
-                    placeholder="21:44:06"
-                    step="2"
-                />
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSInputTime.module.css";
+import IconInputTime from '../assets/images/icon-input-time.svg';
+
+interface IProps
+{
+    title: string;
+}
+
+interface IState
+{
+    value: string;
+}
+
+export class NSInputTime extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void
+    {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value: string): void
+    {
+        this.setState({ value });
+    }
+    getValue(): string
+    {
+        return this.state.value;
+    }
+    override render()
+    {
+        return (
+            <div className={`${Styles.ns_input_parent} p-2`}>
+                <span className={Styles.ns_input_title}>{this.props.title}</span>
+                <img
+                    className={Styles.ns_input_icon}
+                    src={IconInputTime}
+                    alt="icon"
+                    width={24}
+                    height={24}
+                />
+                <input
+                    value={this.state.value}
+                    onChange={this.setValue}
+                    type="time"
+                    className={Styles.ns_input}
+                    placeholder="21:44:06"
+                    step="2"
+                />
+            </div>
+        );
+    }
+}
+
+

package/src/components/NSLayout.module.css

@@ -1,17 +1,17 @@
-.ns_container {
-    min-height: 100vh;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-}
-
-.ns_header {
-    margin-bottom: auto;
-    width: 100%;
-}
-
-.ns_footer {
-    margin-top: auto;
-    width: 100%;
+.ns_container {
+    min-height: 100vh;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.ns_header {
+    margin-bottom: auto;
+    width: 100%;
+}
+
+.ns_footer {
+    margin-top: auto;
+    width: 100%;
 }

package/src/components/NSLayout.tsx

@@ -1,30 +1,32 @@
-"use client";
-
-import Styles from './NSLayout.module.css';
-import { ReactNode } from 'react';
-import { NSHeader } from './NSHeader';
-import { NSFooter } from './NSFooter';
-
-interface IProps
-{
-	scope: string;
-	logo: string;
-	children: ReactNode;
-}
-
-export function NSLayout(props: IProps)
-{
-	return (
-		<div className={Styles.ns_container}>
-			<header className={Styles.ns_header}>
-				<NSHeader scope={props.scope} name="Header" logo={props.logo} />
-			</header>
-			<main className="d-flex flex-column text-white">
-				{props.children}
-			</main>
-			<footer className={Styles.ns_footer}>
-				<NSFooter scope={props.scope} name="Footer" logo={props.logo} />
-			</footer>
-		</div >
-	);
+
+"use client";
+
+import Styles from './NSLayout.module.css';
+import { ReactNode } from 'react';
+import { NSHeader } from './NSHeader';
+import { NSFooter } from './NSFooter';
+
+interface IProps
+{
+	scope: string;
+	logo: string;
+	children: ReactNode;
+}
+
+export function NSLayout(props: IProps)
+{
+	return (
+		<div className={Styles.ns_container}>
+			<header className={Styles.ns_header}>
+				{/* @ts-expect-error Server Component */}
+				<NSHeader scope={props.scope} name="Header" logo={props.logo} />
+			</header>
+			<main className="d-flex flex-column text-white">
+				{props.children}
+			</main>
+			<footer className={Styles.ns_footer}>
+				<NSFooter scope={props.scope} name="Footer" logo={props.logo} />
+			</footer>
+		</div >
+	);
 }

package/src/components/NSLayoutHeroBanner.module.css

@@ -1,44 +1,44 @@
-.hero_holder {
-	background-color: #001664;
-	position: relative;
-}
-
-.hero_wraper {
-	padding-bottom: 24px;
-	padding-top: 24px;
-	display: flex;
-	justify-content: center;
-}
-
-.hero_text_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	color: #fff;
-	z-index: 9;
-}
-
-.hero_image_bg {
-	background-position: center;
-	background-repeat: no-repeat;
-	background-size: cover;
-	border-radius: 24px;
-	overflow: hidden;
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_hero_vector_bg {
-		position: absolute;
-		width: 100%;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		z-index: 2;
-		background-image: url('/images/hero_banner_bg.png');
-		background-position: right bottom;
-		background-size: auto;
-		background-repeat: no-repeat;
-	}
+.hero_holder {
+	background-color: #001664;
+	position: relative;
+}
+
+.hero_wraper {
+	padding-bottom: 24px;
+	padding-top: 24px;
+	display: flex;
+	justify-content: center;
+}
+
+.hero_text_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	color: #fff;
+	z-index: 9;
+}
+
+.hero_image_bg {
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	border-radius: 24px;
+	overflow: hidden;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_hero_vector_bg {
+		position: absolute;
+		width: 100%;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 2;
+		background-image: url('/images/hero_banner_bg.png');
+		background-position: right bottom;
+		background-size: auto;
+		background-repeat: no-repeat;
+	}
 }

package/src/components/NSLayoutHeroBanner.tsx

@@ -1,86 +1,86 @@
-"use client";
-
-import { ReactNode } from 'react';
-import { NSLayout } from './NSLayout';
-
-import Styles from './NSLayoutHeroBanner.module.css'
-import { Link } from 'react-router-dom';
-// import { NSHeader } from './NSHeader';
-
-interface IProps
-{
-	scope: string;
-	logo: string;
-	title: string;
-	description?: string;
-	description_last?: string;
-	banner: string;
-	children: ReactNode;
-}
-
-export function NSLayoutHeroBanner(props: IProps)
-{
-	return (
-		<NSLayout scope={props.scope} logo={props.logo} >
-
-			<div className={Styles.hero_holder}>
-				{/* <NSHeader name='Header' scope='Namira Software Corporation' logo='https://static.namirasoft.com/logo/namirasoft/base.png' /> */}
-				<section className={Styles.hero_wraper}>
-					<div className="container mx-auto px-4 lg:px-12">
-						<div className="flex flex-wrap lg:flex-nowrap justify-center lg:justify-between">
-
-							<article className={`mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`} >
-								<h1 className="ns-font-32-bold  ns_font_lg_40_bold mb-6">
-									{props.title}
-								</h1>
-								<p className="ns-font-16-normal  lg:mb-4">
-									{props.description}
-								</p>
-								<p className="ns-font-16-normal">
-									{props.description_last}
-								</p>
-
-								<div className="hidden lg:block mt-6">
-									<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
-										Contact US
-									</Link>
-
-									<Link to="#" style={{ width: "100%" }} >
-										Book a Meeting With Us
-									</Link>
-
-								</div>
-							</article>
-
-							<div style={{ backgroundImage: `url(${props.banner})` }} className={`hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`}>
-								<div className={Styles.ns_hero_vector_bg}></div>
-							</div>
-
-							<div className={`block lg:hidden ${Styles.hero_img_container}`}>
-								<img
-									src={props.banner}
-									alt=""
-								/>
-							</div>
-
-							<div className="w-full mt-6 block lg:hidden">
-								<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
-									Contact US
-								</Link>
-
-								<Link to="#" style={{ width: "100%" }} >
-									Book a Meeting With Us
-								</Link>
-
-							</div>
-						</div>
-					</div>
-				</section>
-			</div>
-
-
-
-			{props.children}
-		</NSLayout>
-	);
+"use client";
+
+import { ReactNode } from 'react';
+import { NSLayout } from './NSLayout';
+
+import Styles from './NSLayoutHeroBanner.module.css'
+import { Link } from 'react-router-dom';
+// import { NSHeader } from './NSHeader';
+
+interface IProps
+{
+	scope: string;
+	logo: string;
+	title: string;
+	description?: string;
+	description_last?: string;
+	banner: string;
+	children: ReactNode;
+}
+
+export function NSLayoutHeroBanner(props: IProps)
+{
+	return (
+		<NSLayout scope={props.scope} logo={props.logo} >
+
+			<div className={Styles.hero_holder}>
+				{/* <NSHeader name='Header' scope='Namira Software Corporation' logo='https://static.namirasoft.com/logo/namirasoft/base.png' /> */}
+				<section className={Styles.hero_wraper}>
+					<div className="container mx-auto px-4 lg:px-12">
+						<div className="flex flex-wrap lg:flex-nowrap justify-center lg:justify-between">
+
+							<article className={`mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`} >
+								<h1 className="ns-font-32-bold  ns_font_lg_40_bold mb-6">
+									{props.title}
+								</h1>
+								<p className="ns-font-16-normal  lg:mb-4">
+									{props.description}
+								</p>
+								<p className="ns-font-16-normal">
+									{props.description_last}
+								</p>
+
+								<div className="hidden lg:block mt-6">
+									<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
+										Contact US
+									</Link>
+
+									<Link to="#" style={{ width: "100%" }} >
+										Book a Meeting With Us
+									</Link>
+
+								</div>
+							</article>
+
+							<div style={{ backgroundImage: `url(${props.banner})` }} className={`hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`}>
+								<div className={Styles.ns_hero_vector_bg}></div>
+							</div>
+
+							<div className={`block lg:hidden ${Styles.hero_img_container}`}>
+								<img
+									src={props.banner}
+									alt=""
+								/>
+							</div>
+
+							<div className="w-full mt-6 block lg:hidden">
+								<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
+									Contact US
+								</Link>
+
+								<Link to="#" style={{ width: "100%" }} >
+									Book a Meeting With Us
+								</Link>
+
+							</div>
+						</div>
+					</div>
+				</section>
+			</div>
+
+
+
+			{props.children}
+		</NSLayout>
+	);
 }

package/src/components/NSLayoutTitle.tsx

@@ -1,26 +1,26 @@
-"use client";
-
-import { ReactNode } from 'react';
-import { NSLayout } from './NSLayout';
-
-interface IProps
-{
-	scope: string;
-	logo: string;
-	title: string;
-	description?: string;
-	children: ReactNode;
-}
-
-export function NSLayoutTitle(props: IProps)
-{
-	return (
-		<NSLayout scope={props.scope} logo={props.logo} >
-			<div>
-				<h1 className='text-black text-center'>{props.title}</h1>
-				<p className='text-black page-description'>{props.description}</p>
-			</div>
-			{props.children}
-		</NSLayout>
-	);
+"use client";
+
+import { ReactNode } from 'react';
+import { NSLayout } from './NSLayout';
+
+interface IProps
+{
+	scope: string;
+	logo: string;
+	title: string;
+	description?: string;
+	children: ReactNode;
+}
+
+export function NSLayoutTitle(props: IProps)
+{
+	return (
+		<NSLayout scope={props.scope} logo={props.logo} >
+			<div>
+				<h1 className='text-black text-center'>{props.title}</h1>
+				<p className='text-black page-description'>{props.description}</p>
+			</div>
+			{props.children}
+		</NSLayout>
+	);
 }

package/src/components/NSLinkGreen.module.css

@@ -1,16 +1,16 @@
-.ns_link_green {
-    display: flex;
-    border-radius: 8px;
-    background-color: #06D182;
-    color: #ffffff;
-    border: 0;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-    font-size: 16px;
-    text-decoration: none;
-    width: 358px;
-    height: 48px;
-    text-align: center;
-    align-items: center;
-    justify-content: center;
-    font-weight: 400;
+.ns_link_green {
+    display: flex;
+    border-radius: 8px;
+    background-color: #06D182;
+    color: #ffffff;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    text-decoration: none;
+    width: 358px;
+    height: 48px;
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
 }

package/src/components/NSLinkGreen.tsx

@@ -1,44 +1,44 @@
-"use client";
-
-import Style from "./NSLinkGreen.module.css";
-import React from "react";
-import { Link } from "react-router-dom";
-
-interface IProps
-{
-    title: string;
-    href: string;
-}
-
-interface IState
-{
-    title: string;
-    href: string;
-}
-
-export class NSLinkGreen extends React.Component<IProps, IState>
-{
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = { title: props.title, href: props.href };
-    }
-    setTitle(title: string)
-    {
-        this.setState({ title });
-    }
-    setHRef(href: string)
-    {
-        this.setState({ href });
-    }
-    override render()
-    {
-        return (
-            <Link className="text-white text-decoration-none" to={this.state.href}>
-                <div className={Style.ns_link_green}>
-                    {this.state.title}
-                </div>
-            </Link>
-        )
-    }
+"use client";
+
+import Style from "./NSLinkGreen.module.css";
+import React from "react";
+import { Link } from "react-router-dom";
+
+interface IProps
+{
+    title: string;
+    href: string;
+}
+
+interface IState
+{
+    title: string;
+    href: string;
+}
+
+export class NSLinkGreen extends React.Component<IProps, IState>
+{
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = { title: props.title, href: props.href };
+    }
+    setTitle(title: string)
+    {
+        this.setState({ title });
+    }
+    setHRef(href: string)
+    {
+        this.setState({ href });
+    }
+    override render()
+    {
+        return (
+            <Link className="text-white text-decoration-none" to={this.state.href}>
+                <div className={Style.ns_link_green}>
+                    {this.state.title}
+                </div>
+            </Link>
+        )
+    }
 }