Fourlines / COMPONENT LIBRARY

Components

Reusable masters are documented here with live previews. Site Navigation is the shared header above. Freight Enquiry Form is the compact option; Cargo Enquiry Form is the full shipment brief used on Contact. Page-specific hero and shipment-journey layouts remain on Home.

Open the Style Guide

01 / SITE NAVIGATION

Site Navigation

The fixed shared header above is the live Site Navigation instance. Its page destinations, mobile menu and primary enquiry action are reused across pages. Update the exposed destination properties when an instance needs a different route.

NATIVE FORM / REUSABLE MASTER

Freight Enquiry Form

A native Webflow enquiry form with visible labels, route details and a real textarea. Use sample details in this preview. Before launch, configure delivery and notification recipients in Webflow form settings, then verify a real submission and its success and failure states. This template does not provide instant pricing or confirm a booking.

Add the country if the route crosses a border.

Use the receiving location, including the country.

Road, rail, sea, air, multimodal or help me choose

Goods, approximate dimensions and weight, packaging, and preferred dates

Template demonstration. Please use sample details.

Your enquiry has been sent. The team can now review the shipment details.
Your enquiry could not be sent. Please try again.

02 / COMPONENT PREVIEW

Transport Services

Four photographic Road, Rail, Sea and Air cards with editable copy, figures and a horizontal service rail.

We don't sell trucks, ships or planes. We sell the hand-off between them — the moment cargo changes mode and most carriers lose track of it.

Four ways to move · Scroll or swipe to explore →

Explore all services ↗
Aerial view of a freight truck travelling on a road beside dense forest.

01 / 04

Road

Full and part loads across 38 countries, door to dock in a single booking.

2,400 trucks

Red freight locomotive hauling green wagons through a sunlit mountain landscape.

02 / 04

Rail

Intermodal block trains that connect inland gateways with a clear emissions reporting plan.

18 corridors

Fourlines branded container ship crossing calm blue water with a distant port and pale sky

03 / 04

Sea

FCL and LCL on major trade lanes, with space allocations confirmed before booking.

1.2M TEU / yr

Cargo aircraft travelling along an airport runway.

04 / 04

Air

Charter and consolidated airfreight for cargo that cannot afford a day.

96h worldwide

All four.

One ticket.

Explore all services ↗
CUSTOMER STORY

Nordvik Home rewired its supply chain in one season.

A retailer losing 11 days at every border.

Nordvik Home sourced from 140 suppliers across Asia. Freight arrived in bursts, warehouses flooded, then sat empty. Peak season stock was landing in January.

Consolidate at origin, split at destination.

We built a cross-dock in Ningbo, moved the base load to the China–Europe rail corridor and kept sea and air as pressure valves — routed daily by demand forecast.

Lead time cut from 52 to 31 days.

Inventory holding fell 24%, stock-outs during peak dropped to near zero, and the freight bill went down while service went up.

Read the full story ↗
Cardboard cartons stacked on high warehouse storage shelves.
−21
days door to shelf

04 / COMPONENT PREVIEW

Sample Brand Strip

Ten editable example wordmarks and a decorative duplicate group for the scrolling strip. These sample brands do not imply customer endorsements.

BRANDS
NORDVIK
Halden&Co
KAIRO
meridian
OSTRA
Bellweather
TUNDRA
Pacifica
VOLTA
arcline

05 / COMPONENT PREVIEW

Testimonial And Metrics

A customer quote and three editable final metric values. Replace the sample attribution and figures with your own supported content.

CUSTOMER PERSPECTIVE

“Every other forwarder handed us a tracking number. Fourlines handed us a person who already knew where everything was.”

Ingrid Halvorsen — COO, Nordvik Home

99.4%
on-time delivery
38%
lower CO₂ per tonne-km
24/7
a named human on call

06 / COMPONENT PREVIEW

Network Section

Eight native city controls paired with editable point elements over source-derived route artwork. The network and hub count are editable.

Network

142 hubs.

Zero blind spots.

07 / COMPONENT PREVIEW

Insights Cards

Four editable cards link to real CMS article pages. Card titles and images are maintained separately; this rail is not an automatic Collection List.

From the line

Sample editorial · Scroll or swipe to browse

08 / COMPONENT PREVIEW

Questions And Answers

Five editable question-and-answer rows built with native details and summary elements, with preview answers that match the template’s implemented capabilities.

Questions shippers ask us first.

How fast can you quote?

Send the route, cargo and timing through the enquiry form. The team confirms pricing, availability and next steps after reviewing the shipment details.

Do you handle customs?

Customs support and required documents depend on the route and goods. Include these needs in the enquiry so they can be confirmed as part of the freight plan.

Can I switch modes mid-shipment?

A change of mode depends on the shipment, available connections and booking terms. Discuss alternatives with the planner before confirming a revised route.

What can I track?

The shipment shown on this preview is an example. Live tracking and sensor data require the logistics provider’s own connected platform.

Is there a minimum volume?

Include the number of pallets or containers, dimensions and weight in your enquiry. The team can confirm which services suit the shipment.

09 / COMPONENT PREVIEW

Contact Call To Action

The orange planner call to action includes the compact Freight Enquiry Form master. Keep this shared form for a short enquiry, or use the Cargo Enquiry Form for a detailed shipment brief.

10 / NESTED COMPONENT

Freight Enquiry Form

The native fields and preview states are included. Before live use, configure delivery and notification recipients in Webflow, then verify validation, success and error states with safe sample details. The template does not calculate a price or confirm a booking.

What are you moving next?

Talk to a planner ↗

Share your route, cargo and timing with a freight planner.

Tell us about your shipment.

Share the route, cargo and timing. A planner can review the details and confirm pricing, availability and the next steps.

Add the country if the route crosses a border.

Use the receiving location, including the country.

Road, rail, sea, air, multimodal or help me choose

Goods, approximate dimensions and weight, packaging, and preferred dates

Template demonstration. Please use sample details.

Your enquiry has been sent. The team can now review the shipment details.
Your enquiry could not be sent. Please try again.
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 in this preview. Before live use, configure form delivery and notification recipients in Webflow, then verify validation, success and failure states. An enquiry does not provide instant pricing or confirm a booking.

01 / Route

Where is it going?

Start with the collection and receiving locations.

City, country or postal code. Include the country for an international route.

City, country or postal code for the receiving location.

02 / Transport

How should it travel?

Choose a preference, or let us help. The final route may combine more than one mode.

03 / Cargo

What are you sending?

Describe the goods, then add the packaging and estimates you have. Final measurements can follow.

Describe the goods and any special handling requirements.

Packaging (optional)

Total pallets, cartons or crates; whole numbers only.

Total gross weight, including packaging.

L × W × H in cm per piece, or total volume in m³.

A date, date range or “to be confirmed”.

04 / Extras

Anything else to plan for?

Select any support you would like to discuss. Availability and scope depend on the route.

Add a required arrival, special handling, access restrictions or details still to be confirmed.

05 / Your details

Who should we contact?

Add the details for the person planning this shipment.

Include a country code.

Template demonstration — use sample details. An enquiry does not confirm pricing, availability or a booking.

Your enquiry has been sent. The team can now review the shipment details.
Your enquiry could not be sent. Please try again.