Update version to v0.1.2.a.3 and enhance UI/UX features

- Updated version number in version.txt.
- Improved smooth scrolling for anchor links in script.js.
- Added Intersection Observer for fade-in animations in script.js.
- Enhanced CSS styles for various elements, including buttons, metrics, and backgrounds for better visual appeal and interactivity.

script.js

@@ -72,4 +72,46 @@ document.addEventListener('DOMContentLoaded', () => {
       }
     });
   });
+
+  // Smooth scroll for anchor links
+  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+    anchor.addEventListener('click', function (e) {
+      const href = this.getAttribute('href');
+      if (href === '#' || href === '#top') return;
+      
+      e.preventDefault();
+      const target = document.querySelector(href);
+      if (target) {
+        target.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start'
+        });
+      }
+    });
+  });
+
+  // Intersection Observer for fade-in animations
+  const observerOptions = {
+    threshold: 0.1,
+    rootMargin: '0px 0px -50px 0px'
+  };
+
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        entry.target.style.opacity = '1';
+        entry.target.style.transform = 'translateY(0)';
+      }
+    });
+  }, observerOptions);
+
+  // Observe sections and cards for fade-in effect (exclude hero section)
+  const animatedElements = document.querySelectorAll('.section:not(.hero), .card, .metric, figure, .install-steps li');
+  animatedElements.forEach(el => {
+    el.style.opacity = '0';
+    el.style.transform = 'translateY(20px)';
+    el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
+    observer.observe(el);
+  });
+
 });