Code Issues Pull Requests Actions Security InsightsSettings

Refactor marketing pages to use GlossyPageShell component system #4694

Open⚡ AI-generatedXLccantynz wants to mergeclaude/setup-glossy-icon-pages-AR2NL→main↑4 ↓9opened Feb 28, 20262/5 tasksLive: 0 editing

ccantynzcommented Feb 28, 2026

Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/Dominat8.com/pull/8

What changed?

Refactor
Feature

Summary

Replaced scattered marketing page layouts with a unified GlossyPageShell component system. This consolidates navigation, headers, footers, and card patterns across all marketing pages (pricing, templates, gallery, FAQ, about, contact, use-cases, privacy, terms).

Key changes

New components:

GlossyPageShell.tsx: Reusable page wrapper with consistent background, spacing, and layout
GlossyNav(): Unified navigation bar with icon support
GlossyFooter(): Consistent footer with links
GlossyPageHeader(): Standardized page header with icon, eyebrow, title, subtitle, and CTA
GlossyCard(): Reusable card component with icon support
GlossyIcon.tsx: New icon system with 28 SVG icons and inline variants

Refactored pages:

src/app/page.tsx: Rewrote homepage with feature list and step-by-step workflow
src/app/(marketing)/pricing/page.tsx: Converted from JSX to TSX, uses new components
src/app/(marketing)/templates/page.tsx: Converted from JSX to TSX, uses new components
src/app/(marketing)/gallery/page.jsx: Migrated to new shell system
src/app/(marketing)/faq/page.tsx: Converted from JSX to TSX, uses new components
src/app/(marketing)/use-cases/page.tsx: Converted from JSX to TSX, uses new components
src/app/(marketing)/about/page.tsx: Migrated to new shell system
src/app/(marketing)/contact/page.jsx: Migrated to new shell system
src/app/(marketing)/privacy/page.tsx: Migrated to new shell system
src/app/(marketing)/terms/page.tsx: Migrated to new shell system

Admin pages updated:

src/app/admin/page.tsx: Uses new icon system
src/app/admin/projects/page.tsx: Uses new icon system
src/app/admin/domains/page.tsx: Uses new icon system
src/app/admin/agents/page.tsx: Uses new icon system
src/app/admin/billing/page.tsx: Uses new icon system
src/app/admin/settings/page.tsx: Uses new icon system
src/components/admin/AdminShellClient.tsx: Integrated icon system

Removed:

Old marketing page implementations (JSX versions)
Auto-repair demo code from homepage
Legacy component imports

Benefits

Consistency: All marketing pages now share the same visual language and structure
Maintainability: Changes to navigation, footer, or page headers apply globally
Reusability: Icon system and card components reduce duplication
Type safety: Converted JSX pages to TSX with proper typing
Scalability: Easy to add new pages using the shell system

Quality gates

CI build is green
No unexpected UI/design changes on Dominat8.com
If protected paths changed: override label OR ALLOW_PROTECTED_PATHS file added with reason

Notes / risks

Homepage layout significantly changed but maintains same visual style (dark gradient background, glossy components)
All marketing pages now use consistent component system — verify visual consistency across pages
Icon system is new — verify all icons render correctly across different sizes
Navigation structure updated with new links (Gallery, Use Cases added to nav)
No breaking changes to API or data structures

https://claude.ai/code/session_012EKdMctC9yU5KM6aydUUHb

ccantynzcommented Feb 28, 2026

Originally written by @vercel[bot] on GitHub.

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
dominat8-engine	Ready	Preview, Comment	Mar 1, 2026 1:55am
dominat8com	Ready	Preview, Comment	Mar 1, 2026 1:55am

gluecron[bot]🤖 botcommented 25d ago

This PR has gone quiet

No activity for 7+ days. Is this still in progress?

Author: keep working / mark draft / close.
Reviewers: review or unassign yourself.
Maintainers: close if no longer relevant.

gluecron[bot]🤖 botcommented 18d ago

This PR has gone quiet

No activity for 7+ days. Is this still in progress?

Author: keep working / mark draft / close.
Reviewers: review or unassign yourself.
Maintainers: close if no longer relevant.

gluecron[bot]🤖 botcommented 11d ago

This PR has gone quiet

No activity for 7+ days. Is this still in progress?

Author: keep working / mark draft / close.
Reviewers: review or unassign yourself.
Maintainers: close if no longer relevant.

gluecron[bot]🤖 botcommented 4d ago

This PR has gone quiet

No activity for 7+ days. Is this still in progress?

Author: keep working / mark draft / close.
Reviewers: review or unassign yourself.
Maintainers: close if no longer relevant.

Files changed

Side-by-side diff for claude/setup-glossy-icon-pages-AR2NL → main.

View diff →

Cross-repo impact

See what breaks downstream if this PR merges.

Analyze →

Risk score:ℹ MEDIUM (4/10)ad47075

Touches 5 file(s) with 40 added and 153 removed across 0 owner(s). Includes a new dependency. No tests were added for the new code.

See full signal breakdown

files changed: 5
lines added/removed: 40 / 153
distinct owners touched: 0
schema migration touched: no
locked / sensitive path touched: no
adds new dependency: yes
bumps major dependency: no
tests added for new code: no
diff-minus-test ratio: 1.00

How is this calculated? The score is a transparent sum of weighted signals — see src/lib/pr-risk.ts computePrRiskScore.

Gate checks

1 of 6 failing

GateTestDisabled in settingsSkipped

Secret scanNo secrets detectedPassed

Security scanStatic rules ran (8 checks, no AI required) — no static findings. AI review unavailable: The platform's AI balance is exhausted, so AI generation is temporarily unavailable. Nothing was lost. You can queue this as a repair for the internal agent from the repository's Health page, or try again once the balance is restored.Skipped

Merge checkMerge conflicts detected — AI auto-resolution will be attempted on mergeFailing

CINo CI workflows are configured for this repositorySkipped

AI ReviewAIAI review approvedPassed

Resolve conflicts manually

GlueCron AI will attempt auto-resolution when you press Merge. If it cannot, or you would rather not wait on it, the manual path below always works.

20 conflicting files between claude/setup-glossy-icon-pages-AR2NL and main:

middleware.ts
package-lock.json
src/app/(marketing)/about/page.tsx
src/app/(marketing)/contact/page.jsx
src/app/(marketing)/faq/page.tsx
src/app/(marketing)/gallery/[slug]/page.tsx
src/app/(marketing)/gallery/page.jsx
src/app/(marketing)/pricing/page.tsx
src/app/(marketing)/privacy/page.tsx
src/app/(marketing)/templates/page.tsx
src/app/(marketing)/terms/page.tsx
src/app/(marketing)/use-cases/page.tsx
src/app/admin/agents/page.tsx
src/app/admin/billing/page.tsx
src/app/admin/domains/page.tsx
src/app/admin/page.tsx
src/app/admin/projects/page.tsx
src/app/admin/settings/page.tsx
src/app/page.tsx
src/components/admin/AdminShellClient.tsx

git fetch origin
git checkout claude/setup-glossy-icon-pages-AR2NL
git merge origin/main      # fix the files listed above, then:
git add -A && git commit
git push origin claude/setup-glossy-icon-pages-AR2NL

After you push, the merge check re-runs automatically on the next page load and the Merge button unblocks once it passes.

c comment · e edit title · m merge · a approve · r request changes · ? shortcuts