Merge pull request #44 from akshay0611/fix/linterrors

akshay0611 · web-flow · commit eee6d419cfed · 2026-01-05T14:16:32.000+05:30
feat: Add developer attribution to components and enhance SEO metadata with structured data.
diff --git a/index.html b/index.html
@@ -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>
diff --git a/src/components/home/Hero.tsx b/src/components/home/Hero.tsx
@@ -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
@@ -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
@@ -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
@@ -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>
diff --git a/src/components/home/TrustSection.tsx b/src/components/home/TrustSection.tsx
@@ -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 }}
@@ -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"
@@ -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">
@@ -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 }}
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -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">
