Kopier prompten under inn i Lovable.dev for å starte prosjektet.
Prompt
Bygg en enkel CRM-applikasjon for en liten norsk B2B-avdeling (BBL Pivotal) som selger AI- og datatjenester til boligbyggelag. Applikasjonen skal bruke Supabase som backend.
## Brukere
4-6 personer i teamet. Enkel innlogging via Supabase Auth (e-post/passord).
## Språk
Hele UI-et skal være på norsk.
## Sider og funksjonalitet
### 1. Dashboard (forside)
- Oversikt over pipeline: antall deals per stadium
- Siste aktiviteter (5 nyeste)
- Kommende oppfølginger (neste 7 dager)
- Enkle KPI-er: Antall kunder, antall aktive deals, total pipeline-verdi
### 2. Kunder
En liste over kunder (selskaper) med:
- Navn
- Type (Boligbyggelag / Partner / Prospekt)
- Status (Aktiv / Prospekt / Inaktiv)
- Kontaktpersoner (relasjon til Kontakter-tabellen)
- Produkter de har kjøpt (relasjon til Produkter-tabellen, mange-til-mange)
- Notater (fritekst)
- Opprettet dato
Visning: Tabellvisning med søk og filtrering. Klikk på kunde åpner detaljside med kontaktpersoner, produkter, aktiviteter og pipeline-deals.
### 3. Kontaktpersoner
- Navn
- E-post
- Telefon
- Rolle/tittel
- Tilhører kunde (relasjon)
- Eier (hvem på vårt team er ansvarlig for relasjonen)
- Notater
### 4. Pipeline
Kanban-board med kolonner:
- Lead (identifisert mulighet)
- Dialog (i samtale med kunde)
- Tilbud (tilbud sendt)
- Forhandling (pris/vilkår diskuteres)
- Vunnet ✅
- Tapt ❌
Hver deal (kort i pipeline) har:
- Tittel (f.eks. "Nobl — Lime-integrasjon")
- Kunde (relasjon)
- Produkt/tjeneste (relasjon)
- Estimert verdi (NOK)
- Eier (hvem på teamet)
- Forventet avslutning (dato)
- Notater
- Stadium (kolonne)
Drag & drop mellom stadier. Klikk åpner detaljvisning.
### 5. Produktkatalog
Liste over produkter og tjenester BBL Pivotal tilbyr:
- Navn
- Kategori (Produkt / Tjeneste / Rammeverk)
- Område (Dataforvaltning / AI / Automatisering / Digital produktflate / Sikkerhet)
- Kort beskrivelse
- Prismodell (Lisens / Time / Abonnement / Ikke definert)
Skal kunne kobles til kunder (mange-til-mange) for å se hvem som har hva.
### 6. Aktiviteter
Logg over all kundekontakt:
- Type (Møte / E-post / Telefon / Demo / Annet)
- Dato
- Kunde (relasjon)
- Kontaktperson (relasjon, valgfri)
- Beskrivelse (fritekst)
- Registrert av (bruker)
Vises på kundens detaljside i kronologisk rekkefølge.
### 7. Oppfølginger
Enkelt påminnelsessystem:
- Tittel
- Kunde (relasjon)
- Ansvarlig (bruker)
- Frist (dato)
- Status (Åpen / Fullført)
Vises på dashboard og kan filtreres per bruker.
## Datamodell (Supabase-tabeller)
companies:
- id, name, type, status, notes, created_at
contacts:
- id, company_id (FK), name, email, phone, role, owner, notes
products:
- id, name, category, area, description, pricing_model
company_products (mange-til-mange):
- company_id (FK), product_id (FK), start_date, notes
deals:
- id, title, company_id (FK), product_id (FK), stage, value_nok, owner, expected_close, notes, created_at
activities:
- id, type, date, company_id (FK), contact_id (FK nullable), description, created_by
follow_ups:
- id, title, company_id (FK), assigned_to, due_date, status, created_at
## Design
- Moderne, minimalistisk design
- Varm, lys bakgrunn (#FFF7EC) med BBL Pivotal-branding
- Primærfarge/header: BBL-rød (#851F16)
- Aksentfarge: #C84F3B (Red.500)
- Sekundær aksentfarge: #E0A335 (gyllen, Yellow.600)
- Font: Inter Variable
- Responsivt — må fungere på mobil (pipeline som liste-visning på mobil)
- Sidebar-navigasjon med ikoner
- Norsk UI hele veien
## Tekniske krav
- Supabase Auth for innlogging
- Row Level Security (RLS) på alle tabeller — alle innloggede brukere kan se alt
- Supabase Realtime for live-oppdatering av pipeline
- Toast-notifikasjoner ved lagring/endring