-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
157 lines (155 loc) · 5.9 KB
/
index.html
File metadata and controls
157 lines (155 loc) · 5.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Epiclic : logiciel de drive solidaire, click & collect</title>
<link href="./output.css" rel="stylesheet" />
<link rel="shortcut icon" href="img/favicon.png" />
</head>
<body class="bg-white text-slate-600">
<header
class="w-full flex justify-end items-center py-6 px-8 absolute top-0 left-0 z-10"
>
<a
href="https://epiclic.fr/user/login"
class="border-1 border-red-700 text-red-700 px-2 py-1 rounded-sm hover:bg-red-700 hover:text-white transition"
>
<!-- <img src="img/user.svg" class="w-3 text-red-700" style="color: red" /> -->
Connexion</a
>
</header>
<main>
<section class="bg-gradient-to-b from-orange-100 to-white py-16">
<div class="container mx-auto px-4 text-center">
<img src="img/logo.png" alt="Epiclic" class="mx-auto mb-6 h-24" />
<p class="text-xl md:text-2xl mb-8 text-slate-700 max-w-2xl mx-auto">
Développez votre épicerie solidaire<br />grâce à la commande en
ligne et au click & collect
</p>
<div class="space-y-6">
<div class="text-center">
<p class="text-lg text-slate-700 mb-1">
Voulez vous étudier votre projet avec nous ?
</p>
<a
href="https://calendly.com/alilo/rdv-tel-pre-inscription-formule-engagee-clone-2"
class="inline-block bg-white text-slate-700 px-6 py-3 rounded-lg text-lg font-semibold shadow hover:bg-orange-200 transition"
target="_blank"
>📞 Prendre un RDV téléphonique</a
>
</div>
<div class="text-center mt-10">
<p class="text-lg text-slate-700 mb-1">Prêt(e) à vous lancer ?</p>
<a
href="https://airtable.com/appFizpzUpDbKtAHD/pagfzMrzNH3rIP8sw/form"
class="inline-block bg-red-700 text-white px-6 py-3 rounded-lg text-lg font-semibold shadow hover:bg-red-800 transition"
target="_blank"
>➡️ Ouvrir un Espace pour mon Epicerie Solidaire</a
>
</div>
</div>
<div class="mt-12 grid grid-cols-1 md:grid-cols-3 gap-8 text-left">
<div class="bg-white rounded-lg shadow p-6">
<img
src="img/order.svg"
alt="Commande en ligne"
class="w-24 mb-4 mx-auto"
/>
<h2 class="text-xl font-bold mb-2 text-red-400">
Prise de commande en ligne
</h2>
<p>
Permettez à vos bénéficiaires de commander leurs produits en
ligne depuis leur téléphone ou ordinateur.
</p>
</div>
<div class="bg-white rounded-lg shadow p-6">
<img
src="img/reach.svg"
alt="Augmentez votre portée"
class="w-24 mb-4 mx-auto"
/>
<h2 class="text-xl font-bold mb-2 text-red-400">
Augmentez votre portée
</h2>
<p>
Créez de multiples points de retrait en click & collect pour
toucher plus de bénéficiaires.
</p>
</div>
<div class="bg-white rounded-lg shadow p-6">
<img
src="img/sync.svg"
alt="Synchronisation Escarcelle"
class="w-24 mb-4 mx-auto"
/>
<h2 class="text-xl font-bold mb-2 text-red-400">
Synchronisation avec le logiciel Escarcelle
</h2>
<p>
Retrouvez en quelques clics vos produits, stocks et fichier
client en les important depuis
<a href="https://escarcelle.net/" target="_blank"
><strong>Escarcelle</strong></a
>.
</p>
</div>
</div>
<div class="mt-8 max-w-3xl mx-auto">
Consultez
<a
href="Plaquette publique Epiclic.pdf"
target="_blank"
class="underline"
>notre plaquette </a
>pour en savoir plus.
</div>
<div class="mt-8 max-w-3xl mx-auto"></div>
</div>
</section>
</main>
<!-- Footer -->
<div class="bg-orange-100 text-yellow-900 mt-12">
<div class="container mx-auto px-4 py-8">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 class="text-lg">
<a href="https://alilo.fr" target="_blank" class="underline"
>ALILO SCOP</a
>
</h3>
<p>4 impasse Durban</p>
<p>33000 Bordeaux</p>
<p>Nouvelle-Aquitaine, France</p>
</div>
<div>
<p class="mb-2">
Société coopérative à responsabilité limitée<br />et à capital
variable
</p>
<p>SIRET : 82902831500010</p>
</div>
<div>
<p class="mb-4">Email : support <span>@</span> epiclic.fr</p>
<p>
Epiclic a été créé en partenariat avec le
<a
href="https://andes-france.com/"
target="_blank"
class="underline"
>réseau ANDES</a
>, réseau national des épiceries solidaires.
<!-- <a
href="https://calendly.com/alilo/rdv-infos-conseils-avec-sebastien-zulke-clone-2"
class="bg-slate-500 text-white px-4 py-2 rounded hover:bg-slate-600"
>
Prendre rendez-vous
</a> -->
</p>
</div>
</div>
</div>
</div>
</body>
</html>