Skip to content

Commit 72a376b

Browse files
teloryfrozyteloryfrozy
committed
🧹update advices with author text
1 parent 37ae39d commit 72a376b

File tree

130 files changed

+268
-9103
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

130 files changed

+268
-9103
lines changed

‎frontend/src/routes/+page.svelte‎

Lines changed: 140 additions & 129 deletions
Original file line numberDiff line numberDiff line change
@@ -1,138 +1,149 @@
11
<script>
2-
import {
3-
ShoppingBagIcon,
4-
Users2Icon,
5-
MailCheckIcon,
6-
ArrowUpCircleIcon,
7-
CopyIcon,
8-
Trash2Icon,
9-
UserPlus2Icon,
10-
SaveIcon,
11-
NetworkIcon,
12-
MailIcon,
13-
InboxIcon,
14-
MessageSquareIcon,
15-
LightbulbIcon,
16-
CameraIcon,
17-
FileTextIcon,
18-
HeartHandshakeIcon
19-
} from '@lucide/svelte';
2+
import {
3+
ShoppingBagIcon,
4+
MailCheckIcon,
5+
ArrowUpCircleIcon,
6+
CopyIcon,
7+
Trash2Icon,
8+
UsersRound,
9+
SaveIcon,
10+
NetworkIcon,
11+
MailIcon,
12+
InboxIcon,
13+
MessageSquareIcon,
14+
LightbulbIcon,
15+
CameraIcon,
16+
FileTextIcon,
17+
HeartHandshakeIcon,
18+
} from "@lucide/svelte";
2019
</script>
2120

2221
<div class="mx-auto max-w-7xl px-4 py-12">
23-
<h1 class="mb-12 text-center text-4xl font-bold text-gray-900">Vinted Automation Tools</h1>
22+
<h1 class="mb-12 text-center text-4xl font-bold text-gray-900">Vinted Automation Tools</h1>
2423

25-
<div class="grid gap-8">
26-
<!-- Gestion des Annonces -->
27-
<a href="/ads-management" class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl">
28-
<div class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4">
29-
<ShoppingBagIcon class="h-full w-full" />
30-
</div>
31-
<div class="relative">
32-
<div class="mb-6 flex items-center">
33-
<ShoppingBagIcon class="mr-3 h-8 w-8 text-purple-600" />
34-
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-purple-600">Gérer les annonces</h2>
35-
</div>
36-
<div class="grid gap-4 md:grid-cols-3">
37-
<div class="flex items-start space-x-3">
38-
<ArrowUpCircleIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
39-
<p class="text-sm text-gray-600">Remonter vos annonces en tête de liste</p>
40-
</div>
41-
<div class="flex items-start space-x-3">
42-
<CopyIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
43-
<p class="text-sm text-gray-600">Automatiser la vente de vos doublons</p>
44-
</div>
45-
<div class="flex items-start space-x-3">
46-
<Trash2Icon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
47-
<p class="text-sm text-gray-600">Supprimer vos articles vendus</p>
48-
</div>
49-
</div>
50-
</div>
51-
</a>
24+
<div class="grid gap-8">
25+
<a
26+
href="/ads-management"
27+
class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl"
28+
>
29+
<div
30+
class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4"
31+
>
32+
<ShoppingBagIcon class="h-full w-full" />
33+
</div>
34+
<div class="relative">
35+
<div class="mb-6 flex items-center">
36+
<ShoppingBagIcon class="mr-3 h-8 w-8 text-purple-600" />
37+
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-purple-600">Gérer les annonces</h2>
38+
</div>
39+
<div class="grid gap-4 md:grid-cols-3">
40+
<div class="flex items-start space-x-3">
41+
<ArrowUpCircleIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
42+
<p class="text-sm text-gray-600">Remonter vos annonces en tête de liste</p>
43+
</div>
44+
<div class="flex items-start space-x-3">
45+
<CopyIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
46+
<p class="text-sm text-gray-600">Automatiser la vente de vos doublons</p>
47+
</div>
48+
<div class="flex items-start space-x-3">
49+
<Trash2Icon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
50+
<p class="text-sm text-gray-600">Supprimer vos articles vendus</p>
51+
</div>
52+
</div>
53+
</div>
54+
</a>
5255

