Steps ui improved

next.config.mjs

@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  output: 'export',  // This is key for static export
   images: {
     unoptimized: true,
     remotePatterns: [
@@ -10,7 +11,6 @@ const nextConfig = {
       },
     ],
   },
-  output: "export",
 };
 /* module.exports = nextConfig*/
 export default nextConfig;

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "export": "next export"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.0",

src/components/LandingComp/Steps.tsx

@@ -7,22 +7,22 @@ import { Card, CardContent } from '../ui/card';
 const CardSlider = () => {
   const cards = [
     {
-      title: "Gather Hardware",
+      title: "Hardware",
       description: "Take a development board, BioAmp hardware, cables & electrodes. Make the connections.",
       image: "/steps/step1.png",
     },
     {
-      title: "Upload The Code",
+      title: "Firmware",
       description: "Upload the provided code to your development board using Arduino IDE.",
       image: "/steps/step2.png",
     },
     {
-      title: "Start Visualizing",
+      title: "Connection",
       description: "Open Chords, click connect, choose COM port and start visualizing the signals.",
       image: "/steps/step3.png",
     },
     {
-      title: "Monitor Performance",
+      title: "Visualization",
       description: "Keep an eye on the system performance and make necessary adjustments.",
       image: "/steps/step4.png",
     },