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/FutureOfAIHealthcare.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: "future-of-ai-healthcare",
@@ -161,9 +161,11 @@ export const FutureOfAIHealthcare = () => {
}
};
const navigate = useNavigate();
return (
<div className="dark min-h-screen bg-background">
<Navigation />
{/* <Navigation /> */}
{/* Hero Section */}
<section className="pt-24 pb-16 bg-background">
@@ -171,11 +173,11 @@ export const FutureOfAIHealthcare = () => {
<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>
@@ -342,7 +344,7 @@ export const FutureOfAIHealthcare = () => {
<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
@@ -368,7 +370,7 @@ export const FutureOfAIHealthcare = () => {
<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" />
@@ -386,7 +388,7 @@ export const FutureOfAIHealthcare = () => {
</p>
<Button
className="w-full bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
onClick={() => navigateTo('/contact')}
onClick={() => navigate('/contact')}
>
Get In Touch
</Button>
@@ -413,7 +415,7 @@ export const FutureOfAIHealthcare = () => {
<Button
size="lg"
className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
onClick={() => navigateTo('/contact')}
onClick={() => navigate('/contact')}
>
Start Your AI Project
<ArrowRight className="ml-2 w-4 h-4" />
@@ -422,7 +424,7 @@ export const FutureOfAIHealthcare = () => {
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>
@@ -432,7 +434,7 @@ export const FutureOfAIHealthcare = () => {
</div>
</section>
<Footer />
{/* <Footer /> */}
</div>
);
};