gnx/GNX-WEB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Iliyan Angelov
2025-10-10 02:01:46 +03:00
parent dd8eb1c7aa
commit f962401565
36 changed files with 2560 additions and 659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gnx-react/components/pages/about/AboutService.tsx
View File

@@ -84,7 +84,7 @@ const AboutServiceComponent = () => {
{serviceData?.title || "Enterprise Technology Leaders"}
</h2>
<p>
{serviceData?.description || "Founded in 2008, EnterpriseSoft Solutions has emerged as a premier enterprise software company, serving Fortune 500 companies and innovative startups worldwide. Our team of 200+ engineers, architects, and consultants specializes in delivering mission-critical software solutions that drive digital transformation and business growth."}
{serviceData?.description || "Founded 2008, EnterpriseSoft Solutions has emerged as a premier enterprise software company, serving Fortune 500 companies and innovative startups worldwide. Our team of 200+ engineers, architects, and consultants specializes in delivering mission-critical software solutions that drive digital transformation and business growth."}
</p>
<div className="enterprise-features">
<div className="row">

84
gnx-react/components/pages/career/CareerBanner.tsx
View File

@@ -2,9 +2,7 @@
import { useEffect } from "react";
import gsap from "gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
import Image from "next/legacy/image";
import Link from "next/link";
import thumb from "@/public/images/banner/cp-thumb.png";
const CareerBanner = () => {
useEffect(() => {
@@ -38,23 +36,77 @@ const CareerBanner = () => {
}, []);
return (
<section className="career-banner fix-top bg-black position-relative overflow-hidden">
<section className="career-banner fix-top bg-black position-relative overflow-hidden" style={{ minHeight: '50vh', paddingTop: '100px', paddingBottom: '60px' }}>
<div className="container">
<div className="row justify-content-end">
<div className="col-12 col-lg-11">
<div className="row align-items-center">
<div className="col-12 col-sm-11 col-md-10 col-xl-8 col-xxl-9">
<div className="cp-banner__content">
<h2 className="mt-8 fw-7 text-xxl title-anim text-white">
Grow your career the way you feel
</h2>
</div>
<div className="row justify-content-center align-items-center">
<div className="col-12 col-lg-10">
<div className="cp-banner__content text-center">
<h2 className="mt-8 fw-7 text-xxl title-anim text-white mb-5">
Build Your Career with Enterprise Excellence
</h2>
<p className="text-quinary fs-5 mb-5" style={{ maxWidth: '700px', margin: '0 auto 2rem' }}>
Join our global team of innovators, problem-solvers, and tech leaders building the future of digital solutions
</p>
</div>
</div>
</div>
{/* Job Categories with Icons */}
<div className="row justify-content-center mt-5 pt-4">
<div className="col-6 col-md-3 text-center mb-4">
<div className="job-category-card" style={{
padding: '2rem 1rem',
background: 'rgba(255,255,255,0.05)',
borderRadius: '12px',
border: '1px solid rgba(255,255,255,0.1)',
transition: 'all 0.3s ease'
}}>
<div className="icon-wrapper mb-3" style={{ fontSize: '3rem', color: '#00d4ff' }}>
<i className="fa-solid fa-code"></i>
</div>
<div className="col-12 col-sm-1 col-md-2 col-xl-4 col-xxl-3">
<div className="cp-banner-thumb dir-rtl">
<Image src={thumb} className="mh-300 unset" alt="Image" width={400} height={300} />
</div>
<h5 className="text-white fw-6 mb-2">Engineering</h5>
</div>
</div>
<div className="col-6 col-md-3 text-center mb-4">
<div className="job-category-card" style={{
padding: '2rem 1rem',
background: 'rgba(255,255,255,0.05)',
borderRadius: '12px',
border: '1px solid rgba(255,255,255,0.1)',
transition: 'all 0.3s ease'
}}>
<div className="icon-wrapper mb-3" style={{ fontSize: '3rem', color: '#ff6b9d' }}>
<i className="fa-solid fa-palette"></i>
</div>
<h5 className="text-white fw-6 mb-2">Design</h5>
</div>
</div>
<div className="col-6 col-md-3 text-center mb-4">
<div className="job-category-card" style={{
padding: '2rem 1rem',
background: 'rgba(255,255,255,0.05)',
borderRadius: '12px',
border: '1px solid rgba(255,255,255,0.1)',
transition: 'all 0.3s ease'
}}>
<div className="icon-wrapper mb-3" style={{ fontSize: '3rem', color: '#ffd93d' }}>
<i className="fa-solid fa-chart-line"></i>
</div>
<h5 className="text-white fw-6 mb-2">Business</h5>
</div>
</div>
<div className="col-6 col-md-3 text-center mb-4">
<div className="job-category-card" style={{
padding: '2rem 1rem',
background: 'rgba(255,255,255,0.05)',
borderRadius: '12px',
border: '1px solid rgba(255,255,255,0.1)',
transition: 'all 0.3s ease'
}}>
<div className="icon-wrapper mb-3" style={{ fontSize: '3rem', color: '#a78bfa' }}>
<i className="fa-solid fa-users"></i>
</div>
<h5 className="text-white fw-6 mb-2">Operations</h5>
</div>
</div>
</div>

2
gnx-react/components/pages/career/JobSingle.tsx
View File

@@ -100,7 +100,7 @@ const JobSingle = ({ job }: JobSingleProps) => {
borderRadius: '20px',
fontSize: '12px',
fontWeight: '500',
textTransform: 'uppercase',
textTransform: 'none',
letterSpacing: '1px',
display: 'inline-block'
}}>

56
gnx-react/components/pages/career/MasonryGallery.tsx
View File

@@ -1,56 +0,0 @@
import Image from "next/legacy/image";
import one from "@/public/images/masonry/one.png";
import two from "@/public/images/masonry/two.png";
import three from "@/public/images/masonry/three.png";
import four from "@/public/images/masonry/four.png";
import five from "@/public/images/masonry/five.png";
import six from "@/public/images/masonry/six.png";
import seven from "@/public/images/masonry/seven.png";
const MasonryGallery = () => {
return (
<div className="mason pt-120 pb-120 fade-wrapper">
<div className="container">
<div className="row vertical-column-gap">
<div className="col-12 col-md-3">
<div className="mason-single fade-top">
<Image src={one} className="mh-260" alt="Image" width={300} height={260} />
</div>
</div>
<div className="col-12 col-md-4">
<div className="mason-single fade-bottom">
<Image src={two} className="mh-260" alt="Image" width={300} height={260} />
</div>
</div>
<div className="col-12 col-md-3">
<div className="mason-single fade-left">
<Image src={three} className="mh-260 botter" alt="Image" width={300} height={260} />
</div>
</div>
<div className="col-12 col-md-2">
<div className="mason-single fade-right">
<Image src={seven} className="mh-260 botter" alt="Image" width={300} height={260} />
</div>
</div>
<div className="col-12 col-md-5">
<div className="mason-single fade-top">
<Image src={five} className="mh-260" alt="Image" width={300} height={260} />
</div>
</div>
<div className="col-12 col-md-2">
<div className="mason-single fade-bottom">
<Image src={six} className="mh-260" alt="Image" width={300} height={260} />
</div>
</div>
<div className="col-12 col-md-5">
<div className="mason-single toper fade-right">
<Image src={four} className="mh-260" alt="Image" width={300} height={260} />
</div>
</div>
</div>
</div>
</div>
);
};
export default MasonryGallery;

24
gnx-react/components/pages/career/Thrive.tsx
View File

@@ -27,9 +27,9 @@ const Thrive = () => {
Flexible workday
</h4>
<p className="cur-lg text-quinary">
Lorem ipsum dolor sit amet consectetur. Elit sit laoreet aliquam
porttitor mattis vel feugiat eget. Nunc nunc nunc urna lorem.
mattis vel feugiat eget.
We understand that productivity thrives in balance. Our flexible work arrangements
empower you to structure your day for optimal performance while maintaining work-life
harmony. Whether remote, hybrid, or on-site, we trust our teams to deliver excellence.
</p>
</div>
</div>
@@ -42,9 +42,9 @@ const Thrive = () => {
Transparency
</h4>
<p className="cur-lg text-quinary">
Lorem ipsum dolor sit amet consectetur. Elit sit laoreet aliquam
porttitor mattis vel feugiat eget. Nunc nunc nunc urna lorem.
mattis vel feugiat eget.
Open communication is the foundation of our culture. We believe in clear goal-setting,
honest feedback, and accessible leadership. Every team member has visibility into
company objectives, strategic decisions, and how their contributions drive enterprise success.
</p>
</div>
</div>
@@ -55,9 +55,9 @@ const Thrive = () => {
<div className="content mt-40">
<h4 className="mt-8 title-anim fw-7 text-white mb-16">Support</h4>
<p className="cur-lg text-quinary">
Lorem ipsum dolor sit amet consectetur. Elit sit laoreet aliquam
porttitor mattis vel feugiat eget. Nunc nunc nunc urna lorem.
mattis vel feugiat eget.
Your success is our priority. From comprehensive onboarding to continuous mentorship,
we provide enterprise-grade resources, cutting-edge tools, and dedicated support systems.
Our collaborative environment ensures you&apos;re never alone in tackling complex challenges.
</p>
</div>
</div>
@@ -70,9 +70,9 @@ const Thrive = () => {
Growth Skill
</h4>
<p className="cur-lg text-quinary">
Lorem ipsum dolor sit amet consectetur. Elit sit laoreet aliquam
porttitor mattis vel feugiat eget. Nunc nunc nunc urna lorem.
mattis vel feugiat eget.
Invest in your future with our comprehensive professional development programs. Access
industry certifications, advanced training workshops, and leadership development initiatives.
We champion continuous learning and provide clear pathways for career advancement.
</p>
</div>
</div>