# Quantum Innovations Landing Page

A modern, responsive landing page for quantum technology innovations.

## Prerequisites

- Node.js (version 14 or higher) - Download from [nodejs.org](https://nodejs.org/)

## Getting Started

1. Install dependencies:
   ```
   npm install
   ```

2. Start the server:
   ```
   npm start
   ```

3. Open your browser and navigate to `http://localhost:3000`

## Features

- Modern, responsive design
- Smooth scrolling navigation
- Animated quantum visual elements
- Contact form with basic validation
- Mobile-friendly layout

## Technologies Used

- HTML5
- CSS3 (with modern features like Flexbox, Grid, and animations)
- JavaScript (ES6+)
- Node.js with Express for serving static files

## Customization

- Edit `public/main.html` for content changes
- Modify `public/style.css` for styling adjustments
- Update `public/script.js` for interactivity changes

## Troubleshooting

- **Node.js not installed**: Download and install Node.js from the official website
- Ensure port 3000 is available
- If dependencies fail to install, try clearing npm cache: `npm cache clean --force`

## Supabase integration

To enable Supabase, set these environment variables in your shell or a `.env` file:

- `SUPABASE_URL` — your Supabase project URL
- `SUPABASE_KEY` — your Supabase service role key (for server-side use)

Steps to finish integration:

1. Install dependencies: `npm install` (we added `@supabase/supabase-js`).
2. Create the SQL schema in the Supabase SQL editor using `SUPABASE_SCHEMA.sql`.
3. Create a Storage bucket named `avatars` to hold profile images.
4. Restart the server; the helper `supabaseClient.js` will initialize if the env vars are present.

Notes:
- This change adds scaffolding for Supabase. To fully migrate endpoints to Supabase you'll need to update `server.js` to call the helpers in `supabaseClient.js` or use the Supabase client directly. I can perform that migration next if you want.