Enhaced UI updated

app/page.tsx

@@ -6,6 +6,10 @@ import Navbar from "./components/layout/Navbar";
 import AIVoiceSoap from "./components/sections/AIVoiceSoap";
 import AIDiagnosis from "./components/sections/AIDiagnosis";
 import AIPrescription from "./components/sections/AIPrescription";
+import DeviceShowcase from "./components/sections/DeviceShowcase";
+import TelehealthSolutions from "./components/sections/TelehealthSolutions";
+import AppEcosystem from "./components/sections/AppEcosystem";
+import Footer from "./components/layout/Footer";
 import { ArrowRight, Sparkles } from "lucide-react";
 
 export default function Home() {
@@ -52,27 +56,14 @@ export default function Home() {
         {/* AI Service Sections */}
         <div className="space-y-32 pb-32">
           <AIVoiceSoap />
+          <DeviceShowcase />
           <AIDiagnosis />
+          <TelehealthSolutions />
           <AIPrescription />
+          <AppEcosystem />
         </div>
 
-        {/* Footer */}
-        <footer className="glass border-t-0 py-16">
-          <div className="container mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-8">
-            <div className="flex items-center gap-2">
-              <div className="w-8 h-8 rounded-lg bg-primary" />
-              <span className="text-2xl font-bold tracking-tighter text-gradient">Skyheal</span>
-            </div>
-            <div className="flex gap-8 text-foreground/40 text-sm">
-              <a href="#" className="hover:text-primary transition-colors">Privacy Policy</a>
-              <a href="#" className="hover:text-primary transition-colors">Terms of Service</a>
-              <a href="#" className="hover:text-primary transition-colors">Contact</a>
-            </div>
-            <p className="text-foreground/40 text-sm">
-              © 2026 Skyheal AI. All rights reserved.
-            </p>
-          </div>
-        </footer>
+        <Footer />
       </main>
     </div>
   );