# Page layout In-progress
Page layout component is also available for single row layout. The developer can customize each component positioning in this layout.
One page layout comes with bunch of advantages
- Use only one template, so all the stages of work in information architecture are reduced.
- For the same reason, the code created for the site is greatly reduced.
- In terms of metrics, it simplifies the management of site analysis, since it only involves analyzing a page or a large section.
- It works as a single landing, concentrating conversions better and reducing traffic leakage. As is logical to think, this is achieved by - defining a conversion point and optimizing the contact form. It does not make sense to make one page with two objectives for the page.
- It facilitates the SEM, since it is more focused on the conversion than on navigation. In addition, they are more effective in concentrating all the calls and interaction possibilities in one place.
- By having only one general design, you can spend more time optimizing details in the interactions and testing innovative designs.
# Importing individual components
You can import individual components into your project via the following named exports:
| Component | Named Export | Import Path |
|---|---|---|
<IpyPageLayout> | IpyPageLayout | @infopiphany/ui/layout |
Example:
import { IpyPageLayout } from '@infopiphany/ui/layout';
Vue.component('IpyPageLayout', IpyPageLayout);