Automance — Landing page

Site premium dark-mode pour l'agence d'automatisation IA Automance. Stack : Next.js 14 · TypeScript · Tailwind CSS · Framer Motion · Lucide.

Prérequis

Node.js n'est pas installé sur ta machine. Installe-le d'abord :

# Option 1 — via Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install node

# Option 2 — via nvm (recommandé)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
# (rouvre ton terminal)
nvm install --lts

Vérifie :

node --version   # >= 18.17
npm --version

Installation & lancement

cd /Users/souma/automance
npm install
npm run dev

Le site est disponible sur http://localhost:3000.

Build production

npm run build
npm run start

Structure

src/
├── app/                  # App router (layout, page, globals.css)
├── components/
│   ├── navbar.tsx
│   ├── logo.tsx
│   ├── sections/         # Hero, Problems, Services, etc.
│   ├── mockups/          # Faux dashboards animés
│   └── ui/               # Primitives (Button, GlowCard, Reveal, Counter…)
├── data/content.ts       # Tout le texte / config en un fichier
└── lib/utils.ts

Design system

• Couleurs : background hsl(228 18% 4%), accents cyan #22d3ee → blue #3b82f6 → violet #8b5cf6
• Typo : Inter (corps) + Space Grotesk (display, headlines)
• Animations : Framer Motion partout — scroll reveal, magnetic buttons, glow cards, counters, marquee
• Glass : utilitaires .glass / .glass-strong / .ring-glow dans globals.css

Personnalisation

• Textes & contenu : src/data/content.ts
• Couleurs & animations : tailwind.config.ts
• Sections : src/components/sections/* (chaque section est isolée)
• Mockups : src/components/mockups/* (faux dashboards — entièrement éditables)

Conseils déploiement

Optimal pour Vercel : vercel deploy depuis le dossier. Aucun env var requis.