Terminal Demo

1import React from "react";
2import InteractiveTerminal from "../ui/terminal";
3import { Rocket } from "lucide-react";
4 
5const TerminalDemo = () => {
6  return (
7    <div className="flex flex-col gap-12 w-full max-w-4xl mx-auto relative">
8      <div>
9        <InteractiveTerminal
10          command="deploy --production"
11          autoExecute
12          variant="dark"
13          repeat
14          icon={<Rocket className="mr-2 text-blue-400" />}
15          steps={[
16            "Initializing deployment pipeline...",
17            "Running pre-deployment checks...",
18            "Building application assets...",
19            "Running test suite...",
20            "Optimizing build size...",
21            "Provisioning cloud resources...",
22            "Deploying to production servers...",
23          ]}
24          finalMessage={`
25  ✅ DEPLOYMENT SUCCESSFUL!
26  
27  Application deployed to: https://nyxui.com/
28  Build version: 1.0.42
29  Deployment ID: d8f72b3e-9c1a-4f8b-b98c-7f2e9e1fcb5a
30  Deployment time: 2m 43s
31  
32  All systems operational. Monitoring dashboard available at /admin/metrics
33                `}
34          stepDelay={800}
35          className="rounded-md border border-blue-900/50 shadow-md hover:shadow-lg transition-shadow"
36        />
37      </div>
38    </div>
39  );
40};
41 
42export default TerminalDemo;