Skip to content

feat(utility): add public page layout component#487

Merged
husamettinarabaci merged 1 commit into
developfrom
feat/add-public-page-layout-component
Feb 1, 2026
Merged

feat(utility): add public page layout component#487
husamettinarabaci merged 1 commit into
developfrom
feat/add-public-page-layout-component

Conversation

@haticebabaoglu

Copy link
Copy Markdown
Contributor

Pull Request

📄 Summary

This PR implements the PublicPageLayout component for public-facing pages (landing pages, marketing pages, documentation pages). The component provides a complete layout structure with configurable navbar, main content area with container support, and footer.

Additionally, this PR fixes a critical bug in the Grid component where base columns and responsive columns were being applied simultaneously, causing CSS conflicts and unpredictable layout behavior.

Key Features:

  • Full-width or contained navbar with fixed/sticky positioning support
  • Automatic padding adjustment for fixed/sticky navbars
  • Loading state with centered spinner
  • Flexible footer configuration
  • Container support with customizable max-width and padding
  • Comprehensive Storybook stories demonstrating various use cases

🧩 Affected Module(s)

Mark the modules impacted by this PR:

  • Source Code
  • Documentation
  • CI / Infra

✅ Checklist

Before submitting, make sure you've completed the following:

  • My branch name follows format: / (e.g., feat/login-screen)
  • My PR title starts with one of the approved types listed above
  • My code is formatted (pnpm format)
  • I ran static analysis (pnpm check) and resolved warnings
  • I ran build successfully (pnpm build)
  • I updated / checked package.json for dependency changes
  • For UI changes, I added Storybook stories
  • I ensured this PR has no unrelated changes
  • This PR is ready for review and does not include unfinished work

🔗 Related Issues

Closes #174

…ive grid fix

- Add PublicPageLayout component for public-facing pages
- Implement comprehensive layout with NavBar, Container, and FooterBar integration
- Add loading state with Loader component
- Support for fixed/sticky navbar with dynamic padding
- Add Storybook stories with multiple layout examples (Hero, Features, Pricing, Simple)
- Fix Grid component responsive columns logic to prevent CSS conflicts
- Export PublicPageLayout and related types in lib/index.ts

Technical improvements:
- Fixed Grid component to only apply base columns when responsiveColumns is not provided
- Added whitespace-nowrap to feature headings for single-line display
- Implemented responsive grid (xs: 1, md: 2, lg: 3 columns) for better mobile/desktop UX
- Removed raw HTML div, using Container className prop instead

Resolves #174

Co-authored-by: Cursor <cursoragent@cursor.com>
@github-actions github-actions Bot added the module:source Source Code label Jan 31, 2026
@github-project-automation github-project-automation Bot moved this to 📥 Inbox / Ideas in hexaTune Project Jan 31, 2026
@husamettinarabaci husamettinarabaci merged commit 1912a34 into develop Feb 1, 2026
8 checks passed
@husamettinarabaci husamettinarabaci deleted the feat/add-public-page-layout-component branch February 1, 2026 10:38
@github-project-automation github-project-automation Bot moved this from 📥 Inbox / Ideas to Done in hexaTune Project Feb 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

module:source Source Code

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

2 participants