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-08 13:46:46 +03:00
parent d48c54e2c5
commit 18ae8b9f88
94 changed files with 8882 additions and 1682 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
gnx-react/components/pages/case-study/Process.tsx
View File

@@ -1,4 +1,17 @@
const Process = () => {
"use client";
import { useCaseStudy } from "@/lib/hooks/useCaseStudy";
interface ProcessProps {
slug: string;
}
const Process = ({ slug }: ProcessProps) => {
const { caseStudy, loading } = useCaseStudy(slug);
if (loading || !caseStudy || !caseStudy.process_steps || caseStudy.process_steps.length === 0) {
return null;
}
return (
<section className="pt-120 pb-120 tp-process bg-black sticky-wrapper">
<div className="container">
@@ -6,64 +19,28 @@ const Process = () => {
<div className="col-12 col-lg-6">
<div className="process__content sticky-item">
<h2 className="mt-8 title-anim text-white fw-7 mb-24">
Artificial intelligence Process
{caseStudy.title} Process
</h2>
<p className="cur-lg text-quinary">
Quisque varius malesuada dui, ut posuere purus gravida in.
Phasellus ultricies ullamcorper mollis. Pellentesque varius
lectus in massa placerat cursus. Donec in dictum nisl. In
maximus posuere leo nec porttitor.
{caseStudy.excerpt}
</p>
</div>
</div>
<div className="col-12 col-lg-6 col-xxl-5 offset-xxl-1">
<div className="process__thumb sticky-item">
<div className="process__single">
<span className="op-text text-white mb-40 cur-lg">01</span>
<h5 className="mt-8 text-white mb-24 title-anim">
Computer Vision
</h5>
<p className="cur-lg text-quinary">
Quisque varius malesuada dui, ut posuere purus gravida in.
Phasellus ultricies ullamcorper mollis.
</p>
</div>
<div className="process__single">
<span className="op-text text-white mb-40 cur-lg">02</span>
<h5 className="mt-8 text-white mb-24 title-anim">
Computer Vision
</h5>
<p className="cur-lg text-quinary">
Quisque varius malesuada dui, ut posuere purus gravida in.
Phasellus ultricies ullamcorper mollis.
</p>
</div>
<div className="process__single">
<span className="op-text text-white mb-40 cur-lg">03</span>
<h5 className="mt-8 text-white mb-24 title-anim">3D Vision</h5>
<p className="cur-lg text-quinary">
Quisque varius malesuada dui, ut posuere purus gravida in.
Phasellus ultricies ullamcorper mollis.
</p>
</div>
<div className="process__single">
<span className="op-text text-white mb-40 cur-lg">04</span>
<h5 className="mt-8 text-white mb-24 title-anim">
Computer Vision
</h5>
<p className="cur-lg text-quinary">
Quisque varius malesuada dui, ut posuere purus gravida in.
Phasellus ultricies ullamcorper mollis.
</p>
</div>
<div className="process__single">
<span className="op-text text-white mb-40 cur-lg">05</span>
<h5 className="mt-8 text-white mb-24 title-anim">3D Vision</h5>
<p className="cur-lg text-quinary">
Quisque varius malesuada dui, ut posuere purus gravida in.
Phasellus ultricies ullamcorper mollis.
</p>
</div>
{caseStudy.process_steps.map((step) => (
<div key={step.id} className="process__single">
<span className="op-text text-white mb-40 cur-lg">
{String(step.step_number).padStart(2, '0')}
</span>
<h5 className="mt-8 text-white mb-24 title-anim">
{step.title}
</h5>
<p className="cur-lg text-quinary">
{step.description}
</p>
</div>
))}
</div>
</div>
</div>