diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx index 8c7e435b..63dc6a15 100644 --- a/frontend/src/pages/LandingPage.tsx +++ b/frontend/src/pages/LandingPage.tsx @@ -6,7 +6,7 @@ const GITHUB_URL = 'https://github.com/davidmonterocrespo24/velxio'; const PAYPAL_URL = 'https://paypal.me/odoonext'; const GITHUB_SPONSORS_URL = 'https://github.com/sponsors/davidmonterocrespo24'; -/* ── Inline SVG icons ─────────────────────────────────── */ +/* ── Icons ───────────────────────────────────────────── */ const IcoChip = () => ( @@ -65,118 +65,271 @@ const IcoGitHub = () => ( ); -const IcoHeart = () => ( - - +/* ── Circuit Schematic SVG (hero illustration) ───────── */ +const CircuitSchematic = () => ( + ); -/* ── Arduino board SVGs ───────────────────────────────── */ +/* ── Board SVGs ───────────────────────────────────────── */ const BoardUno = () => ( - {/* PCB */} - - {/* MCU */} - - {/* USB */} - - {/* Power jack */} - - {/* Header pins top */} + + + + {[0,1,2,3,4,5,6,7,8,9,11,12,13].map((i) => ( ))} - {/* Header pins bottom */} {[0,1,2,3,4,5].map((i) => ( ))} - {/* LED */} - - {/* Label */} + Arduino Uno ); const BoardNano = () => ( - {/* PCB */} - - {/* MCU */} - - {/* USB mini */} - - {/* Header left */} + + + {[0,1,2,3,4,5,6,7].map((i) => ( ))} - {/* Header right */} {[0,1,2,3,4,5,6,7].map((i) => ( ))} - {/* LED */} - + Arduino Nano ); const BoardPico = () => ( - {/* PCB */} - - {/* RP2040 chip */} - - - {/* USB micro */} - - {/* Header left */} + + + + {[0,1,2,3,4,5,6].map((i) => ( ))} - {/* Header right */} {[0,1,2,3,4,5,6].map((i) => ( ))} - {/* LED */} - + Raspberry Pi Pico ); const BoardMega = () => ( - {/* PCB */} - - {/* MCU - ATmega2560 */} - - {/* USB */} - - {/* Power jack */} - - {/* Top headers */} + + + + {Array.from({length: 18}).map((_, i) => ( ))} - {/* Bottom headers */} {Array.from({length: 18}).map((_, i) => ( ))} - {/* LEDs */} - - + + Arduino Mega 2560 ); -/* ── Features data ────────────────────────────────────── */ +/* ── Features ─────────────────────────────────────────── */ const features = [ - { icon: , title: 'Real AVR8 Emulation', desc: 'Full ATmega328p at 16 MHz — timers, USART, ADC, SPI, I2C, PWM all wired.' }, - { icon: , title: '48+ Components', desc: 'LEDs, LCDs, TFT displays, servos, buzzers, sensors and more from wokwi-elements.' }, - { icon: , title: 'Monaco Editor', desc: 'VS Code-grade C++ editor with syntax highlighting, autocomplete, and minimap.' }, - { icon: , title: 'arduino-cli Backend', desc: 'Compile sketches locally in seconds. No cloud. No latency. No limits.' }, - { icon: , title: 'Serial Monitor', desc: 'Live TX/RX with auto baud-rate detection, send data, and autoscroll.' }, - { icon: , title: 'Library Manager', desc: 'Browse and install the full Arduino library index directly from the UI.' }, + { icon: , title: 'Real AVR8 Emulation', desc: 'Full ATmega328p at 16 MHz — timers, USART, ADC, SPI, I2C and PWM all wired.' }, + { icon: , title: '48+ Components', desc: 'LEDs, LCDs, TFT displays, servos, buzzers, sensors and more from wokwi-elements.' }, + { icon: , title: 'Monaco Editor', desc: 'VS Code-grade C++ editor with syntax highlighting, autocomplete and minimap.' }, + { icon: , title: 'arduino-cli Backend', desc: 'Compile sketches locally in seconds. No cloud. No latency. No limits.' }, + { icon: , title: 'Serial Monitor', desc: 'Live TX/RX with auto baud-rate detection, send data and autoscroll.' }, + { icon: , title: 'Library Manager', desc: 'Browse and install the full Arduino library index directly from the UI.' }, ]; +/* ── Sponsor SVG icon ─────────────────────────────────── */ +const IcoSponsor = () => ( + + + + + +); + /* ── Component ────────────────────────────────────────── */ export const LandingPage: React.FC = () => { const user = useAuthStore((s) => s.user); @@ -207,16 +360,21 @@ export const LandingPage: React.FC = () => { {/* Hero */}
-
-
-
Open Source · Free · Local
+
+
+ OPEN SOURCE + + FREE + + LOCAL +

- Arduino Emulator
+ Arduino Simulator
in your browser

- Write, compile, and simulate Arduino projects — no hardware required.
- Real AVR8 emulation. 48+ electronic components. Runs entirely on your machine. + Write, compile, and simulate Arduino projects with no hardware required. + Real AVR8 emulation running entirely on your machine.

@@ -228,48 +386,55 @@ export const LandingPage: React.FC = () => { View on GitHub
+
+ ATmega328p + / + RP2040 + / + 16 MHz + / + 48+ components +
- {/* Floating chip grid decoration */} -
- {Array.from({ length: 12 }).map((_, i) => ( -
- -
- ))} +
+
{/* Boards */}
-

Supported Boards

-

Pick your hardware. The emulator adapts.

+
+ // boards +

Supported Hardware

+

Pick your target board. The emulator adapts its register map and timing.

+
Arduino Uno - ATmega328p · AVR8 + ATmega328p · AVR8 · 16 MHz
Arduino Nano - ATmega328p · AVR8 + ATmega328p · AVR8 · 16 MHz
Arduino Mega - ATmega2560 · AVR8 + ATmega2560 · AVR8 · 16 MHz
Raspberry Pi Pico - RP2040 · Dual-core ARM + RP2040 · Dual-core ARM · 133 MHz
@@ -277,8 +442,11 @@ export const LandingPage: React.FC = () => { {/* Features */}
-

Everything you need

-

A complete IDE and simulator, running locally.

+
+ // features +

Everything you need

+

A complete IDE and simulator, running locally with no external dependencies.

+
{features.map((f) => (
@@ -291,11 +459,11 @@ export const LandingPage: React.FC = () => {
{/* Support */} -
+
-
-

Support the project

-

+

+

Support the project

+

Velxio is free and open source. If it saves you time, consider supporting its development.

@@ -303,8 +471,8 @@ export const LandingPage: React.FC = () => { GitHub Sponsors - - + + Donate via PayPal