WDIPL/Wdipl-react
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

All changes, done like fully react router uses, services, al/ml and solution page section alignment and missing section done!

Browse Source
This commit is contained in:
priyanshuvish
2025-09-23 20:13:31 +05:30
parent 5f5ddb1cd6
commit e78c8672e9
158 changed files with 2444 additions and 2093 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
pages/LegacySystemScaling.tsx
View File

@@ -7,8 +7,8 @@ import { Card, CardContent } from "../components/ui/card";
import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar";
import { Separator } from "../components/ui/separator";
import { Calendar, Clock, User, ArrowRight, Share2, Linkedin, Twitter, ExternalLink, Tag } from "lucide-react";
import { navigateTo } from "../App";
import { ImageWithFallback } from "../components/figma/ImageWithFallback";
import { useNavigate } from "react-router-dom";
const articleData = {
id: "legacy-system-scaling",
@@ -255,9 +255,11 @@ export const LegacySystemScaling = () => {
}
};
const navigate = useNavigate();
return (
<div className="dark min-h-screen bg-background">
<Navigation />
{/* <Navigation /> */}
{/* Hero Section */}
<section className="pt-24 pb-16 bg-background">
@@ -265,11 +267,11 @@ export const LegacySystemScaling = () => {
<div className="max-w-4xl mx-auto">
{/* Breadcrumb */}
<div className="flex items-center gap-2 text-sm text-muted-foreground mb-8">
<button onClick={() => navigateTo('/')} className="hover:text-white transition-colors">
<button onClick={() => navigate('/')} className="hover:text-white transition-colors">
Home
</button>
<span>/</span>
<button onClick={() => navigateTo('/resources/blog')} className="hover:text-white transition-colors">
<button onClick={() => navigate('/resources/blog')} className="hover:text-white transition-colors">
Blog
</button>
<span>/</span>
@@ -437,7 +439,7 @@ export const LegacySystemScaling = () => {
<div
key={article.id}
className="group cursor-pointer"
onClick={() => navigateTo(`/articles/${article.id}`)}
onClick={() => navigate(`/articles/${article.id}`)}
>
<div className="aspect-[16/10] overflow-hidden rounded-lg mb-3">
<ImageWithFallback
@@ -463,7 +465,7 @@ export const LegacySystemScaling = () => {
<Button
variant="outline"
className="w-full border-white/20 text-white hover:bg-white/10"
onClick={() => navigateTo('/resources/blog')}
onClick={() => navigate('/resources/blog')}
>
View All Articles
<ArrowRight className="w-4 h-4 ml-2" />
@@ -481,7 +483,7 @@ export const LegacySystemScaling = () => {
</p>
<Button
className="w-full bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
onClick={() => navigateTo('/contact')}
onClick={() => navigate('/contact')}
>
Get In Touch
</Button>
@@ -508,7 +510,7 @@ export const LegacySystemScaling = () => {
<Button
size="lg"
className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
onClick={() => navigateTo('/contact')}
onClick={() => navigate('/contact')}
>
Start Your Modernization Project
<ArrowRight className="ml-2 w-4 h-4" />
@@ -517,7 +519,7 @@ export const LegacySystemScaling = () => {
size="lg"
variant="outline"
className="border-white/20 text-white hover:bg-white/10"
onClick={() => navigateTo('/resources/blog')}
onClick={() => navigate('/resources/blog')}
>
Read More Articles
</Button>
@@ -527,7 +529,7 @@ export const LegacySystemScaling = () => {
</div>
</section>
<Footer />
{/* <Footer /> */}
</div>
);
};