diff --git a/frontend/linktree-frontend/src/app/components/TemplatesSelector.tsx b/frontend/linktree-frontend/src/app/components/TemplatesSelector.tsx
index 3440475..dc50892 100644
--- a/frontend/linktree-frontend/src/app/components/TemplatesSelector.tsx
+++ b/frontend/linktree-frontend/src/app/components/TemplatesSelector.tsx
@@ -10,6 +10,11 @@ interface TemplatesSelectorProps {
 }
 
 export function TemplatesSelector({ onTemplateSelect, currentTemplate }: TemplatesSelectorProps) {
+  const handleTemplateClick = (template: DesignTemplate) => {
+    console.log('Template clicked:', template.name)
+    onTemplateSelect(template)
+  }
+
   return (
     <div className={styles.templateSelector}>
       <h6 className="mb-3">
@@ -21,7 +26,7 @@ export function TemplatesSelector({ onTemplateSelect, currentTemplate }: Templat
           <div key={template.id} className="col-md-6 col-lg-4">
             <div 
               className={`${styles.templateCard} card h-100 ${currentTemplate === template.id ? `${styles.selected} border-primary` : 'border-secondary'}`}
-              onClick={() => onTemplateSelect(template)}
+              onClick={() => handleTemplateClick(template)}
             >
               <div 
                 className={styles.templatePreview}