Silvia - Landing Page

Modern and professional landing page for Silvia, an integrated software and hardware platform that combines brain-computer interfaces (BCI) and extended reality (XR) to enable remote control of humanoid robots.

Features

• ✨ Modern and responsive design
• 🎨 Smooth gradients and animations
• 📱 Fully adaptable to mobile devices
• ⚡ Performance optimized
• 🎯 Well-structured sections:
  • Hero with impactful statistics
  • Emotional story (in honor of Silvia)
  • Problem and solution
  • Technology stack
  • Benefits and use cases
  • Contact form

File Structure

silvia-landing/
├── index.html      # Main HTML structure
├── styles.css      # Styles and responsive design
├── script.js       # Interactivity and animations
└── README.md       # This file

Usage

1. Open index.html in your web browser
2. Or deploy on any static web server

Local Deployment

# With Python 3
python -m http.server 8000

# With Node.js (http-server)
npx http-server

# With PHP
php -S localhost:8000

Then visit http://localhost:8000 in your browser.

Customization

Colors

Main colors are defined in styles.css as CSS variables:

:root {
    --bg-primary: #000000;
    --accent-blue: #0070f3;
    --accent-cyan: #00d4ff;
    /* ... more variables */
}

Content

Edit the index.html file directly to modify:

• Texts and descriptions
• Statistics
• Contact information
• Social links

Contact Form

The form currently shows an alert when submitted. To connect it to a backend:

1. Modify the submit function in script.js
2. Add your API endpoint
3. Implement the data sending logic

Technologies Used

• HTML5
• CSS3 (with CSS variables and Grid/Flexbox)
• Vanilla JavaScript (no dependencies)
• Google Fonts (Inter)

Supported Browsers

• Chrome (latest 2 versions)
• Firefox (latest 2 versions)
• Safari (latest 2 versions)
• Edge (latest 2 versions)

Suggested Next Steps

1. Add demo images and videos
2. Implement backend for contact form
3. Add analytics (Google Analytics, etc.)
4. Optimize images and assets
5. Add more animations and micro-interactions
6. Implement improved SEO
7. Add testimonials and case studies

License

This project is property of Silvia.