Fixed content details
This commit is contained in:
+13
-13
@@ -35,9 +35,9 @@ export default function App() {
|
|||||||
// Soft animate stats for visual delight
|
// Soft animate stats for visual delight
|
||||||
const clientsTimer = setInterval(() => {
|
const clientsTimer = setInterval(() => {
|
||||||
setActiveClients((prev) => {
|
setActiveClients((prev) => {
|
||||||
if (prev >= 65) {
|
if (prev >= 4) {
|
||||||
clearInterval(clientsTimer);
|
clearInterval(clientsTimer);
|
||||||
return 65;
|
return 4;
|
||||||
}
|
}
|
||||||
return prev + 2;
|
return prev + 2;
|
||||||
});
|
});
|
||||||
@@ -45,9 +45,9 @@ export default function App() {
|
|||||||
|
|
||||||
const projectsTimer = setInterval(() => {
|
const projectsTimer = setInterval(() => {
|
||||||
setCompletedProjects((prev) => {
|
setCompletedProjects((prev) => {
|
||||||
if (prev >= 142) {
|
if (prev >= 25) {
|
||||||
clearInterval(projectsTimer);
|
clearInterval(projectsTimer);
|
||||||
return 142;
|
return 25;
|
||||||
}
|
}
|
||||||
return prev + 4;
|
return prev + 4;
|
||||||
});
|
});
|
||||||
@@ -140,7 +140,7 @@ export default function App() {
|
|||||||
<div className="inline-flex items-center space-x-2 bg-brand-900/50 border border-brand-800/80 px-3.5 py-1.5 rounded-full" id="hero-sa-tag">
|
<div className="inline-flex items-center space-x-2 bg-brand-900/50 border border-brand-800/80 px-3.5 py-1.5 rounded-full" id="hero-sa-tag">
|
||||||
<span className="w-2 h-2 rounded-full bg-brand-500 animate-pulse" />
|
<span className="w-2 h-2 rounded-full bg-brand-500 animate-pulse" />
|
||||||
<span className="text-[11px] font-mono font-bold uppercase tracking-wider text-brand-100">
|
<span className="text-[11px] font-mono font-bold uppercase tracking-wider text-brand-100">
|
||||||
Established 2011 • Midrand, South Africa
|
Established 2020 • Midrand, South Africa
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -197,7 +197,7 @@ export default function App() {
|
|||||||
<div className="grid grid-cols-3 gap-4 mt-4">
|
<div className="grid grid-cols-3 gap-4 mt-4">
|
||||||
<div>
|
<div>
|
||||||
<p className="text-2xl md:text-3xl font-extrabold font-display text-brand-500">
|
<p className="text-2xl md:text-3xl font-extrabold font-display text-brand-500">
|
||||||
2011
|
2020
|
||||||
</p>
|
</p>
|
||||||
<p className="text-[10px] font-medium text-slate-400 uppercase mt-0.5">
|
<p className="text-[10px] font-medium text-slate-400 uppercase mt-0.5">
|
||||||
Established
|
Established
|
||||||
@@ -267,10 +267,10 @@ export default function App() {
|
|||||||
</h2>
|
</h2>
|
||||||
<div className="space-y-4 text-sm leading-relaxed text-slate-300">
|
<div className="space-y-4 text-sm leading-relaxed text-slate-300">
|
||||||
<p>
|
<p>
|
||||||
LiteCharms (PTY) Ltd was born in Midrand in 2011, initially serving as a specialist interface consulting firm for the emerging mobile industry in South Africa. As local enterprise operations expanded, we observed a crucial bottleneck: software layout design cannot achieve its full potential if clients lack reliable, containerized hosting environments and flexible scale options.
|
LiteCharms (PTY) Ltd was born in Midrand in 2020 , initially serving as a specialist interface consulting firm for the emerging mobile industry in South Africa. As local enterprise operations expanded, we observed a crucial bottleneck: software layout design cannot achieve its full potential if clients lack reliable, containerized hosting environments and flexible scale options.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
In 2017, we expanded our core divisions to provide automated Docker container layouts, declarative Kubernetes blueprints, and cloud setups, powered by our high-performance private cloud platform, khongisa.co.za.
|
In 2024, we expanded our core divisions to provide automated Docker container layouts, declarative Kubernetes blueprints, and cloud setups, powered by our high-performance private cloud platform, khongisa.co.za.
|
||||||
</p>
|
</p>
|
||||||
<p className="font-medium text-white">
|
<p className="font-medium text-white">
|
||||||
Today, we bridge the gap between user experience and modern cloud orchestration, delivering reliable structures that are optimized, secure, and fully documented.
|
Today, we bridge the gap between user experience and modern cloud orchestration, delivering reliable structures that are optimized, secure, and fully documented.
|
||||||
@@ -281,7 +281,7 @@ export default function App() {
|
|||||||
<div className="pt-6 border-t border-slate-800 space-y-3 text-xs">
|
<div className="pt-6 border-t border-slate-800 space-y-3 text-xs">
|
||||||
<div className="flex items-center space-x-3 text-slate-300">
|
<div className="flex items-center space-x-3 text-slate-300">
|
||||||
<MapPin className="w-4 h-4 text-brand-500 shrink-0" />
|
<MapPin className="w-4 h-4 text-brand-500 shrink-0" />
|
||||||
<span>Grand Central Office Park, Midrand, Johannesburg, 1685, South Africa</span>
|
<span>1633 Liebenburg Rd, Noordwyk, Midrand, Gauteng, ZA</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center space-x-3 text-slate-300">
|
<div className="flex items-center space-x-3 text-slate-300">
|
||||||
<Clock className="w-4 h-4 text-brand-500 shrink-0" />
|
<Clock className="w-4 h-4 text-brand-500 shrink-0" />
|
||||||
@@ -420,7 +420,7 @@ export default function App() {
|
|||||||
<div className="flex justify-between items-start">
|
<div className="flex justify-between items-start">
|
||||||
<div>
|
<div>
|
||||||
<h4 className="font-display font-bold text-sm text-white">Midrand Headquarters</h4>
|
<h4 className="font-display font-bold text-sm text-white">Midrand Headquarters</h4>
|
||||||
<p className="text-xs text-slate-400 mt-1">1633 Liebenburg Rd, Boordwyk, Midrand, Gauteng, ZA</p>
|
<p className="text-xs text-slate-400 mt-1">1633 Liebenburg Rd, Noordwyk, Midrand, Gauteng, ZA</p>
|
||||||
</div>
|
</div>
|
||||||
<span className="text-[9px] font-mono font-bold uppercase bg-slate-800 text-slate-300 px-2 py-0.5 rounded border border-slate-700 shrink-0">
|
<span className="text-[9px] font-mono font-bold uppercase bg-slate-800 text-slate-300 px-2 py-0.5 rounded border border-slate-700 shrink-0">
|
||||||
Gauteng Corridor
|
Gauteng Corridor
|
||||||
@@ -570,10 +570,10 @@ export default function App() {
|
|||||||
<BrandLogo className="h-10 w-auto" />
|
<BrandLogo className="h-10 w-auto" />
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-slate-400 max-w-sm leading-relaxed">
|
<p className="text-xs text-slate-400 max-w-sm leading-relaxed">
|
||||||
Registered IT Services provider based in Midrand, South Africa. Delivering exceptional digital layouts and resilient containerized deployment environments since 2011.
|
Registered IT Services provider based in Midrand, South Africa. Delivering exceptional digital layouts and resilient containerized deployment environments since 2020.
|
||||||
</p>
|
</p>
|
||||||
<div className="text-[10px] font-mono bg-slate-950 px-3 py-2 rounded-lg border border-slate-900 inline-block text-slate-500">
|
<div className="text-[10px] font-mono bg-slate-950 px-3 py-2 rounded-lg border border-slate-900 inline-block text-slate-500">
|
||||||
Registration No: 2011/104859/07 • Midrand, ZA
|
Registration No: 2020/269438/07 • Midrand, ZA
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -650,7 +650,7 @@ export default function App() {
|
|||||||
© {new Date().getFullYear()} LiteCharms (PTY) Ltd. All Rights Reserved. Midrand, South Africa.
|
© {new Date().getFullYear()} LiteCharms (PTY) Ltd. All Rights Reserved. Midrand, South Africa.
|
||||||
</p>
|
</p>
|
||||||
<p className="text-slate-600 mt-2 md:mt-0 text-center md:text-right">
|
<p className="text-slate-600 mt-2 md:mt-0 text-center md:text-right">
|
||||||
Designed with precision • Est. 2011 • Reg 2011/104859/07
|
Designed with precision • Est. 2020 • Reg 2020/269438/07
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
+5
-5
@@ -131,31 +131,31 @@ export const CASE_STUDIES: CaseStudy[] = [
|
|||||||
|
|
||||||
export const TIMELINE: TimelineEvent[] = [
|
export const TIMELINE: TimelineEvent[] = [
|
||||||
{
|
{
|
||||||
year: '2011',
|
year: '2020',
|
||||||
title: 'Founding in Midrand',
|
title: 'Founding in Midrand',
|
||||||
description: 'LiteCharms (PTY) Ltd was established in Midrand, South Africa, focused on custom mobile application wireframing and software consultation.',
|
description: 'LiteCharms (PTY) Ltd was established in Midrand, South Africa, focused on custom mobile application wireframing and software consultation.',
|
||||||
milestone: true
|
milestone: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
year: '2014',
|
year: '2022',
|
||||||
title: 'Multi-Platform Pivot',
|
title: 'Multi-Platform Pivot',
|
||||||
description: 'Expanded our services to full web and desktop software layout design, securing major clients in Gauteng\'s logistics and retail sectors.',
|
description: 'Expanded our services to full web and desktop software layout design, securing major clients in Gauteng\'s logistics and retail sectors.',
|
||||||
milestone: false
|
milestone: false
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
year: '2017',
|
year: '2023',
|
||||||
title: 'Private Cloud R&D',
|
title: 'Private Cloud R&D',
|
||||||
description: 'In response to clients facing local server limitations, we began research into dedicated hypervisors, virtualization technologies, and private network clusters.',
|
description: 'In response to clients facing local server limitations, we began research into dedicated hypervisors, virtualization technologies, and private network clusters.',
|
||||||
milestone: false
|
milestone: false
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
year: '2020',
|
year: '2024',
|
||||||
title: 'Khongisa Cloud Platform Launch',
|
title: 'Khongisa Cloud Platform Launch',
|
||||||
description: 'Successfully built and rolled out our proprietary private cloud hosting platform (khongisa.co.za), allowing client applications to host seamlessly without third-party servers.',
|
description: 'Successfully built and rolled out our proprietary private cloud hosting platform (khongisa.co.za), allowing client applications to host seamlessly without third-party servers.',
|
||||||
milestone: true
|
milestone: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
year: '2023',
|
year: '2025',
|
||||||
title: 'Kubernetes & IaC Integration',
|
title: 'Kubernetes & IaC Integration',
|
||||||
description: 'Expanded our operations to offer enterprise-grade Docker containerization, Kubernetes configuration blueprints, and multi-cloud Infrastructure as Code (IaC) designs.',
|
description: 'Expanded our operations to offer enterprise-grade Docker containerization, Kubernetes configuration blueprints, and multi-cloud Infrastructure as Code (IaC) designs.',
|
||||||
milestone: true
|
milestone: true
|
||||||
|
|||||||
Reference in New Issue
Block a user