Merge pull request #194 from afsar-dev/dev

refactor(showcase): update showcase page layout, remove unused images…

Author: afsar-dev

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,8 @@
+blank_issues_enabled: true
+contact_links:
+  - name: Nur UI Docs
+    url: https://nurui.vercel.app/docs
+    about: Read the documentation and component guides
+  - name: Discord / Community
+    url: https://github.com/afsar-dev/Nurui
+    about: Visit the repository for updates and discussions

.github/ISSUE_TEMPLATE/showcase_submission.md

@@ -0,0 +1,62 @@
+---
+name: Showcase submission
+about: Submit your website to be featured on the Nur UI showcase page
+title: "[Showcase] "
+labels: showcase
+assignees: ''
+---
+
+Thanks for building with Nur UI! Fill out the form below to request a spot on our [Showcase](https://nurui.vercel.app/showcase) page.
+
+## Project details
+
+**Project name**
+<!-- e.g. Emmanuel Obiora Portfolio -->
+
+**Live website URL**
+<!-- e.g. https://emmanuel-obiora.vercel.app/ -->
+
+**Subtitle** *(short label shown on the showcase card)*
+<!-- e.g. Portfolio Site, SaaS Landing Page, Agency Website -->
+
+**Short description** *(1–2 sentences for the showcase listing)**
+<!-- e.g. A modern full-stack developer portfolio with animated hero sections and project highlights. -->
+
+**Long description** *(optional — used on the project detail page)**
+<!-- A few sentences about the project, tech stack, and how Nur UI was used. -->
+
+## Screenshot
+
+**Screenshot**
+<!-- Drag and drop a PNG or JPG of your site here (recommended: 1920×1080 or similar, showing the hero/home page). -->
+
+- [ ] I have attached a screenshot of my live site above.
+
+> Maintainers will add the image to `public/showcase/` when your submission is approved. You may also open a PR with your screenshot named `your-project-slug.png`.
+
+## Optional styling
+
+**Accent color** *(hex code for the card background — optional)*
+<!-- e.g. #e85d04 -->
+
+**Tags** *(comma-separated)*
+<!-- e.g. Portfolio, Next.js, React, TypeScript -->
+
+## Nur UI usage
+
+**Which Nur UI components or features did you use?**
+<!-- e.g. gradient-button, glowing-card, CLI install, playground -->
+
+**Repository link** *(optional)*
+<!-- Link to your project repo if it's public -->
+
+## Checklist
+
+- [ ] My site is **live and publicly accessible**
+- [ ] My site **uses Nur UI components** (installed via CLI or copied manually)
+- [ ] The screenshot reflects the **current** version of the site
+- [ ] I agree to have my project name, URL, and screenshot featured on nurui.vercel.app
+
+## Additional notes
+
+<!-- Anything else you'd like us to know -->

public/showcase/aura-analytics.png

@@ -18,52 +18,39 @@ export default async function ShowcasePage() {
   const items = await getShowcaseItems();
 
   return (
-    <div className="container px-4 py-8 lg:py-16 mx-auto">
-      {/* Page Header */}
+    <div className="container mx-auto max-w-6xl px-4 py-12 md:py-20">
       <SectionIntro
-        sectionName="Showcase"
-        sectionNameColor="text-[var(--primary-color)]"
         title={{
-          normalWords: "Beautiful sites built with",
-          highLiteWords: "Nur UI",
-          highlightColor: "text-[var(--primary-color)]",
+          fullHighLightColor: "text-[var(--text-primary-color)]",
+          highLiteWords: "Showcase",
         }}
-        description="See how developers and designers are leveraging Nur UI to create stunning, high-performance web experiences."
+        description="Developers choose Nur UI to build their landing pages."
         sectionGap="pb-10 lg:pb-16"
       />
 
-      {/* Showcase Grid */}
-      <div className="max-w-6xl mx-auto">
-        {items.length > 0 ? (
-          <ShowcaseGrid items={items} />
-        ) : (
-          <div className="text-center py-12 border border-dashed border-[var(--border-color)] rounded-2xl bg-[var(--glass-color)]">
-            <p className="text-[var(--opacity-text-color)]">
-              No showcase projects found. Check back later!
-            </p>
-          </div>
-        )}
-      </div>
+      {items.length > 0 ? (
+        <ShowcaseGrid items={items} />
+      ) : (
+        <div className="rounded-2xl border border-dashed border-[var(--border-color)] bg-[var(--glass-color)] py-16 text-center">
+          <p className="text-[var(--opacity-text-color)]">
+            No showcase projects found. Check back later!
+          </p>
+        </div>
+      )}
 
-      {/* Showcase CTA */}
-      <div className="max-w-3xl mx-auto mt-16 lg:mt-24 text-center p-8 rounded-2xl border border-[var(--border-color)] bg-[var(--glass-color)]">
-        <h3 className="text-xl lg:text-2xl font-bold text-[var(--text-primary-color)]">
-          Built something beautiful with Nur UI?
-        </h3>
-        <p className="mt-3 text-sm lg:text-base text-[var(--opacity-text-color)] max-w-xl mx-auto leading-relaxed">
-          We feature outstanding community projects in our showcase gallery. Submit your project on GitHub to get featured!
-        </p>
-        <div className="mt-6">
+      <footer className="mt-16 text-center md:mt-20">
+        <p className="text-sm text-[var(--opacity-text-color)]">
+          Built something with Nur UI?{" "}
           <a
-            href="https://github.com/afsar-dev/Nurui/issues/new"
+            href="https://github.com/afsar-dev/Nurui/issues/new?template=showcase_submission.md"
             target="_blank"
             rel="noopener noreferrer"
-            className="inline-flex items-center justify-center rounded-xl bg-[var(--primary-color)] hover:bg-[var(--primary-color-1)] px-5 py-2.5 font-bold text-[var(--white-color)] transition-colors duration-200 text-sm"
+            className="font-medium text-[var(--primary-color)] underline-offset-4 transition-colors hover:text-[var(--primary-color-1)] hover:underline"
           >
-            Submit Your Site
+            Submit your site
           </a>
-        </div>
-      </div>
+        </p>
+      </footer>
     </div>
   );
 }