diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index e9b986d..317f339 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -8,8 +8,10 @@ function App() {
   };
 
   const handleSecondaryCta = () => {
-    console.log('Secondary CTA clicked: Guarda Demo');
-    // TODO: Implementare logica per apertura demo
+    const demoSection = document.getElementById('demo-interattiva');
+    if (demoSection) {
+      demoSection.scrollIntoView({ behavior: 'smooth' });
+    }
   };
 
   const handleNavbarCta = () => {
diff --git a/frontend/src/components/sections/InteractiveDemo.tsx b/frontend/src/components/sections/InteractiveDemo.tsx
index c347449..1354418 100644
--- a/frontend/src/components/sections/InteractiveDemo.tsx
+++ b/frontend/src/components/sections/InteractiveDemo.tsx
@@ -121,7 +121,7 @@ export const InteractiveDemo: React.FC = () => {
   const selectedLogData = DEMO_LOGS.find((l) => l.id === selectedLog);
 
   return (
-    <section className="w-full py-24 lg:py-32 bg-white" aria-labelledby="demo-heading">
+    <section id="demo-interattiva" className="w-full py-24 lg:py-32 bg-white" aria-labelledby="demo-heading">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         {/* Section Header */}
         <div className="text-center mb-16">