Skip to content

feat: Add developer attribution to components and enhance SEO metadata with structured data. #44

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
akshay0611 merged 1 commit into from
Jan 5, 2026
Merged

feat: Add developer attribution to components and enhance SEO metadata with structured data. #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 30 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,36 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ClinIQ - Trusted Health Insights</title>
<meta name="description" content="Get trusted health insights instantly with ClinIQ. Check symptoms, find doctors, and book appointments seamlessly." />
<title>ClinIQ | HIPAA-Compliant HealthTech developed by Akshay Kumar</title>
<meta name="description" content="A secure, HIPAA-compliant patient management system architected by Akshay Kumar. Features encrypted data handling, AI-driven diagnostics, and streamlined clinical workflows." />
<meta name="keywords" content="HealthTech, SaaS Architecture, Data Privacy, HIPAA, AI Healthcare, Akshay Kumar" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Person",
"@id": "https://connectwithakshay.netlify.app/#person",
"name": "Akshay Kumar",
"jobTitle": "Lead Developer",
"url": "https://connectwithakshay.netlify.app",
"sameAs": [
"https://www.linkedin.com/in/akshaykumar0611/",
"https://github.com/akshay0611"
],
"knowsAbout": ["Next.js", "AI Integrations", "System Architecture", "HealthTech Security"]
},
{
"@type": "SoftwareApplication",
"name": "ClinIQ",
"applicationCategory": "HealthApplication",
"operatingSystem": "Web",
"keywords": "HealthTech, Patient Management, AI Healthcare, HIPAA-compliant Architecture",
"author": { "@id": "https://connectwithakshay.netlify.app/#person" }
}
]
}
</script>
</head>
<body>
<div id="root"></div>
Expand Down
17 changes: 7 additions & 10 deletions src/components/home/Hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ const Hero: React.FC = () => {
return (
<section
className="relative bg-gradient-to-br from-primary-700 via-primary-800 to-primary-900 text-white overflow-hidden min-h-screen flex items-center justify-center"
aria-label="Hero Section"
aria-label="ClinIQ HealthTech Hero - Architected by Akshay Kumar"
>
<div className="absolute inset-0 overflow-hidden">
<motion.div
Expand All @@ -118,9 +118,8 @@ const Hero: React.FC = () => {
style={{
top: "20%",
left: "15%",
transform: `translate(${mousePosition.x * -20}px, ${
mousePosition.y * -20
}px)`,
transform: `translate(${mousePosition.x * -20}px, ${mousePosition.y * -20
}px)`,
}}
/>
<motion.div
Expand All @@ -132,9 +131,8 @@ const Hero: React.FC = () => {
style={{
bottom: "10%",
right: "10%",
transform: `translate(${mousePosition.x * 20}px, ${
mousePosition.y * 20
}px)`,
transform: `translate(${mousePosition.x * 20}px, ${mousePosition.y * 20
}px)`,
}}
/>
<motion.div
Expand All @@ -146,9 +144,8 @@ const Hero: React.FC = () => {
style={{
top: "60%",
left: "60%",
transform: `translate(${mousePosition.x * -15}px, ${
mousePosition.y * -15
}px)`,
transform: `translate(${mousePosition.x * -15}px, ${mousePosition.y * -15
}px)`,
}}
/>
</div>
Expand Down
52 changes: 26 additions & 26 deletions src/components/home/TrustSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,18 +49,18 @@ const TrustSection: React.FC = () => {
];

return (
<section className="py-24 bg-gradient-to-b from-white to-neutral-50 dark:from-neutral-950 dark:to-neutral-900 relative" aria-labelledby="features-heading">
<section className="py-24 bg-gradient-to-b from-white to-neutral-50 dark:from-neutral-950 dark:to-neutral-900 relative" aria-label="Security and Trust at ClinIQ - Architected by Akshay Kumar">

<div className="absolute inset-0 z-0 opacity-30 dark:opacity-10">
<div className="absolute h-full w-full bg-grid-neutral-300/30 dark:bg-grid-neutral-700/20 bg-[length:20px_20px]" />
</div>


<div className="absolute top-20 left-10 w-64 h-64 rounded-full bg-teal-400/10 blur-3xl" />
<div className="absolute bottom-10 right-10 w-80 h-80 rounded-full bg-green-400/10 blur-3xl" />

<div className="container mx-auto px-4 relative z-10">
<motion.div
<motion.div
className="text-center max-w-3xl mx-auto mb-16"
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
Expand All @@ -78,7 +78,7 @@ const TrustSection: React.FC = () => {
</p>
</motion.div>

<motion.div
<motion.div
className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8"
variants={containerVariants}
initial="hidden"
Expand All @@ -91,33 +91,33 @@ const TrustSection: React.FC = () => {
className="group relative h-full"
variants={{
hidden: { opacity: 0, y: 20 },
visible: {
opacity: 1,
y: 0,
transition: { duration: 0.5, ease: [0.43, 0.13, 0.23, 0.96] }
visible: {
opacity: 1,
y: 0,
transition: { duration: 0.5, ease: [0.43, 0.13, 0.23, 0.96] }
}
}}
>
<div className="h-full bg-white dark:bg-neutral-800 rounded-2xl shadow-lg hover:shadow-xl group-hover:scale-105 group-hover:shadow-blue-500/20 transition-all duration-300 overflow-hidden flex flex-col group-hover:bg-opacity-90">

<div className={`h-2 w-full bg-gradient-to-r ${item.color}`}></div>

<div className="p-8 flex-grow">

<div className={`w-16 h-16 rounded-xl ${item.lightColor} dark:bg-opacity-20 flex items-center justify-center ${item.iconColor} mb-6 shadow-sm group-hover:scale-110 group-hover:rotate-12 transition-transform duration-300`}>
{item.icon}
</div>

<h3 className="text-xl font-bold text-neutral-800 dark:text-white mb-3 group-hover:text-blue-600 dark:group-hover:text-blue-300 transition-colors duration-200">
{item.title}
</h3>

<p className="text-neutral-600 dark:text-neutral-300">
{item.description}
</p>
</div>


<div className="px-8 pb-6">
<div className="pt-4 border-t border-neutral-100 dark:border-neutral-700">
<a href="#" className="inline-flex items-center text-sm font-medium text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 transition-colors duration-200 group-hover:underline">
Expand All @@ -130,26 +130,26 @@ const TrustSection: React.FC = () => {
</motion.div>
))}
</motion.div>
<motion.div


<motion.div
className="mt-16 text-center"
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
transition={{ duration: 0.8, delay: 0.4 }}
viewport={{ once: true }}
>
<a
href="#"
<a
href="#"
className="inline-flex items-center justify-center px-6 py-3 rounded-full bg-primary-600 hover:bg-primary-700 text-white font-medium transition-colors duration-200 shadow-lg hover:shadow-xl"
>
Learn about our security
<ArrowRight className="ml-2 h-4 w-4" />
</a>
</motion.div>
<motion.div


<motion.div
className="mt-20 flex flex-wrap justify-center gap-8"
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
Expand Down
11 changes: 8 additions & 3 deletions src/components/layout/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -375,9 +375,14 @@ const Footer: React.FC = () => {
>
<Heart size={16} fill="currentColor" />
</motion.div>
<p className="text-neutral-400 text-sm">
© {currentYear} ClinIQ. All rights reserved.
</p>
<div className="flex flex-col">
<p className="text-neutral-400 text-sm">
© {currentYear} ClinIQ. All rights reserved.
</p>
<p className="text-neutral-500 text-xs mt-1">
System Architected & Developed by <a href="https://connectwithakshay.netlify.app" rel="me" target="_blank" className="text-primary-400 hover:text-primary-300 transition-colors">Akshay Kumar</a>.
</p>
</div>
</div>

<div className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-sm">
Expand Down
Loading