Joakim Mörling
851cd8afa0
- Rewrite homepage: practical headline, use-case cards, calm trust note - Switch from purple to blue brand tokens across all pages - Replace all CTA buttons with brand-primary, reserve green for success - Remove emoji from template picker and compose page - Replace unicode chevrons with SVG expand buttons in admin - Redesign template picker modal with accessibility semantics - Add aria-invalid, aria-describedby to form validation - Add role=status/alert to loading, error, and result messages - Remove inline styles, replace with scoped utility classes - Update compose submit text, payment button, order empty state copy - Remove icon field from letter templates
39 lines
722 B
Vue
39 lines
722 B
Vue
<script setup lang="ts"></script>
|
|
|
|
<template>
|
|
<div class="page">
|
|
<div class="page__card">
|
|
<h1>Kontakta oss</h1>
|
|
<p>
|
|
Har du frågor eller feedback? Hör av dig till oss på
|
|
<a href="mailto:hej@bilhalsning.se">hej@bilhalsning.se</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.page {
|
|
max-width: 36rem;
|
|
margin: var(--space-3xl) auto 0;
|
|
padding: 0 var(--space-lg);
|
|
}
|
|
|
|
.page__card {
|
|
background: var(--color-surface);
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-xl);
|
|
padding: var(--space-xl);
|
|
box-shadow: var(--shadow-card);
|
|
}
|
|
|
|
h1 {
|
|
margin: 0 0 var(--space-md) 0;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
line-height: 1.7;
|
|
}
|
|
</style>
|