Products Structure

This section will provide a detailed guide on how to maintain an organized file system within your project. Keeping your files structured is crucial for efficient workflow and easy navigation. Our theme adheres to a specific file organization, which is designed to help you manage your project effectively. The file structure of our theme is organized as follows:


Folder Structure
  • app
    • about-1
    • about-2
    • about-3
    • archive-1
    • archive-2
    • archive-3
    • archive-4
    • blog-details
    • index-2
    • index-3
    • index-4
    • page-about
    • ...
    • layout.tsx
    • loading.tsx
    • not-found.tsx
    • page.tsx
  • components
    • cards
    • common
    • elements
    • layout
    • sections
    • shared
  • public
    • assets
  • util
    • data-bg.ts
    • ImageHoverEffects.ts
    • ...