interactive terminal added in landing

Author: vedpawar2254

landing/src/components/Footer.tsx

@@ -12,7 +12,7 @@ export function Footer() {
               <span className="text-lg font-semibold text-white">ano</span>
             </a>
             <p className="text-zinc-600 text-sm max-w-xs">
-              Human oversight for AI-assisted development.
+              Team collaboration for AI-assisted development.
             </p>
           </div>
 
@@ -21,17 +21,17 @@ export function Footer() {
             <div>
               <p className="text-xs text-zinc-500 uppercase tracking-wider mb-4">Product</p>
               <ul className="space-y-2 text-sm">
-                <li><a href="#features" className="text-zinc-400 hover:text-white transition-colors">Features</a></li>
+                <li><a href="https://github.com/vedpawar2254/Ano/blob/main/README.md" className="text-zinc-400 hover:text-white transition-colors">Features</a></li>
                 <li><a href="#demo" className="text-zinc-400 hover:text-white transition-colors">Demo</a></li>
-                <li><a href="#" className="text-zinc-400 hover:text-white transition-colors">Changelog</a></li>
+                {/* <li><a href="https://github.com/vedpawar2254/Ano/blob/main/CHANGELOG.md" className="text-zinc-400 hover:text-white transition-colors">Changelog</a></li> */}
               </ul>
             </div>
             <div>
               <p className="text-xs text-zinc-500 uppercase tracking-wider mb-4">Resources</p>
               <ul className="space-y-2 text-sm">
-                <li><a href="#" className="text-zinc-400 hover:text-white transition-colors">Docs</a></li>
-                <li><a href="https://github.com" className="text-zinc-400 hover:text-white transition-colors">GitHub</a></li>
-                <li><a href="#" className="text-zinc-400 hover:text-white transition-colors">Discord</a></li>
+                <li><a href="https://github.com/vedpawar2254/Ano/blob/main/README.md" className="text-zinc-400 hover:text-white transition-colors">Docs</a></li>
+                <li><a href="https://github.com/vedpawar2254/Ano" className="text-zinc-400 hover:text-white transition-colors">GitHub</a></li>
+                {/* <li><a href="#" className="text-zinc-400 hover:text-white transition-colors">Discord</a></li> */}
               </ul>
             </div>
           </div>
@@ -41,8 +41,8 @@ export function Footer() {
         <div className="mt-12 pt-6 border-t border-zinc-800/50 flex items-center justify-between text-xs text-zinc-600">
           <span>{new Date().getFullYear()} Ano</span>
           <div className="flex gap-6">
-            <a href="#" className="hover:text-zinc-400 transition-colors">Privacy</a>
-            <a href="#" className="hover:text-zinc-400 transition-colors">Terms</a>
+            {/* <a href="#" className="hover:text-zinc-400 transition-colors">Privacy</a>
+            <a href="#" className="hover:text-zinc-400 transition-colors">Terms</a> */}
           </div>
         </div>
       </div>

landing/src/components/TerminalDemo.tsx

@@ -95,8 +95,8 @@ export function TerminalDemo() {
           </p>
         </div>
 
-        <div className="grid grid-cols-[140px,1fr,1fr] gap-3 items-stretch">
-          <div className="bg-zinc-950 rounded-xl border border-zinc-800 p-3 overflow-hidden">
+        <div className="flex gap-3" style={{ display: 'flex', flexDirection: 'row' }}>
+          <div className="bg-zinc-950 rounded-xl border border-zinc-800 p-3 overflow-hidden" style={{ width: '160px', flexShrink: 0 }}>
             <p className="text-[10px] text-zinc-600 uppercase tracking-wider mb-3">
               Commands
             </p>
@@ -122,9 +122,9 @@ export function TerminalDemo() {
 
           <div
             className="bg-zinc-950 rounded-xl border border-zinc-800 overflow-hidden flex flex-col"
+            style={{ flex: 1 }}
             onClick={focusInput}
           >
-            {/* Chrome */}
             <div className="flex items-center gap-2 px-3 py-2 border-b border-zinc-800 bg-zinc-900/50 shrink-0">
               <div className="flex gap-1.5">
                 <div className="w-2.5 h-2.5 rounded-full bg-zinc-700" />
@@ -134,17 +134,14 @@ export function TerminalDemo() {
               <span className="text-[10px] text-zinc-600 font-mono ml-2">terminal</span>
             </div>
 
-            {/* Terminal content */}
             <div className="flex-1 p-4 font-mono text-sm min-h-[300px]">
-              {/* Previous commands */}
               {history.slice(-5).map((cmd, i) => (
                 <div key={i} className="flex items-center gap-2 text-zinc-600 mb-1">
                   <span className="text-zinc-700">$</span>
                   <span>{cmd}</span>
                 </div>
               ))}
 
-              {/* Current input */}
               <form onSubmit={handleSubmit} className="flex items-center gap-2">
                 <span className="text-emerald-500">$</span>
                 <input
@@ -160,16 +157,13 @@ export function TerminalDemo() {
                 />
               </form>
 
-              {/* Hint */}
               <div className="mt-6 text-[10px] text-zinc-700">
                 Tab to autocomplete · Arrow keys for history
               </div>
             </div>
           </div>
 
-          {/* Output panel */}
-          <div className="bg-zinc-950 rounded-xl border border-zinc-800 overflow-hidden flex flex-col">
-            {/* Chrome */}
+          <div className="bg-zinc-950 rounded-xl border border-zinc-800 overflow-hidden flex flex-col" style={{ flex: 1 }}>
             <div className="flex items-center gap-2 px-3 py-2 border-b border-zinc-800 bg-zinc-900/50 shrink-0">
               <div className="flex gap-1.5">
                 <div className="w-2.5 h-2.5 rounded-full bg-zinc-700" />
@@ -184,7 +178,6 @@ export function TerminalDemo() {
               )}
             </div>
 
-            {/* Output content */}
             <div className="flex-1 p-4 min-h-[300px] overflow-auto">
               <AnimatePresence mode="wait">
                 <motion.div