worked on the image and and form and links
This commit is contained in:
@@ -6,6 +6,7 @@ import { Badge } from "../components/ui/badge";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar";
|
||||
import { Separator } from "../components/ui/separator";
|
||||
import hosptialAi from "../assets/aihospital.jpg"
|
||||
import { Calendar, Clock, User, ArrowRight, Share2, Linkedin, Twitter, ExternalLink, Tag } from "lucide-react";
|
||||
import { ImageWithFallback } from "../components/figma/ImageWithFallback";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
@@ -218,7 +219,8 @@ const articleData = {
|
||||
title: "The Future of AI in Healthcare: Transforming Patient Care Through Technology",
|
||||
excerpt: "Discover how artificial intelligence is revolutionizing healthcare delivery and patient outcomes.",
|
||||
readTime: "12 min read",
|
||||
image: "https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=400&h=250&fit=crop&auto=format",
|
||||
// image: "https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=400&h=250&fit=crop&auto=format",
|
||||
image: hosptialAi,
|
||||
category: "Healthcare AI"
|
||||
},
|
||||
{
|
||||
@@ -236,7 +238,7 @@ export const LegacySystemScaling = () => {
|
||||
const handleShare = (platform: string) => {
|
||||
const url = encodeURIComponent(window.location.href);
|
||||
const title = encodeURIComponent(articleData.title);
|
||||
|
||||
|
||||
let shareUrl = '';
|
||||
switch (platform) {
|
||||
case 'linkedin':
|
||||
@@ -249,7 +251,7 @@ export const LegacySystemScaling = () => {
|
||||
shareUrl = `https://wa.me/?text=${title} ${url}`;
|
||||
break;
|
||||
}
|
||||
|
||||
|
||||
if (shareUrl) {
|
||||
window.open(shareUrl, '_blank', 'width=600,height=400');
|
||||
}
|
||||
@@ -260,7 +262,7 @@ export const LegacySystemScaling = () => {
|
||||
return (
|
||||
<div className="dark min-h-screen bg-background">
|
||||
{/* <Navigation /> */}
|
||||
|
||||
|
||||
{/* Hero Section */}
|
||||
<section className="pt-24 pb-16 bg-background">
|
||||
<div className="container mx-auto px-6 lg:px-8">
|
||||
@@ -327,13 +329,13 @@ export const LegacySystemScaling = () => {
|
||||
<section className="py-16 bg-card/50">
|
||||
<div className="container mx-auto px-6 lg:px-8">
|
||||
<div className="grid lg:grid-cols-10 gap-12 max-w-7xl mx-auto">
|
||||
|
||||
|
||||
{/* Article Content - 70% */}
|
||||
<article className="lg:col-span-7">
|
||||
<Card className="bg-background/50 border-white/10">
|
||||
<CardContent className="p-8 lg:p-12">
|
||||
{/* Article Body */}
|
||||
<div
|
||||
<div
|
||||
className="prose prose-invert prose-lg max-w-none
|
||||
prose-headings:text-white prose-headings:font-semibold
|
||||
prose-h2:text-3xl prose-h2:mt-12 prose-h2:mb-6
|
||||
@@ -429,15 +431,15 @@ export const LegacySystemScaling = () => {
|
||||
|
||||
{/* Sidebar - 30% */}
|
||||
<aside className="lg:col-span-3 space-y-8">
|
||||
|
||||
|
||||
{/* Related Articles */}
|
||||
<Card className="bg-background/50 border-white/10">
|
||||
<CardContent className="p-6">
|
||||
<h3 className="text-xl font-semibold text-white mb-6">You Might Also Like</h3>
|
||||
<div className="space-y-6">
|
||||
{articleData.relatedArticles.map((article) => (
|
||||
<div
|
||||
key={article.id}
|
||||
<div
|
||||
key={article.id}
|
||||
className="group cursor-pointer"
|
||||
onClick={() => navigate(`/articles/${article.id}`)}
|
||||
>
|
||||
@@ -459,11 +461,11 @@ export const LegacySystemScaling = () => {
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
|
||||
<Separator className="my-6" />
|
||||
|
||||
<Button
|
||||
variant="outline"
|
||||
|
||||
<Button
|
||||
variant="outline"
|
||||
className="w-full border-white/20 text-white hover:bg-white/10"
|
||||
onClick={() => navigate('/resources/blog')}
|
||||
>
|
||||
@@ -478,10 +480,10 @@ export const LegacySystemScaling = () => {
|
||||
<CardContent className="p-6">
|
||||
<h3 className="text-xl font-semibold text-white mb-4">About WDI</h3>
|
||||
<p className="text-muted-foreground text-sm leading-relaxed mb-4">
|
||||
Web Development Institute helps startups and enterprises build scalable, secure digital products.
|
||||
Web Development Institute helps startups and enterprises build scalable, secure digital products.
|
||||
With 25+ years of experience, we've delivered 200+ successful projects across 15+ countries.
|
||||
</p>
|
||||
<Button
|
||||
<Button
|
||||
className="w-full bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
|
||||
onClick={() => navigate('/contact')}
|
||||
>
|
||||
@@ -503,21 +505,21 @@ export const LegacySystemScaling = () => {
|
||||
Enjoyed this article? Let's talk.
|
||||
</h2>
|
||||
<p className="text-muted-foreground mb-8 max-w-2xl mx-auto">
|
||||
Ready to scale your legacy system or modernize your infrastructure? Our team of experts is here to help you
|
||||
Ready to scale your legacy system or modernize your infrastructure? Our team of experts is here to help you
|
||||
build scalable, high-performance systems that grow with your business.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<Button
|
||||
size="lg"
|
||||
<Button
|
||||
size="lg"
|
||||
className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
|
||||
onClick={() => navigate('/contact')}
|
||||
>
|
||||
Start Your Modernization Project
|
||||
<ArrowRight className="ml-2 w-4 h-4" />
|
||||
</Button>
|
||||
<Button
|
||||
size="lg"
|
||||
variant="outline"
|
||||
<Button
|
||||
size="lg"
|
||||
variant="outline"
|
||||
className="border-white/20 text-white hover:bg-white/10"
|
||||
onClick={() => navigate('/resources/blog')}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user