53-
<!-- Suivi en Masse -->
54-
<a href="/follow-mass" class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl">
55-
<div class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4">
56-
<Users2Icon class="h-full w-full" />
57-
</div>
58-
<div class="relative">
59-
<div class="mb-6 flex items-center">
60-
<Users2Icon class="mr-3 h-8 w-8 text-purple-600" />
61-
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-purple-600">Follow Mass</h2>
62-
</div>
63-
<div class="grid gap-4 md:grid-cols-3">
64-
<div class="flex items-start space-x-3">
65-
<UserPlus2Icon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
66-
<p class="text-sm text-gray-600">Suivez des dizaines d'utilisateurs en un clic</p>
67-
</div>
68-
<div class="flex items-start space-x-3">
69-
<SaveIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
70-
<p class="text-sm text-gray-600">Sauvegarde d'abonnements automatique</p>
71-
</div>
72-
<div class="flex items-start space-x-3">
73-
<NetworkIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
74-
<p class="text-sm text-gray-600">Augmentez vos relations</p>
75-
</div>
76-
</div>
77-
</div>
78-
</a>
56+
<a
57+
href="/follow-mass"
58+
class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl"
59+
>
60+
<div
61+
class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4"
62+
>
63+
<UsersRound class="h-full w-full" />
64+
</div>
65+
<div class="relative">
66+
<div class="mb-6 flex items-center">
67+
<UsersRound class="mr-3 h-8 w-8 text-purple-600" />
68+
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-purple-600">Follow Mass</h2>
69+
</div>
70+
<div class="grid gap-4 md:grid-cols-3">
71+
<div class="flex items-start space-x-3">
72+
<UsersRound class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
73+
<p class="text-sm text-gray-600">Suivez des dizaines d'utilisateurs en un clic</p>
74+
</div>
75+
<div class="flex items-start space-x-3">
76+
<SaveIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
77+
<p class="text-sm text-gray-600">Sauvegarde d'abonnements automatique</p>
78+
</div>
79+
<div class="flex items-start space-x-3">
80+
<NetworkIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
81+
<p class="text-sm text-gray-600">Augmentez vos relations</p>
82+
</div>
83+
</div>
84+
</div>
85+
</a>
7986

80-
<!-- Secrétariat -->
81-
<a href="/accounting" class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl">
82-
<div class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4">
83-
<MailCheckIcon class="h-full w-full" />
84-
</div>
85-
<div class="relative">
86-
<div class="mb-6 flex items-center">
87-
<MailCheckIcon class="mr-3 h-8 w-8 text-purple-600" />
88-
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-purple-600">Secrétariat</h2>
89-
</div>
90-
<div class="grid gap-4 md:grid-cols-3">
91-
<div class="flex items-start space-x-3">
92-
<MailIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
93-
<p class="text-sm text-gray-600">Paramétrer la gestion de vos mails</p>
94-
</div>
95-
<div class="flex items-start space-x-3">
96-
<InboxIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
97-
<p class="text-sm text-gray-600">Trier vos mails de manière passive</p>
98-
</div>
99-
<div class="flex items-start space-x-3">
100-
<MessageSquareIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
101-
<p class="text-sm text-gray-600">Supprimer vos anciennes conversations</p>
102-
</div>
103-
</div>
104-
</div>
105-
</a>
87+
<a
88+
href="/accounting"
89+
class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl"
90+
>
91+
<div
92+
class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4"
93+
>
94+
<MailCheckIcon class="h-full w-full" />
95+
</div>
96+
<div class="relative">
97+
<div class="mb-6 flex items-center">
98+
<MailCheckIcon class="mr-3 h-8 w-8 text-purple-600" />
99+
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-purple-600">Secrétariat</h2>
100+
</div>
101+
<div class="grid gap-4 md:grid-cols-3">
102+
<div class="flex items-start space-x-3">
103+
<MailIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
104+
<p class="text-sm text-gray-600">Paramétrer la gestion de vos mails</p>
105+
</div>
106+
<div class="flex items-start space-x-3">
107+
<InboxIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
108+
<p class="text-sm text-gray-600">Trier vos mails de manière passive</p>
109+
</div>
110+
<div class="flex items-start space-x-3">
111+
<MessageSquareIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-purple-500" />
112+
<p class="text-sm text-gray-600">Supprimer vos anciennes conversations</p>
113+
</div>
114+
</div>
115+
</div>
116+
</a>
106117

