From 50b2071d2b29426a236860f88615c362f65eaec7 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 19:25:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4c32897..211280e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -55,16 +55,16 @@ export default function LandingPage() { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/a-modern-web-based-ide-interface-showing-1773256998016-3f9b5e47.png", imageAlt: "Monaco Editor with split-screen layout showing file explorer, code editor, and mobile preview" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/mobile-device-preview-panes-showing-side-1773256997545-63993a77.png", imageAlt: "iOS and Android mobile device preview frames with live app rendering" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/mobile-device-preview-panes-showing-side-1773256997545-63993a77.png?_wi=1", imageAlt: "iOS and Android mobile device preview frames with live app rendering" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/visual-representation-of-hot-reload-mech-1773256998764-e1f895f3.png", imageAlt: "Hot reload mechanism with real-time preview update indicator" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/visual-representation-of-hot-reload-mech-1773256998764-e1f895f3.png?_wi=1", imageAlt: "Hot reload mechanism with real-time preview update indicator" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/close-up-of-monaco-editor-displaying-rea-1773256997880-ccc6e4fd.png", imageAlt: "Monaco Editor with TypeScript and JSX syntax highlighting" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/close-up-of-monaco-editor-displaying-rea-1773256997880-ccc6e4fd.png?_wi=1", imageAlt: "Monaco Editor with TypeScript and JSX syntax highlighting" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/split-panel-showing-a-file-explorer-tree-1773256998196-c0c4211c.png", imageAlt: "File explorer tree and terminal showing npm commands and project structure" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/split-panel-showing-a-file-explorer-tree-1773256998196-c0c4211c.png?_wi=1", imageAlt: "File explorer tree and terminal showing npm commands and project structure" } ]} mediaAnimation="slide-up" @@ -81,22 +81,22 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "01", title: "Monaco Editor Integration", description: "Full-featured code editor with TypeScript, JSX, and advanced syntax highlighting. Supports code completion, error detection, and VS Code keybindings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/close-up-of-monaco-editor-displaying-rea-1773256997880-ccc6e4fd.png", imageAlt: "Monaco Editor showing React Native code with syntax highlighting" + id: "01", title: "Monaco Editor Integration", description: "Full-featured code editor with TypeScript, JSX, and advanced syntax highlighting. Supports code completion, error detection, and VS Code keybindings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/close-up-of-monaco-editor-displaying-rea-1773256997880-ccc6e4fd.png?_wi=2", imageAlt: "Monaco Editor showing React Native code with syntax highlighting" }, { - id: "02", title: "Virtual File System", description: "Create, rename, delete, and organize files with memfs-powered file explorer. Full support for .tsx, .js, and project structure navigation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/split-panel-showing-a-file-explorer-tree-1773256998196-c0c4211c.png", imageAlt: "File explorer with React Native project structure" + id: "02", title: "Virtual File System", description: "Create, rename, delete, and organize files with memfs-powered file explorer. Full support for .tsx, .js, and project structure navigation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/split-panel-showing-a-file-explorer-tree-1773256998196-c0c4211c.png?_wi=2", imageAlt: "File explorer with React Native project structure" }, { - id: "03", title: "Terminal Emulation", description: "Integrated xterm.js terminal for running npm commands, expo start, and other CLI tools directly in your browser.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/split-panel-showing-a-file-explorer-tree-1773256998196-c0c4211c.png", imageAlt: "Terminal showing npm install and expo start commands" + id: "03", title: "Terminal Emulation", description: "Integrated xterm.js terminal for running npm commands, expo start, and other CLI tools directly in your browser.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/split-panel-showing-a-file-explorer-tree-1773256998196-c0c4211c.png?_wi=3", imageAlt: "Terminal showing npm install and expo start commands" }, { - id: "04", title: "Live Mobile Preview", description: "Real-time preview of your React Native app on iOS and Android frames. Instant visual feedback as you code with one-click refresh.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/mobile-device-preview-panes-showing-side-1773256997545-63993a77.png", imageAlt: "iOS and Android mobile device preview frames" + id: "04", title: "Live Mobile Preview", description: "Real-time preview of your React Native app on iOS and Android frames. Instant visual feedback as you code with one-click refresh.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/mobile-device-preview-panes-showing-side-1773256997545-63993a77.png?_wi=2", imageAlt: "iOS and Android mobile device preview frames" }, { - id: "05", title: "Platform Switching", description: "Toggle between iOS and Android preview frames to test platform-specific UI and behavior instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/mobile-device-preview-panes-showing-side-1773256997545-63993a77.png", imageAlt: "Platform toggle controls for iOS and Android" + id: "05", title: "Platform Switching", description: "Toggle between iOS and Android preview frames to test platform-specific UI and behavior instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/mobile-device-preview-panes-showing-side-1773256997545-63993a77.png?_wi=3", imageAlt: "Platform toggle controls for iOS and Android" }, { - id: "06", title: "Hot Reload Sync", description: "Automatic file synchronization with instant hot reload. Save your code and see changes reflected immediately in the preview.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/visual-representation-of-hot-reload-mech-1773256998764-e1f895f3.png", imageAlt: "Hot reload cycle from code change to preview update" + id: "06", title: "Hot Reload Sync", description: "Automatic file synchronization with instant hot reload. Save your code and see changes reflected immediately in the preview.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlrH9RdeSbpFPfNuPcacc4rPWG/visual-representation-of-hot-reload-mech-1773256998764-e1f895f3.png?_wi=2", imageAlt: "Hot reload cycle from code change to preview update" } ]} textboxLayout="default" -- 2.49.1