<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CadeauWinkel – Conciergerie cadeaux d’exception</title>
<meta name="description" content="CadeauWinkel, votre conciergerie cadeaux haut de gamme : sélection d’idées cadeaux raffinées, sur-mesure, pour toutes les occasions importantes.">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
:root {
--bg-main: #050608;
--bg-section: #0c0d10;
--bg-card: #101217;
--bg-soft: #151821;
--gold: #d9b877;
--gold-soft: rgba(217, 184, 119, 0.18);
--gold-strong: #f4d79a;
--text-main: #f5f5f5;
--text-muted: #b2b5c0;
--border-soft: rgba(255, 255, 255, 0.08);
--radius-lg: 22px;
--radius-xl: 28px;
--shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.65);
--transition-fast: 0.2s ease-out;
--transition-med: 0.4s ease-out;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
scroll-behavior: smooth;
}
body {
font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: radial-gradient(circle at top, #161822 0, #050608 55%, #020204 100%);
color: var(--text-main);
overflow-x: hidden;
}
/* Subtle grain */
body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='noStitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E");
mix-blend-mode: soft-light;
z-index: -1;
}
/* Gold glow accents */
.glow {
position: fixed;
border-radius: 999px;
filter: blur(40px);
opacity: 0.4;
pointer-events: none;
z-index: -1;
}
.glow.glow-1 {
width: 320px;
height: 320px;
background: radial-gradient(circle, rgba(217, 184, 119, 0.65), transparent 65%);
top: -120px;
left: -80px;
}
.glow.glow-2 {
width: 260px;
height: 260px;
background: radial-gradient(circle, rgba(151, 188, 255, 0.5), transparent 60%);
bottom: -80px;
right: -40px;
}
/* Layout */
header {
position: sticky;
top: 0;
z-index: 20;
backdrop-filter: blur(18px);
background: linear-gradient(to bottom, rgba(5,6,8,0.98), rgba(5,6,8,0.75), transparent);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.nav {
max-width: 1120px;
margin: 0 auto;
padding: 14px 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}
.logo {
display: flex;
align-items: center;
gap: 10px;
}
.logo-mark {
width: 34px;
height: 34px;
border-radius: 999px;
background: radial-gradient(circle at 30% 20%, #f4d79a, #b38643 55%, #3b2b17 90%);
box-shadow: 0 0 18px rgba(244, 215, 154, 0.7);
position: relative;
overflow: hidden;
}
.logo-mark::after {
content: "";
position: absolute;
inset: 7px;
border-radius: inherit;
border: 1px solid rgba(255, 255, 255, 0.5);
transform: rotate(25deg);
opacity: 0.7;
}
.logo-text-main {
font-family: "Playfair Display", "Times New Roman", serif;
font-size: 1.25rem;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.logo-text-sub {
font-size: 0.75rem;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.18em;
}
.nav-links {
display: flex;
align-items: center;
gap: 18px;
font-size: 0.9rem;
}
.nav-links a {
text-decoration: none;
color: var(--text-muted);
padding: 6px 10px;
border-radius: 999px;
transition: color 0.15s ease-out, background 0.15s ease-out, transform 0.15s ease-out;
}
.nav-links a:hover {
color: var(--gold-strong);
background: rgba(217, 184, 119, 0.08);
transform: translateY(-1px);
}
.nav-cta {
border-radius: 999px;
padding: 7px 16px;
border: 1px solid rgba(217, 184, 119, 0.7);
color: var(--gold);
text-decoration: none;
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 0.16em;
background: linear-gradient(120deg, rgba(217, 184, 119, 0.16), rgba(5,6,8,0.9));
box-shadow: 0 0 16px rgba(217,184,119,0.45);
}
main {
max-width: 1120px;
margin: 0 auto 80px;
padding: 22px 20px 64px;
}
/* Hero */
.hero {
margin-top: 24px;
padding: 36px 26px 30px;
border-radius: var(--radius-xl);
background: radial-gradient(circle at top left, rgba(217,184,119,0.16), transparent 45%),
linear-gradient(135deg, #0b0c10, #08090c);
border: 1px solid rgba(255,255,255,0.06);
box-shadow: var(--shadow-soft);
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 30px;
position: relative;
overflow: hidden;
}
.hero-line {
position: absolute;
height: 1px;
width: 70%;
left: 15%;
top: 24px;
background: linear-gradient(90deg, transparent, rgba(217,184,119,0.6), transparent);
opacity: 0.7;
}
.hero-tagline {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.24em;
color: var(--text-muted);
margin-bottom: 10px;
}
.hero-tagline span {
color: var(--gold);
}
.hero h1 {
font-family: "Playfair Display", "Times New Roman", serif;
font-size: clamp(2.1rem, 3.2vw, 2.6rem);
line-height: 1.12;
margin-bottom: 10px;
}
.hero h1 span.highlight {
color: var(--gold-strong);
}
.hero-subtitle {
font-size: 0.98rem;
color: var(--text-muted);
max-width: 520px;
margin-bottom: 18px;
}
.hero-list {
list-style: none;
margin-bottom: 20px;
font-size: 0.88rem;
color: var(--text-muted);
}
.hero-list li {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.hero-list li span.icon {
font-size: 0.82rem;
color: var(--gold);
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.btn-primary {
border: none;
outline: none;
border-radius: 999px;
padding: 11px 20px;
background: linear-gradient(120deg, #f4d79a, #d9b877, #b99654);
color: #201c10;
font-weight: 600;
font-size: 0.9rem;
letter-spacing: 0.18em;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 14px 30px rgba(0,0,0,0.7);
transition: transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);
}
.btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 18px 40px rgba(0,0,0,0.8);
filter: brightness(1.03);
}
.btn-secondary {
border-radius: 999px;
padding: 9px 16px;
border: 1px solid rgba(255,255,255,0.26);
background: rgba(11, 12, 16, 0.95);
color: var(--text-muted);
font-size: 0.86rem;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);
}
.btn-secondary span.icon {
font-size: 0.9rem;
}
.btn-secondary:hover {
border-color: rgba(217,184,119,0.7);
color: var(--gold-strong);
background: rgba(16, 17, 24, 0.98);
}
.hero-note {
font-size: 0.78rem;
color: var(--text-muted);
margin-top: 8px;
}
.hero-panel {
border-radius: var(--radius-lg);
background: radial-gradient(circle at top, rgba(217,184,119,0.16), rgba(11,12,16,0.98));
border: 1px solid rgba(255,255,255,0.12);
padding: 18px 18px 14px;
position: relative;
overflow: hidden;
}
.hero-panel::before {
content: "";
position: absolute;
inset: -40%;
background: radial-gradient(circle at 20% 0, rgba(244,215,154,0.2), transparent 60%),
radial-gradient(circle at 90% 90%, rgba(151,188,255,0.18), transparent 60%);
mix-blend-mode: screen;
opacity: 0.7;
}
.hero-panel-inner {
position: relative;
z-index: 1;
}
.panel-title {
font-size: 0.9rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--gold-strong);
margin-bottom: 10px;
}
.panel-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;
margin-bottom: 10px;
}
.form-row {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 0.8rem;
}
label {
color: var(--text-muted);
font-size: 0.78rem;
}
input, select, textarea {
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.24);
background: rgba(4,4,8,0.96);
color: var(--text-main);
font-size: 0.84rem;
padding: 7px 12px;
outline: none;
appearance: none;
}
textarea {
min-height: 64px;
resize: vertical;
border-radius: 14px;
padding-top: 8px;
}
input:focus, select:focus, textarea:focus {
border-color: var(--gold-strong);
box-shadow: 0 0 0 1px rgba(244,215,154,0.4);
}
.panel-hint {
font-size: 0.76rem;
color: var(--text-muted);
margin-bottom: 8px;
}
.panel-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.panel-indicator {
font-size: 0.76rem;
color: var(--text-muted);
}
.panel-indicator span {
color: var(--gold-strong);
font-weight: 600;
}
/* Sections */
section {
margin-top: 56px;
}
.section-head {
text-align: center;
margin-bottom: 24px;
}
.section-kicker {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.2em;
color: var(--text-muted);
margin-bottom: 8px;
}
.section-title {
font-family: "Playfair Display", "Times New Roman", serif;
font-size: 1.7rem;
margin-bottom: 10px;
}
.section-subtitle {
font-size: 0.96rem;
color: var(--text-muted);
max-width: 560px;
margin: 0 auto;
}
/* How it works */
.steps-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.step-card {
background: var(--bg-card);
border-radius: var(--radius-lg);
border: 1px solid var(--border-soft);
padding: 15px 16px 14px;
box-shadow: 0 12px 28px rgba(0,0,0,0.7);
position: relative;
overflow: hidden;
transition: transform var(--transition-med), box-shadow var(--transition-med), border-color var(--transition-med);
}
.step-card::after {
content: "";
position: absolute;
width: 90px;
height: 90px;
right: -30px;
top: -40px;
border-radius: 999px;
background: radial-gradient(circle, var(--gold-soft), transparent 65%);
opacity: 0;
transition: opacity var(--transition-med), transform var(--transition-med);
}
.step-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(0,0,0,0.85);
border-color: rgba(217,184,119,0.5);
}
.step-card:hover::after {
opacity: 1;
transform: translateY(6px);
}
.step-index {
width: 26px;
height: 26px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.35);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.78rem;
margin-bottom: 8px;
color: var(--gold-strong);
}
.step-title {
font-size: 1rem;
margin-bottom: 6px;
font-weight: 500;
}
.step-text {
font-size: 0.84rem;
color: var(--text-muted);
}
/* Gift selection */
.pill-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 18px;
}
.pill {
font-size: 0.8rem;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.14);
color: var(--text-muted);
background: rgba(7, 8, 11, 0.94);
}
.pill.is-active {
border-color: rgba(217,184,119,0.85);
color: var(--gold-strong);
background: radial-gradient(circle at top, rgba(217,184,119,0.2), rgba(8,9,12,1));
box-shadow: 0 0 16px rgba(217,184,119,0.4);
}
.gift-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.gift-card {
background: var(--bg-card);
border-radius: var(--radius-lg);
border: 1px solid var(--border-soft);
padding: 14px 16px 12px;
box-shadow: 0 12px 26px rgba(0,0,0,0.75);
position: relative;
overflow: hidden;
transition: transform var(--transition-med), box-shadow var(--transition-med), border-color var(--transition-med);
}
.gift-card:hover {
transform: translateY(-4px);
border-color: rgba(217,184,119,0.55);
box-shadow: 0 20px 40px rgba(0,0,0,0.9);
}
.gift-tag {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--gold);
margin-bottom: 4px;
}
.gift-title {
font-size: 0.98rem;
margin-bottom: 6px;
font-weight: 500;
}
.gift-text {
font-size: 0.82rem;
color: var(--text-muted);
margin-bottom: 6px;
}
.gift-meta {
font-size: 0.78rem;
color: var(--gold-strong);
}
/* Kadopoly partner box */
.partner-section {
margin-top: 56px;
}
.partner-box {
margin-top: 22px;
border-radius: var(--radius-xl);
background: linear-gradient(135deg, #0a0b0f, #050608);
border: 1px solid rgba(255,255,255,0.09);
padding: 22px 22px 18px;
box-shadow: 0 22px 50px rgba(0,0,0,0.9);
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
gap: 22px;
position: relative;
overflow: hidden;
}
.partner-box::before {
content: "";
position: absolute;
width: 260px;
height: 260px;
border-radius: 999px;
background: radial-gradient(circle, rgba(217,184,119,0.35), transparent 65%);
top: -110px;
left: 5%;
filter: blur(4px);
}
.partner-kicker {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.22em;
color: var(--text-muted);
margin-bottom: 6px;
}
.partner-title {
font-family: "Playfair Display", "Times New Roman", serif;
font-size: 1.3rem;
margin-bottom: 10px;
}
.partner-text {
font-size: 0.9rem;
color: var(--text-muted);
margin-bottom: 12px;
}
.partner-list {
list-style: none;
font-size: 0.84rem;
color: var(--text-muted);
margin-bottom: 14px;
}
.partner-list li {
display: flex;
gap: 8px;
margin-bottom: 6px;
}
.partner-list span.icon {
color: var(--gold-strong);
margin-top: 1px;
}
.partner-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid rgba(217,184,119,0.8);
background: radial-gradient(circle at top, rgba(217,184,119,0.22), rgba(8,8,12,1));
text-decoration: none;
color: var(--gold-strong);
font-size: 0.88rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.16em;
box-shadow: 0 0 20px rgba(217,184,119,0.6);
transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
position: relative;
z-index: 1;
}
.partner-link span.arrow {
font-size: 1.1rem;
}
.partner-link:hover {
transform: translateY(-1px);
box-shadow: 0 0 30px rgba(244,215,154,0.85);
background: radial-gradient(circle at top, rgba(244,215,154,0.3), rgba(10,10,14,1));
}
.partner-side {
position: relative;
border-radius: var(--radius-lg);
border: 1px dashed rgba(255,255,255,0.18);
padding: 14px 14px 10px;
background: radial-gradient(circle at top, rgba(217,184,119,0.14), rgba(7,8,11,1));
font-size: 0.82rem;
color: var(--text-muted);
}
.partner-side h4 {
font-size: 0.9rem;
margin-bottom: 6px;
color: var(--gold-strong);
}
/* Testimonials */
.testimonials {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 16px;
}
.testimonial-card {
background: var(--bg-card);
border-radius: var(--radius-lg);
border: 1px solid var(--border-soft);
padding: 14px 14px 12px;
box-shadow: 0 12px 24px rgba(0,0,0,0.8);
font-size: 0.82rem;
color: var(--text-muted);
position: relative;
overflow: hidden;
}
.testimonial-card::before {
content: "“";
position: absolute;
font-family: "Playfair Display", "Times New Roman", serif;
font-size: 3.4rem;
left: 10px;
top: -18px;
opacity: 0.06;
}
.testimonial-name {
margin-top: 6px;
font-size: 0.8rem;
color: var(--gold);
}
/* FAQ */
.faq-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 18px;
}
.faq-item {
background: var(--bg-soft);
border-radius: var(--radius-lg);
border: 1px solid var(--border-soft);
padding: 14px 16px 12px;
font-size: 0.84rem;
color: var(--text-muted);
}
.faq-q {
font-weight: 500;
color: var(--text-main);
margin-bottom: 4px;
}
footer {
border-top: 1px solid rgba(255,255,255,0.06);
padding: 18px 20px 26px;
text-align: center;
font-size: 0.8rem;
color: var(--text-muted);
background: #050608;
}
footer a {
color: var(--gold-strong);
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
/* Responsive */
@media (max-width: 960px) {
.hero {
grid-template-columns: minmax(0, 1fr);
}
.hero-panel {
order: -1;
}
.steps-grid,
.gift-grid,
.testimonials,
.faq-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.partner-box {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 720px) {
header {
position: static;
}
.nav {
flex-direction: column;
align-items: flex-start;
}
.nav-links {
flex-wrap: wrap;
gap: 10px;
}
main {
padding-inline: 16px;
}
.hero {
padding: 24px 18px 18px;
}
section {
margin-top: 46px;
}
.steps-grid,
.gift-grid,
.testimonials,
.faq-grid {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 480px) {
.hero-actions {
flex-direction: column;
align-items: stretch;
}
.btn-secondary {
justify-content: center;
}
}
</style>
</head>
<body>
<div class="glow glow-1"></div>
<div class="glow glow-2"></div>
<header>
<div class="nav">
<div class="logo">
<div class="logo-mark"></div>
<div>
<div class="logo-text-main">CadeauWinkel</div>
<div class="logo-text-sub">Conciergerie cadeaux d’exception</div>
</div>
</div>
<nav class="nav-links">
<a href="#concept">Notre philosophie</a>
<a href="#selection">Sélection cadeaux</a>
<a href="#kadopoly">Partenaire idées</a>
<a href="#faq">FAQ</a>
<a href="#hero" class="nav-cta">Commencer</a>
</nav>
</div>
</header>
<main>
<!-- HERO -->
<section id="hero" class="hero">
<div class="hero-line"></div>
<div>
<p class="hero-tagline">
Cadeaux haut de gamme <span>•</span> Expérience sur-mesure
</p>
<h1>
Offrez plus qu’un cadeau.<br>
Offrez une <span class="highlight">attention d’exception</span>.
</h1>
<p class="hero-subtitle">
CadeauWinkel est une conciergerie cadeaux élégante : nous vous aidons à
imaginer, sélectionner et concrétiser des cadeaux raffinés pour les
moments qui comptent vraiment.
</p>
<ul class="hero-list">
<li><span class="icon">•</span> Idées cadeaux triées sur le volet, loin du bruit des grandes marketplaces.</li>
<li><span class="icon">•</span> Recommandations adaptées au profil, à l’occasion et à votre budget.</li>
<li><span class="icon">•</span> Un ton sobre, chic et efficace, pour particuliers & entreprises.</li>
</ul>
<div class="hero-actions">
<button class="btn-primary">Obtenir une sélection personnalisée</button>
<button class="btn-secondary">
<span class="icon">⟶</span>
Voir comment ça fonctionne
</button>
</div>
<p class="hero-note">
Anniversaires, cadeaux d’entreprise, clients clés, célébrations familiales : nous vous guidons vers le bon choix, sans y passer des heures.
</p>
</div>
<aside class="hero-panel">
<div class="hero-panel-inner">
<div class="panel-title">Brief express de votre cadeau</div>
<div class="panel-grid">
<div class="form-row">
<label>Pour qui est le cadeau ?</label>
<input type="text" placeholder="Ex : Directrice marketing, cliente premium, ami proche">
</div>
<div class="form-row">
<label>Type d’occasion</label>
<select>
<option>Anniversaire</option>
<option>Cadeau d’entreprise</option>
<option>Remerciement</option>
<option>Fête de fin d’année</option>
<option>Célébration personnelle</option>
</select>
</div>
<div class="form-row">
<label>Budget indicatif</label>
<select>
<option>Jusqu’à 50 €</option>
<option>50 – 150 €</option>
<option>150 – 300 €</option>
<option>300 € et +</option>
</select>
</div>
<div class="form-row">
<label>Style recherché</label>
<textarea placeholder="Minimaliste, très luxe, discret, gourmand, culturel, bien-être…"></textarea>
</div>
</div>
<p class="panel-hint">
Plus votre brief est précis, plus la sélection proposée sera élégante, cohérente et impactante.
</p>
<div class="panel-footer">
<div class="panel-indicator">
Niveau de raffinement prévu : <span>Élevé</span>
</div>
<button class="btn-primary">Voir 3 pistes de cadeaux</button>
</div>
</div>
</aside>
</section>
<!-- CONCEPT -->
<section id="concept">
<div class="section-head">
<p class="section-kicker">Notre approche</p>
<h2 class="section-title">Une vision élégante du cadeau</h2>
<p class="section-subtitle">
Un cadeau réussi n’est pas forcément ostentatoire. Chez CadeauWinkel,
nous privilégions le sens, la qualité, le geste juste — et une présentation irréprochable.
</p>
</div>
<div class="steps-grid">
<article class="step-card">
<div class="step-index">01</div>
<h3 class="step-title">Comprendre la personne et le contexte</h3>
<p class="step-text">
Relation, habitudes, goûts, sensibilité : nous partons d’un brief simple
mais précis pour cerner ce qui fera réellement plaisir, sans fausses notes.
</p>
</article>
<article class="step-card">
<div class="step-index">02</div>
<h3 class="step-title">Sélectionner des idées pertinentes</h3>
<p class="step-text">
Nous combinons expertise et veille permanente pour retenir seulement
quelques propositions alignées avec votre image et votre intention.
</p>
</article>
<article class="step-card">
<div class="step-index">03</div>
<h3 class="step-title">Vous guider jusqu’au geste final</h3>
<p class="step-text">
Nous vous indiquons où trouver chaque cadeau, comment le présenter,
et comment accompagner le tout d’un message sobre et élégant.
</p>
</article>
</div>
</section>
<!-- SELECTION CADEAUX -->
<section id="selection">
<div class="section-head">
<p class="section-kicker">Exemples de pistes</p>
<h2 class="section-title">Une sélection de cadeaux raffinés</h2>
<p class="section-subtitle">
Quelques univers d’inspiration pour illustrer ce que nous pouvons vous
suggérer. Chaque recommandation est ensuite adaptée à votre situation.
</p>
</div>
<div class="pill-row">
<span class="pill is-active">Cadeaux d’entreprise</span>
<span class="pill">Cadeaux clients</span>
<span class="pill">Moments personnels</span>
<span class="pill">Cadeaux “signature”</span>
<span class="pill">Petits luxes accessibles</span>
</div>
<div class="gift-grid">
<article class="gift-card">
<div class="gift-tag">Entreprise • Direction</div>
<h3 class="gift-title">Écrin d’écriture & carnet personnalisé</h3>
<p class="gift-text">
Stylo de qualité dans un coffret discret, accompagné d’un carnet
relié et d’un message manuscrit, sobre et sur-mesure.
</p>
<p class="gift-meta">Idéal pour dirigeants & partenaires clés • 80–200 €</p>
</article>
<article class="gift-card">
<div class="gift-tag">Client premium</div>
<h3 class="gift-title">Coffret dégustation haute gamme</h3>
<p class="gift-text">
Sélection fine de produits d’épicerie, vins ou thés, choisis selon
les goûts déclarés du client, présentés dans un coffret élégant.
</p>
<p class="gift-meta">Marque d’attention forte • 100–250 €</p>
</article>
<article class="gift-card">
<div class="gift-tag">Célébration personnelle</div>
<h3 class="gift-title">Objet décoratif design & intemporel</h3>
<p class="gift-text">
Pièce design (luminaire, vase, objet de bureau) signée ou inspirée,
qui s’intègre naturellement dans un intérieur contemporain.
</p>
<p class="gift-meta">Durable & mémorable • 70–300 €</p>
</article>
<article class="gift-card">
<div class="gift-tag">Cadeau signature</div>
<h3 class="gift-title">Expérience sur-mesure</h3>
<p class="gift-text">
Atelier privé, dégustation, séjour court bien choisi… une expérience
discrète mais marquante, parfaitement alignée avec la personne.
</p>
<p class="gift-meta">Forte valeur perçue • 200 € et +</p>
</article>
<article class="gift-card">
<div class="gift-tag">Petits luxes</div>
<h3 class="gift-title">Accessoire quotidien haut de gamme</h3>
<p class="gift-text">
Porte-cartes, étui, foulard, petite maroquinerie raffinée,
pour ajouter une touche de luxe dans le quotidien de la personne.
</p>
<p class="gift-meta">Impact chic sans excès • 40–150 €</p>
</article>
<article class="gift-card">
<div class="gift-tag">Remerciement</div>
<h3 class="gift-title">Lettre élégante & cadeau discret</h3>
<p class="gift-text">
Un message soigné imprimé sur un beau papier,
accompagné d’un cadeau discret mais choisi avec précision.
</p>
<p class="gift-meta">Parfait pour remercier avec tact • 30–120 €</p>
</article>
</div>
</section>
<!-- KADOPOLY PARTNER -->
<section id="kadopoly" class="partner-section">
<div class="section-head">
<p class="section-kicker">Partenaire idées cadeaux</p>
<h2 class="section-title">Kadopoly, une source d’inspiration structurée</h2>
<p class="section-subtitle">
Pour transformer une intention en cadeau concret, nous nous appuyons
sur des ressources fiables. Parmi elles, un site se distingue par sa clarté :
<strong>Kadopoly</strong>.
</p>
</div>
<div class="partner-box">
<div>
<p class="partner-kicker">Recommandation de CadeauWinkel</p>
<h3 class="partner-title">Kadopoly : le site parfait pour trouver des idées cadeaux</h3>
<p class="partner-text">
<strong>Kadopoly</strong> est un site pensé pour celles et ceux qui
souhaitent trouver rapidement une idée de cadeau pertinente, sans
perdre de temps dans un flux infini de produits. Les idées y sont
structurées, claires, faciles à parcourir.
</p>
<ul class="partner-list">
<li><span class="icon">✓</span><span>Idées classées par occasion, profil, budget et univers.</span></li>
<li><span class="icon">✓</span><span>Un point de départ idéal après une recommandation CadeauWinkel.</span></li>
<li><span class="icon">✓</span><span>Une approche pratique pour passer du concept au cadeau réel.</span></li>
</ul>
<!-- LIEN DOFOLLOW KADOPOLY -->
<a href="https://www.kadopoly.fr" class="partner-link" target="_blank">
Visiter Kadopoly et explorer les idées
<span class="arrow">➜</span>
</a>
</div>
<aside class="partner-side">
<h4>Comment nous combinons Kadopoly & CadeauWinkel</h4>
<p>
Nous vous aidons à définir l’intention, le style et le niveau de
raffinement du cadeau. Ensuite, Kadopoly devient l’un des terrains
de jeu privilégiés pour concrétiser cette vision via des idées déjà
structurées.
</p>
<p>
L’alliance d’une <strong>réflexion sur-mesure</strong> (CadeauWinkel)
et d’une <strong>plateforme d’inspiration riche</strong> (Kadopoly)
vous permet de rester cohérent, élégant et efficace à chaque geste d’attention.
</p>
</aside>
</div>
</section>
<!-- TESTIMONIALS -->
<section>
<div class="section-head">
<p class="section-kicker">Retours clients</p>
<h2 class="section-title">Ils ont choisi CadeauWinkel</h2>
<p class="section-subtitle">
Quelques avis de personnes et d’entreprises qui ont confié leurs cadeaux
importants à notre conciergerie.
</p>
</div>
<div class="testimonials">
<article class="testimonial-card">
<p>
“Nous avions besoin de cadeaux cohérents avec notre positionnement
haut de gamme pour un événement client. Les pistes proposées
ont parfaitement reflété notre image.”
</p>
<div class="testimonial-name">— A. Martin, direction commerciale</div>
</article>
<article class="testimonial-card">
<p>
“Plutôt que d’offrir pour offrir, CadeauWinkel m’a aidé à cadrer
l’intention derrière chaque cadeau. Résultat : des réactions sincères,
loin du ‘cadeau standard’.”
</p>
<div class="testimonial-name">— Élodie, indépendante</div>
</article>
<article class="testimonial-card">
<p>
“Le service m’a fait gagner un temps considérable. Les suggestions
étaient déjà très ciblées, il ne restait qu’à choisir et finaliser l’achat.”
</p>
<div class="testimonial-name">— Cabinet de conseil, Paris</div>
</article>
</div>
</section>
<!-- FAQ -->
<section id="faq">
<div class="section-head">
<p class="section-kicker">Questions fréquentes</p>
<h2 class="section-title">Vous vous interrogez encore ?</h2>
<p class="section-subtitle">
Voici quelques réponses pour mieux comprendre la façon dont vous pouvez
utiliser CadeauWinkel au quotidien.
</p>
</div>
<div class="faq-grid">
<article class="faq-item">
<div class="faq-q">Vendez-vous directement des produits ?</div>
<div class="faq-a">
Non. CadeauWinkel n’est pas une boutique, mais une conciergerie
d’idées cadeaux. Nous orientons vers des pistes concrètes et des sites
adaptés (comme Kadopoly ou d’autres), où vous effectuez ensuite
l’achat final.
</div>
</article>
<article class="faq-item">
<div class="faq-q">Le service convient-il aux entreprises ?</div>
<div class="faq-a">
Oui. CadeauWinkel est particulièrement adapté aux cadeaux d’affaires,
clients premium, équipes dirigeantes ou moments importants dans la vie
de votre entreprise.
</div>
</article>
<article class="faq-item">
<div class="faq-q">Pouvez-vous travailler avec des petits budgets ?</div>
<div class="faq-a">
Nous pouvons vous aider à trouver des cadeaux sobres, qualitatifs et
pertinents même avec un budget limité. L’élégance tient souvent au choix
et à la cohérence, plus qu’au montant.
</div>
</article>
<article class="faq-item">
<div class="faq-q">Combien de temps faut-il pour obtenir des idées ?</div>
<div class="faq-a">
Le principe du brief express est de vous fournir rapidement quelques
pistes structurées. Libre à vous de creuser ensuite chaque idée via les
sites recommandés et de finaliser à votre rythme.
</div>
</article>
</div>
</section>
</main>
<footer>
<p>
© <span id="year">2025</span> cadeauwinkel.net – Conciergerie cadeaux d’exception.
</p>
<p>
Pour prolonger votre recherche d’inspiration, pensez également à
<a href="https://www.kadopoly.fr" target="_blank">Kadopoly</a>, ressource de référence pour les idées cadeaux.
</p>
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>
