Fourlines / COMPONENT LIBRARY
Components
This page documents shared components and editable page patterns. The shared navigation and footer frame the page. Contact contains the full shipment brief; Home holds the transport story, photographic sections and interaction examples.
01 / Site Navigation
02 / Transport Services
03 / Featured Case Study
04 / Sample Brand Strip
05 / Testimonial And Metrics
06 / Network Section
07 / Insights Cards
08 / Questions And Answers
09 / Contact And Quote
10 / Freight Enquiry Form
11 / Cargo Enquiry Form
12 / Site Footer
NATIVE FORM / CONTACT PATTERN
Freight Enquiry Form
The Contact page provides native Framer enquiry inputs with visible labels, route details and a real textarea. Configure form delivery in your own project, then verify a safe sample submission and the success and failure states. This template does not provide instant pricing or confirm a booking.
02 / COMPONENT PREVIEW
Transport Services
Four photographic Road, Rail, Sea and Air cards with editable copy and figures. The native service rail is edited on Home; the Services page provides the corresponding mode directory.
03 / COMPONENT PREVIEW
Featured Case Study
Native Challenge, Approach and Outcome controls switch the customer-story text. The full photographic layout remains editable on Home, with the longer Nordvik Home story on its own page.
04 / COMPONENT PREVIEW
Sample Brand Strip
Editable example wordmarks form the native scrolling brand strip on Home. The sample brands do not imply customer endorsements.
05 / COMPONENT PREVIEW
Testimonial And Metrics
A customer quote and three editable final metric values form a native Home section. Replace the sample attribution and figures with your own supported content.
06 / COMPONENT PREVIEW
Network Section
Eight native country controls, flag illustrations and gateway labels are paired with the source-derived map. Keep each country, city and corresponding geographic highlight aligned when adapting the network.
07 / COMPONENT PREVIEW
Insights Cards
The native editorial collection feeds the Home cards, Insights index and article detail pages. Edit the CMS records rather than maintaining separate copies of article titles and images.
08 / COMPONENT PREVIEW
Questions And Answers
The reusable native question disclosure has editable Question and Answer properties and Open and Closed states. Replace the sample answers with information that matches the service you actually offer.
09 / COMPONENT PREVIEW
Contact Call To Action
Use a clear planner call to action when a page needs a next step. It can link to the unboxed Contact form for a full shipment brief rather than repeating a form on every page.
10 / NESTED COMPONENT
Freight Enquiry Form
Native field and feedback states are maintained on Contact. Before live use, configure delivery in your own Framer project and verify validation, success and failure using safe sample details. The template does not calculate a price or confirm a booking.
11 / COMPONENT PREVIEW
Cargo Enquiry Form
A full shipment enquiry for the Contact page: origin and destination first, icon radio choices for Road, Rail, Sea or Air, then packaging, cargo details, optional handling and contact information. Help Me Choose keeps the transport choice open.
Use sample details while testing the Contact form. Configure form delivery in your own project and verify validation, success and failure states before collecting enquiries. An enquiry does not provide instant pricing or confirm a booking.