107-
<!-- Conseils et Astuces -->
108-
<a href="/help" class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl">
109-
<div class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4">
110-
<LightbulbIcon class="h-full w-full" />
111-
</div>
112-
<div class="relative">
113-
<div class="mb-6 flex items-center">
114-
<LightbulbIcon class="mr-3 h-8 w-8 text-yellow-500" />
115-
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-yellow-500">Conseils de Vente</h2>
116-
</div>
117-
<div class="grid gap-4 md:grid-cols-3">
118-
<div class="flex items-start space-x-3">
119-
<CameraIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-yellow-500" />
120-
<p class="text-sm text-gray-600">Astuces pour des photos qui convertissent</p>
121-
</div>
122-
<div class="flex items-start space-x-3">
123-
<FileTextIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-yellow-500" />
124-
<p class="text-sm text-gray-600">Rédiger des descriptions efficaces</p>
125-
</div>
126-
<div class="flex items-start space-x-3">
127-
<HeartHandshakeIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-yellow-500" />
128-
<p class="text-sm text-gray-600">Retours d'expérience et conseils personnalisés</p>
129-
</div>
130-
</div>
131-
</div>
132-
</a>
133-
</div>
118+
<a
119+
href="/help"
120+
class="group relative overflow-hidden rounded-xl bg-white p-8 shadow-md transition-all hover:-translate-y-1 hover:shadow-xl"
121+
>
122+
<div
123+
class="absolute right-0 top-0 h-32 w-32 translate-x-8 translate-y-[-50%] transform opacity-5 transition-transform group-hover:translate-x-4"
124+
>
125+
<LightbulbIcon class="h-full w-full" />
126+
</div>
127+
<div class="relative">
128+
<div class="mb-6 flex items-center">
129+
<LightbulbIcon class="mr-3 h-8 w-8 text-yellow-500" />
130+
<h2 class="text-2xl font-semibold text-gray-900 group-hover:text-yellow-500">Conseils de Vente</h2>
131+
</div>
132+
<div class="grid gap-4 md:grid-cols-3">
133+
<div class="flex items-start space-x-3">
134+
<CameraIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-yellow-500" />
135+
<p class="text-sm text-gray-600">Rédiger une annonce qui vend</p>
136+
</div>
137+
<div class="flex items-start space-x-3">
138+
<FileTextIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-yellow-500" />
139+
<p class="text-sm text-gray-600">Notre expérience de vendeur sur Vinted</p>
140+
</div>
141+
<div class="flex items-start space-x-3">
142+
<HeartHandshakeIcon class="mt-0.5 h-5 w-5 flex-shrink-0 text-yellow-500" />
143+
<p class="text-sm text-gray-600">Expérience acheteur personnalisée</p>
144+
</div>
145+
</div>
146+
</div>
147+
</a>
148+
</div>
134149
</div>
135-
136-
<style>
137-
/* Add any additional custom styles here */
138-
</style>

0 commit comments

Comments
 (0)