Elba - AI-Powered Digital Secretary for Medical Practices

A modern, responsive marketing website built with Next.js 15, Tailwind CSS, and Framer Motion.

Features

• Modern Design: Clean, professional design focused on medical practices
• Responsive: Optimized for all devices and screen sizes
• Performance: Built with Next.js 15 App Router for optimal performance
• SEO Optimized: Meta tags, structured data, and sitemap generation
• Animations: Smooth animations with Framer Motion
• GDPR Compliant: Built with European data protection in mind

Brand Colors

• Elba Light: #f2f2f2 - Background color
• Elba Dark: #2c1e4a - Text and primary content
• Elba Pink: #d73cbe - CTAs and highlights (use sparingly)
• Elba Green: #028991 - Secondary actions and accents

Typography

• Headings: Lastica (bold, distinctive)
• Body Text: Red Hat Display (clean, readable)

Getting Started

Quick Start (Windows)

Double-click start-dev.bat to start the development server, or use the command line:

1. Install dependencies:

npm install

2. Run the development server:

npm run dev

3. Open http://localhost:3000 in your browser.

Production Build

Double-click build-and-start.bat for a production build, or use:

npm run build
npm run start

Project Structure

src/
├── app/                 # Next.js App Router
│   ├── layout.js       # Root layout
│   ├── page.js         # Home page
│   ├── globals.css     # Global styles
│   └── sitemap.js      # Sitemap generation
├── components/
│   ├── layout/         # Header, Footer
│   ├── sections/       # Page sections (Hero, Features, etc.)
│   └── ui/            # Reusable UI components
└── lib/
    └── utils.js       # Utility functions

Key Sections

• Hero: Clear value proposition with strong CTA
• Social Proof: Statistics and testimonials
• Pain Points: Addresses medical practice challenges
• Features: Core Elba capabilities
• Demo: Interactive demo showcase
• CTA: Contact form and final conversion

Deployment

The site is optimized for deployment on Vercel, Netlify, or any other Next.js hosting platform.

npm run build
npm run start

See DEPLOYMENT.md for detailed deployment instructions.

Troubleshooting

If you encounter issues, refer to TROUBLESHOOTING.md for common solutions.

Quick Health Check

Run health-check.bat to verify your project setup and dependencies.

Batch Scripts (Windows)

• start-dev.bat - Start development server
• build-and-start.bat - Build and start production server
• health-check.bat - Check project health and dependencies

Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request npm run build npm start

## Brand Guidelines

This website follows the Novothes brand guidelines:
- Pink (#d73cbe) is reserved for important CTAs and rare highlights
- Background should be light grey (#f2f2f2)
- Dark purple (#2c1e4a) for text content
- Clean, focused messaging without AI-generated fluff
- Professional, trustworthy tone for medical audience