Terminal Demo 1

1import React from "react";
2import InteractiveTerminal from "../ui/terminal";
3import { Coffee } from "lucide-react";
4 
5export default function TerminalDemo2() {
6  return (
7    <div className="flex flex-col gap-12 w-full max-w-4xl mx-auto">
8      <div className="overflow-hidden shadow-lg transform transition-all hover:shadow-amber-500/50">
9        <InteractiveTerminal
10          command="brew --coffee latte"
11          icon={<Coffee className="mr-2" />}
12          variant="retro"
13          steps={[
14            "Taking your order...",
15            "Grinding fresh beans...",
16            "Heating water to 93°C...",
17            "Extracting espresso shot...",
18            "Steaming milk to perfection...",
19            "Adding artistic foam design...",
20          ]}
21          finalMessage={`
22  ☕ ORDER COMPLETE! ☕
23  
24  Your perfect latte is ready:
25  - Double shot espresso (Ethiopian beans)
26  - Silky steamed oat milk
27  - Artisanal foam leaf pattern
28  
29  Enjoy your coffee and have a wonderful day!
30              `}
31          stepDelay={1200}
32          promptSymbol="☕"
33          className="rounded-md"
34        />
35      </div>
36    </div>
37  );
38}