Skip to content

Commit 1a69bb0

Browse files
paulanunes85paulanunes85
committed
🎨 Align landing page with Design-to-Code-Dev standard - Update Related Workshops section with improved card structure - Add category tags to workshop cards (AI Design Automation, Security & AI, etc.) - Improve navigation nomenclature (Workshop Modules, Business Impact, AI Maturity) - Enhanced card descriptions and animations - Update button text consistency across navigation - Follow exact patterns from Design-to-Code reference site
1 parent 46e2ac3 commit 1a69bb0

File tree

1 file changed

+37
-27
lines changed

1 file changed

+37
-27
lines changed

‎website/src/components/LandingPageComplete.tsx

Lines changed: 37 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -215,24 +215,28 @@ const LandingPage = () => {
215215

216216
const relatedRepos = [
217217
{
218-
title: "Design-to-Code",
219-
description: "Transform Figma designs into production-ready code with AI assistance",
220-
link: "https://paulasilvatech.github.io/Design-to-Code-Dev"
218+
title: "Design-to-Code Development",
219+
description: "Transform Figma designs into production-ready code with AI assistance and automated workflows",
220+
link: "https://paulasilvatech.github.io/Design-to-Code-Dev",
221+
tag: "AI Design Automation"
221222
},
222223
{
223-
title: "Secure Code AI",
224-
description: "Build secure applications with AI-powered security analysis and best practices",
225-
link: "https://paulasilvatech.github.io/Secure-Code-AI-Dev"
224+
title: "Secure Code AI Development",
225+
description: "Build secure applications with AI-powered security analysis and vulnerability detection",
226+
link: "https://paulasilvatech.github.io/Secure-Code-AI-Dev",
227+
tag: "Security & AI"
226228
},
227229
{
228-
title: "Agentic Operations",
229-
description: "Implement comprehensive observability solutions for cloud applications",
230-
link: "https://paulasilvatech.github.io/Agentic-Ops-Dev"
230+
title: "Agentic Operations Development",
231+
description: "Implement autonomous operations and comprehensive observability with AI agents",
232+
link: "https://paulasilvatech.github.io/Agentic-Ops-Dev",
233+
tag: "AI Operations"
231234
},
232235
{
233-
title: "Figma-to-Code",
234-
description: "Convert Figma designs directly to functional code using AI-powered automation",
235-
link: "https://paulasilvatech.github.io/Figma-to-Code-Dev"
236+
title: "Figma-to-Code Development",
237+
description: "Convert Figma designs directly to functional code using advanced AI automation",
238+
link: "https://paulasilvatech.github.io/Figma-to-Code-Dev",
239+
tag: "Design Automation"
236240
}
237241
];
238242

@@ -311,14 +315,14 @@ const LandingPage = () => {
311315
</div>
312316

313317
<div className="hidden md:flex items-center space-x-8">
314-
<a href="#modules" className="hover:text-purple-400 transition-colors">Modules</a>
315-
<a href="#impact" className="hover:text-purple-400 transition-colors">Impact</a>
316-
<a href="#stages" className="hover:text-purple-400 transition-colors">Maturity Stages</a>
318+
<a href="#modules" className="hover:text-purple-400 transition-colors">Workshop Modules</a>
319+
<a href="#impact" className="hover:text-purple-400 transition-colors">Business Impact</a>
320+
<a href="#stages" className="hover:text-purple-400 transition-colors">AI Maturity</a>
317321
<a href="#access-request" className="hover:text-purple-400 transition-colors">Request Access</a>
318322
<a href="#start" className="hover:text-purple-400 transition-colors">Get Started</a>
319323
<button onClick={scrollToAccessForm} className="flex items-center space-x-1 bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded-lg transition-colors">
320324
<Star className="w-4 h-4" />
321-
<span>Learn More</span>
325+
<span>Request Access</span>
322326
</button>
323327
</div>
324328

@@ -332,9 +336,9 @@ const LandingPage = () => {
332336
{isMenuOpen && (
333337
<div className="md:hidden bg-gray-900/95 backdrop-blur-md">
334338
<div className="px-4 pt-2 pb-3 space-y-1">
335-
<a href="#modules" className="block px-3 py-2 hover:bg-gray-800 rounded-md">Modules</a>
336-
<a href="#impact" className="block px-3 py-2 hover:bg-gray-800 rounded-md">Impact</a>
337-
<a href="#stages" className="block px-3 py-2 hover:bg-gray-800 rounded-md">Maturity Stages</a>
339+
<a href="#modules" className="block px-3 py-2 hover:bg-gray-800 rounded-md">Workshop Modules</a>
340+
<a href="#impact" className="block px-3 py-2 hover:bg-gray-800 rounded-md">Business Impact</a>
341+
<a href="#stages" className="block px-3 py-2 hover:bg-gray-800 rounded-md">AI Maturity</a>
338342
<a href="#access-request" className="block px-3 py-2 hover:bg-gray-800 rounded-md">Request Access</a>
339343
<a href="#start" className="block px-3 py-2 hover:bg-gray-800 rounded-md">Get Started</a>
340344
</div>
@@ -361,7 +365,7 @@ const LandingPage = () => {
361365
{/* Badge - Second element */}
362366
<div className="flex justify-center mb-6">
363367
<span className="bg-purple-600/20 text-purple-300 px-4 py-2 rounded-full text-sm font-medium backdrop-blur-sm">
364-
🚀 Enterprise AI-Assisted Development Workshop
368+
🤖 Enterprise AI-Powered Development Workshop
365369
</span>
366370
</div>
367371

@@ -921,27 +925,33 @@ const LandingPage = () => {
921925
<section className="py-20 px-4">
922926
<div className="max-w-7xl mx-auto">
923927
<div className="text-center mb-16">
924-
<h2 className="text-4xl md:text-5xl font-bold mb-4">Related Resources</h2>
928+
<h2 className="text-4xl md:text-5xl font-bold mb-4">Related Workshops</h2>
925929
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
926-
Explore our comprehensive ecosystem of AI-powered development workshops
930+
Explore our comprehensive ecosystem of AI-powered development workshops and training programs
927931
</p>
928932
</div>
929933

930934
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
931935
{relatedRepos.map((repo, index) => (
932936
<a key={index} href={repo.link} target="_blank" rel="noopener noreferrer" className="group bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 hover:bg-gray-800/70 transition-all hover:transform hover:scale-105">
933937
<div className="flex items-start justify-between mb-4">
934-
<Book className="w-8 h-8 text-purple-400" />
938+
<div className="flex flex-col">
939+
<Book className="w-8 h-8 text-purple-400 mb-2" />
940+
<span className="text-xs px-2 py-1 bg-purple-600/20 text-purple-300 rounded-full font-medium">
941+
{repo.tag}
942+
</span>
943+
</div>
935944
<ExternalLink className="w-5 h-5 text-gray-400 group-hover:text-purple-400 transition-colors" />
936945
</div>
937-
<h3 className="text-xl font-semibold mb-2 group-hover:text-purple-400 transition-colors">
946+
<h3 className="text-lg font-semibold mb-3 group-hover:text-purple-400 transition-colors leading-tight">
938947
{repo.title}
939948
</h3>
940-
<p className="text-gray-300 mb-4">
949+
<p className="text-gray-300 mb-4 text-sm leading-relaxed">
941950
{repo.description}
942951
</p>
943-
<div className="text-purple-400 text-sm font-medium">
944-
Visit Workshop →
952+
<div className="flex items-center text-purple-400 text-sm font-medium">
953+
<span>Visit Workshop</span>
954+
<ChevronRight className="w-4 h-4 ml-1 group-hover:translate-x-1 transition-transform" />
945955
</div>
946956
</a>
947957
))}

0 commit comments

Comments
 (0)