diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 61e8e63..8cd388a 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -87,7 +87,7 @@ export default function IndexPage() {
             {services.map((s, i) => (
               <Card key={i} className="group bg-white/60 dark:bg-slate-900/60 backdrop-blur-sm border-slate-200/60 dark:border-slate-800/60 hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
                 <CardContent className="p-6">
-                  <div className={`inline-flex p-3 rounded-xl bg-gradient-to-br \${s.gradient} mb-4`}>
+                  <div className={`inline-flex p-3 rounded-xl bg-gradient-to-br ${s.gradient} mb-4`}>
                     <s.icon className="h-6 w-6 text-slate-900 dark:text-white" />
                   </div>
                   <h3 className="text-lg font-semibold mb-2">{s.title}</h3>
@@ -114,7 +114,7 @@ export default function IndexPage() {
             {doctors.map((d, i) => (
               <Card key={i} className="group bg-white/60 dark:bg-slate-900/60 backdrop-blur-sm border-slate-200/60 dark:border-slate-800/60 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 text-center">
                 <CardContent className="p-6">
-                  <div className={`mx-auto w-20 h-20 rounded-full bg-gradient-to-br \${d.gradient} flex items-center justify-center text-white text-2xl font-bold mb-4 group-hover:ring-4 group-hover:ring-sky-300/30 transition-all`}>
+                  <div className={`mx-auto w-20 h-20 rounded-full bg-gradient-to-br ${d.gradient} flex items-center justify-center text-white text-2xl font-bold mb-4 group-hover:ring-4 group-hover:ring-sky-300/30 transition-all`}>
                     {d.name.split(" ").map(n => n[0]).join("")}
                   </div>
                   <h3 className="text-lg font-semibold">{d.name}</h3>