Skip to content

Commit 625e1e5

Browse files
ProCO-RPHopkinsProCO-RPHopkins
committed
Added customGPT project card.
1 parent f530c77 commit 625e1e5

File tree

2 files changed

+69
-0
lines changed

2 files changed

+69
-0
lines changed

‎frontend/index.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -286,6 +286,50 @@ <h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover
286286
</a>
287287
</article>
288288

289+
<!-- Achieve DXP CS + Ticket Copilot -->
290+
<article class="group bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/15 shadow-lg transition-all duration-500 hover:shadow-teal-500/20 dark:hover:shadow-teal-500/30 hover:-translate-y-2">
291+
<a href="https://chat.openai.com/g/g-6889773c273c8191a6a5d110129f13fd-achieve-dxp-cs-ticket-copilot-v-1-5" target="_blank" class="block">
292+
<img
293+
src="assets/ticket-copilot.png"
294+
alt="Achieve DXP CS + Ticket Copilot"
295+
class="w-full aspect-[16/9] object-contain rounded-xl mb-4 ring-1 ring-gray-200 dark:ring-white/10 bg-gray-50 dark:bg-slate-800"
296+
loading="lazy"
297+
/>
298+
<h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover:text-teal-300 transition">
299+
Achieve DXP CS + Ticket Copilot — AI Support Triage & Knowledge Automation
300+
</h3>
301+
<p class="text-gray-600 dark:text-white/80 text-sm mb-4">
302+
CustomGPT assistant built to streamline Customer Success at Nucleos. Automates ticket triage, drafts reproducible steps, and generates client-ready updates while turning messy support logs into structured runbooks. Integrated Manus AI super-agent to autonomously navigate the Achieve DXP admin platform and produce step-by-step guides, reducing onboarding time and boosting response consistency.
303+
</p>
304+
305+
<!-- Buttons -->
306+
<div class="flex flex-wrap gap-3">
307+
<a href="https://chat.openai.com/g/g-6889773c273c8191a6a5d110129f13fd-achieve-dxp-cs-ticket-copilot-v-1-5"
308+
target="_blank"
309+
class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-indigo-600 to-sky-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-indigo-500">
310+
<i class="ti ti-robot"></i>
311+
Try the GPT
312+
</a>
313+
<a href="#"
314+
class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-fuchsia-600 to-rose-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-fuchsia-500">
315+
<i class="ti ti-headphones"></i>
316+
Play Podcast
317+
</a>
318+
</div>
319+
320+
<!-- Tags -->
321+
<div class="flex flex-wrap gap-2 mb-4 mt-4">
322+
<span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Custom GPT</span>
323+
<span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Prompt Engineering</span>
324+
<span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Knowledge Base</span>
325+
<span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Customer Success</span>
326+
<span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Slack Handoffs</span>
327+
<span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Manus AI</span>
328+
</div>
329+
</a>
330+
</article>
331+
332+
289333
<article class="group bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/15 shadow-lg transition-all duration-500 hover:shadow-teal-500/20 dark:hover:shadow-teal-500/30 hover:-translate-y-2">
290334
<div class="bg-gray-200 dark:bg-slate-700 border-2 border-dashed rounded-xl w-full aspect-video mb-4 flex items-center justify-center text-gray-500">
291335
<i class="ti ti-app-window text-4xl"></i>

‎frontend/src/output.css‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,19 +32,22 @@
3232
--color-cyan-500: oklch(71.5% 0.143 215.221);
3333
--color-cyan-600: oklch(60.9% 0.126 221.723);
3434
--color-cyan-800: oklch(45% 0.085 224.283);
35+
--color-sky-600: oklch(58.8% 0.158 241.966);
3536
--color-blue-100: oklch(93.2% 0.032 255.585);
3637
--color-blue-200: oklch(88.2% 0.059 254.128);
3738
--color-blue-500: oklch(62.3% 0.214 259.815);
3839
--color-blue-800: oklch(42.4% 0.199 265.638);
3940
--color-indigo-100: oklch(93% 0.034 272.788);
4041
--color-indigo-200: oklch(87% 0.065 274.039);
4142
--color-indigo-500: oklch(58.5% 0.233 277.117);
43+
--color-indigo-600: oklch(51.1% 0.262 276.966);
4244
--color-indigo-800: oklch(39.8% 0.195 277.366);
4345
--color-purple-100: oklch(94.6% 0.033 307.174);
4446
--color-purple-200: oklch(90.2% 0.063 306.703);
4547
--color-purple-500: oklch(62.7% 0.265 303.9);
4648
--color-purple-600: oklch(55.8% 0.288 302.321);
4749
--color-purple-800: oklch(43.8% 0.218 303.724);
50+
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
4851
--color-fuchsia-600: oklch(59.1% 0.293 322.896);
4952
--color-pink-400: oklch(71.8% 0.202 349.761);
5053
--color-pink-500: oklch(65.6% 0.241 354.308);
@@ -636,10 +639,18 @@
636639
.bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1527443154391-507e9dc6c5cc\?auto\=format\&fit\=crop\&w\=1920\&q\=80\'\)\] {
637640
background-image: url('https://images.unsplash.com/photo-1527443154391-507e9dc6c5cc?auto=format&fit=crop&w=1920&q=80');
638641
}
642+
.from-fuchsia-600 {
643+
--tw-gradient-from: var(--color-fuchsia-600);
644+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
645+
}
639646
.from-gray-50 {
640647
--tw-gradient-from: var(--color-gray-50);
641648
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
642649
}
650+
.from-indigo-600 {
651+
--tw-gradient-from: var(--color-indigo-600);
652+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
653+
}
643654
.from-purple-600 {
644655
--tw-gradient-from: var(--color-purple-600);
645656
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -665,6 +676,14 @@
665676
--tw-gradient-to: var(--color-pink-600);
666677
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
667678
}
679+
.to-rose-600 {
680+
--tw-gradient-to: var(--color-rose-600);
681+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
682+
}
683+
.to-sky-600 {
684+
--tw-gradient-to: var(--color-sky-600);
685+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
686+
}
668687
.to-white {
669688
--tw-gradient-to: var(--color-white);
670689
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -899,12 +918,18 @@
899918
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
900919
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
901920
}
921+
.ring-fuchsia-500 {
922+
--tw-ring-color: var(--color-fuchsia-500);
923+
}
902924
.ring-gray-200 {
903925
--tw-ring-color: var(--color-gray-200);
904926
}
905927
.ring-gray-300 {
906928
--tw-ring-color: var(--color-gray-300);
907929
}
930+
.ring-indigo-500 {
931+
--tw-ring-color: var(--color-indigo-500);
932+
}
908933
.ring-purple-500 {
909934
--tw-ring-color: var(--color-purple-500);
910935
}

0 commit comments

Comments
 (0)