From 196efb6a5f61cbad3cf0a5409d4f88034041fa18 Mon Sep 17 00:00:00 2001 From: Drew Jones Date: Mon, 26 Feb 2024 14:21:01 +0000 Subject: [PATCH 01/20] feat: page-types content --- src/assets/page-types/article/page.html | 80 ++++++ src/assets/page-types/confirmation/page.html | 92 ++++++ src/assets/page-types/editorial/page.html | 139 +++++++++ src/assets/page-types/guide/page.html | 86 ++++++ src/assets/page-types/home/page.html | 248 +++++++++++++++++ src/assets/page-types/hub/page.html | 225 +++++++++++++++ src/assets/page-types/product/page.html | 263 ++++++++++++++++++ src/assets/page-types/roadblock/page.html | 33 +++ src/assets/page-types/start/page.html | 70 +++++ src/assets/page-types/stopgap/page.html | 34 +++ .../page-types/{article.md => article.mdx} | 34 +-- .../{confirmation.md => confirmation.mdx} | 44 +-- .../{editorial.md => editorial.mdx} | 41 ++- .../docs/page-types/{guide.md => guide.mdx} | 32 +-- .../docs/page-types/{home.md => home.mdx} | 50 ++-- .../docs/page-types/{hub.md => hub.mdx} | 24 +- .../page-types/{product.md => product.mdx} | 46 +-- .../{roadblock.md => roadblock.mdx} | 32 +-- .../docs/page-types/{start.md => start.mdx} | 30 +- .../page-types/{stopgap.md => stopgap.mdx} | 30 +- 20 files changed, 1449 insertions(+), 184 deletions(-) create mode 100644 src/assets/page-types/article/page.html create mode 100644 src/assets/page-types/confirmation/page.html create mode 100644 src/assets/page-types/editorial/page.html create mode 100644 src/assets/page-types/guide/page.html create mode 100644 src/assets/page-types/home/page.html create mode 100644 src/assets/page-types/hub/page.html create mode 100644 src/assets/page-types/product/page.html create mode 100644 src/assets/page-types/roadblock/page.html create mode 100644 src/assets/page-types/start/page.html create mode 100644 src/assets/page-types/stopgap/page.html rename src/content/docs/page-types/{article.md => article.mdx} (66%) rename src/content/docs/page-types/{confirmation.md => confirmation.mdx} (62%) rename src/content/docs/page-types/{editorial.md => editorial.mdx} (55%) rename src/content/docs/page-types/{guide.md => guide.mdx} (68%) rename src/content/docs/page-types/{home.md => home.mdx} (50%) rename src/content/docs/page-types/{hub.md => hub.mdx} (68%) rename src/content/docs/page-types/{product.md => product.mdx} (52%) rename src/content/docs/page-types/{roadblock.md => roadblock.mdx} (70%) rename src/content/docs/page-types/{start.md => start.mdx} (57%) rename src/content/docs/page-types/{stopgap.md => stopgap.mdx} (74%) diff --git a/src/assets/page-types/article/page.html b/src/assets/page-types/article/page.html new file mode 100644 index 000000000..82dd502ee --- /dev/null +++ b/src/assets/page-types/article/page.html @@ -0,0 +1,80 @@ + + + + + + + + + Page type - Article + + + + +
+ + + + +

Electric vehicles: good for the planet – and your pocket?

+
+ +
Family enjoying their new electric vehicle
+
+

We look at the government grants for going green with an EV

+

Lots of us are thinking about switching from petrol or diesel to an electric vehicle (EV). But how much will an EV cost to buy and to run? Will it work out much more expensive – or will the lower running costs of an EV mean you actually end up saving money?

+

When working all that out, one big thing to think about is the value of the government grants on offer. These are pretty generous, because the UK government wants more and more of us to go electric – and the sooner the better.

+

EV grants and incentives, at a glance:

+
    +
  • Up to £2,500 towards buying an EV
    • +
  • Up to £350 towards installing a home charging point
    • +
  • As much as £350 more for home chargers in Scotland
    • +
  • Special EV electricity tariffs to keep running costs low
    • +
+
+ +
There are government grants to help you buy a new electric vehicle
+
+

Government grants for buying an EV

+

They’re becoming more affordable all the time, but EVs are still a bit more expensive to buy than petrol or diesel cars.

+

To help, the UK government is giving a grant of up to £2,500 when you buy an EV. It doesn’t apply to all EVs though – only those that cost under £35,000.

+

You can get more info on the scheme on the government website – or just talk to your EV salesperson. They should be able to give you all the details you need.

+
+ +
There are government grants to help with the cost of installing a charge point at home
+
+

Government grants for electric car charging points

+

Having your own charging point is a game changer for EV drivers. It makes it very simple to keep your EV charged overnight – and also helps you use greener, cheaper energy.

+

The UK government offers a range of grants to help people and organisations get this useful bit of kit.

+

The important thing to know is that, for homeowners, the EHVS grant from the Office for Zero Emissions Vehicles (OZEV) is worth up to £350.

+

And it’s very simple to claim. Most installers will do all the paperwork for you – and then automatically include the grant in a lower overall price.

+

And there’s more (but only if you’re in Scotland)

+

The Energy Saving Trust offers an extra £250 towards installing an EV charger for anyone living in Scotland. This goes up to £350 for people in the most remote parts of the country. You can find out more on their website.

+

Some useful terms to understand

+

Government grants for EV charging points can get a bit confusing, mainly because of all the different acronyms flying around. Hopefully this little explainer helps!

+
    +
  • OZEV is the government department that pays out the grants – the Office for Zero Emission Vehicles
    • +
  • OLEV is what that department used to be called – the Office for Low Emission Vehicles
    • +
  • EVHS is the name of the OZEV grant for getting a charging point at home – the Electric Vehicle Homecharge Scheme
    • +
  • WCS is the OZEV voucher scheme for businesses and organisations installing charging points – the Workplace Charging Scheme
    • +
+
+ +
Running an EV is even more affordable with special tariffs
+
+

Special tariffs for charging your EV

+

If you’ve spent years filling up with petrol or diesel, the running costs of an EV will come as a nice surprise.

+

We’ve worked out that EV drivers can expect to pay £4 per 100 miles, compared to £14 per 100 miles for the same-sized petrol or diesel car. You can read more about it in this British Gas article looking into the numbers.

+

On top of that, British Gas has a special tariff for EV drivers that helps you make the most of cheaper off-peak electricity between midnight and 5am. Get the latest information on the EV tariff here.

+

So that’s the current state of play with incentives for EV drivers. Are they enough to persuade you to make the switch? We certainly think they’ll help increase the numbers of EVs on the roads in the years to come – and that’s got to be great news for the planet.

+

Back to the Source

+ + + + +
+ + + + + diff --git a/src/assets/page-types/confirmation/page.html b/src/assets/page-types/confirmation/page.html new file mode 100644 index 000000000..1a27b2275 --- /dev/null +++ b/src/assets/page-types/confirmation/page.html @@ -0,0 +1,92 @@ + + + + + + + + + Page type - Confirmation + + + + +
+ + +

+ Confirmation. + Your annual service is booked. +

+

We'll be with you Tuesday 22 June between 10am and 2pm.

+ + + + +

Your appointment

+ +

Annual service is booked

+
+
+
Your customer number
+
911001253857
+
+
+ + +

Confirmation email sent

+
+
+
Your email address
+
johnsmith@gmail.com
+
+
+ + +

We'll call you

+

Our engineers will call to let you know when they're on their way.

+ + +

Expert engineers

+

One of our expert engineers will repair your boiler and central heating.

+ + +

Boiler service

+

Our engineer will also carry out your first boiler service to make sure everything is running safely and efficiently.

+ + +

Completion

+

We provide you with a checklist of work completed at the end of our visit.

+ + + + + + +

It's quick and easy with an online account

+ + + +

Track your booking

+

Track your engineer when you've booked a breakdown appointment or service visit.

+ Track your booking + + +

Change appointment

+

Make a change or cancel your appointment.

+ Change your booking + + +

Join Rewards

+

Enjoy great discounts, exclusive giveaways, tickets to The O2 and much more.

+ Register for Rewards + + + + +
+ + + + + diff --git a/src/assets/page-types/editorial/page.html b/src/assets/page-types/editorial/page.html new file mode 100644 index 000000000..d94300f5c --- /dev/null +++ b/src/assets/page-types/editorial/page.html @@ -0,0 +1,139 @@ + + + + + + + + + Page type - Editorial + + + + +
+ + +

+ Gas and electricity. + Dual fuel – why it could be better for you +

+

What is dual fuel? Is it cheaper? And what are the benefits? Read on for the answers.

+ + + +

What is dual fuel tariff?

+

It’s when you get both your gas and electricity from the same energy supplier.

+

Dual fuel is more convenient

+

With your gas and electricity bills combined, you'll receive one less bill each month – bonus. Plus, you'll only have to think about calling one provider, using one site, one app, and having one standing order or Direct Debit. Half the hassle, basically.

+

Do everything in one place

+

It’s easier to manage your account with only one password to remember, all your meter readings on the same site and only one company to contact if you’ve got questions.

+

See all your usage at a glance

+

Some energy companies will even send you a combined bill, with your total energy consumption conveniently explained in one place.

+ + + +

Dual fuel is often cheaper

+

As well as being more convenient, switching to a dual fuel tariff can save you money. This is because many companies will reward your loyalty with discounted prices.

+

Ask your current suppliers

+

It’s easy to switch – contact your individual electricity and gas providers to see what deals they’ll give you for moving to dual fuel.

+

Remember to compare deals

+

Be sure to shop around to compare prices with other providers, making sure you’re getting the best deal.

+ + + + +

+ British Gas renewables. + Fight climate change choose green energy +

+
+

If you want to reduce your carbon footprint, our green gas and electricity tariffs can help. We’ll match 100% of your electricity with renewable sources. And we’ll offset your gas use with carbon reduction projects in developing countries.

+
+ Get a green energy quote + + + + + +

How you can find the best dual fuel prices

+

Look at some of your recent bills from your current providers and see how much gas and electricity you’ve used. Then you can start comparing the latest duel fuel tariffs.

+

Make a note of your tariffs

+

Check the names of the tariffs you’re on and take a look at how much gas and electricity you’ve been using. Then use comparison sites to see what your best dual fuel options are.

+

Comparing tariffs – things to look out for

+
    +
  • Is it a fixed tariff? It’ll give you peace of mind knowing you won’t be affected by wholesale prices
    • +
  • Does it have an online account? Managing your account online can often save you money
    • +
  • How will you pay? You could save money if you pay by Direct Debit
    • +
+

More hints and tips

+

As with all comparisons, make sure you’re comparing like-for-like. And before you start, take a look at our How to compare energy providers guide.

+ + + +

Why it’s important to save energy

+

Well, importantly, you’ll save yourself quite a few pounds, year after year – if you’re using less, you’re spending less. After that, you can benefit from

+
    +
  • A home with less chance of mould and damp, increasing its value
    • +
  • Better quality air in your home
    • +
  • A more comfortable home
    • +
  • Knowing you’re doing your bit to reduce greenhouse gas emissions
    • +
+

Why stop at dual fuel savings? Take a look at our Energy Saving Tips guide. It’s packed full of smart ideas to help you reduce the amount of energy you use – and shrink your bill.

+ + + + +

+ British Gas dual fuel. + Looking for lower energy bills? +

+
+

See what you could save by switching to British Gas dual fuel. Get a quote online in minutes. Just have a recent bill and your current tariff details handy.

+
+ Get a dual fuel quote + + + + + + +

Want to know more?

+ + + +

Your energy bill

+
+

Understand what all the information on your energy bill means.

+
+ + Explain my bill + + + +

Sources of energy

+
+

Discover where your gas comes from, and how your electricity is produced.

+
+ + Explore energy sources + + + +

Energy saving tips

+
+

Reduce your bill and your carbon footprint – try our energy saving tips.

+
+ + Save energy + + + + + +
+ + + + + diff --git a/src/assets/page-types/guide/page.html b/src/assets/page-types/guide/page.html new file mode 100644 index 000000000..58c9f74e7 --- /dev/null +++ b/src/assets/page-types/guide/page.html @@ -0,0 +1,86 @@ + + + + + + + + + Page type - Guide + + + + +
+ + +

+ Leaving British Gas +

+
+

We’re sorry you want to leave and don’t want to see you go.

+
+ + + + + +

I want to leave British Gas. How do I switch my energy supplier?

+

If you’re not happy with your tariff, please give us a call. Also, don’t hesitate to talk to us if you’re thinking of leaving for any other reason. If it’s a supply or service issue, we’ll look into it for you.

+

At the moment, we’re offering some great prices on switching to new British Gas Evolve - affordable energy that puts you in control. Find out more at www.britishgasevolve.co.uk

+

If we must go our separate ways, you can cancel your contract at any time and switch away from us. You’ll need to agree a new contract with the new supplier first and this can only be done by the account holder. You don’t have to tell us as the change is made automatically. We’ll continue to supply and bill you up until the point when the switch is made. But do allow up to six weeks for everything to complete.

+ +

Do I need to submit a final meter reading to British Gas?

+

Your new energy provider will ask for an opening meter reading to start your supply and this will be passed on to us. This way, the point at which your energy bills start with them and end with us will be the same. We’d use that reading to close your British Gas account, so it’s important that it’s accurate to avoid having to use an estimated reading for your final bill.

+ +

I pay by Direct Debit – should I cancel it?

+

Please leave it active and we’ll take care of this for you. Once we’ve worked out your account balance, we may need to take a final payment. This may be a different amount to that which you normally pay. If the final bill is larger than you anticipated and you think you’ll have difficulties with paying, we can offer a payment plan to help spread the cost. On the other hand, you may have paid too much. If this is the case, you’ll be due a full refund through your bank account. Either way, we’ll let you know the final balance figure within four weeks after switching.

+ +

What if I owe you money when I switch?

+

If you have a large outstanding balance, you’ll need to pay this before we can close your account. However, if it’s only a small amount to pay, it wouldn’t get in the way of you switching away from British Gas. If you’re not sure, you can always give us a call.

+ +

What if you owe me money?

+

Any overpayment you’ve made will be refunded to you in full through your bank account or sent by cheque. Rest assured that you’ll get this as soon as we’ve received a final reading and have worked out your closing balance.

+ +

When will I get a final bill?

+

Typically, it can take about four weeks to close your accounts with British Gas and send you any final bills. We need to agree with your new energy supplier that the opening meter reading you submit follows on from the previous readings we have for you on our records. If it all goes smoothly, your final bill(s) will be available within four weeks. It may take a little longer if there’s a query.

+ +

Will my smart meter still work if I switch?

+

Some of the earlier smart meters may lose some functionality when you switch to another supplier. However, it will still record your usage, but you’ll have to submit readings like you would with an old-style meter. This is a common problem with all early smart meters and the energy industry is working towards restoring their ‘smart’ capabilities by 2022.

+ +

I’m being switched to British Gas Evolve. Why is this?

+

After listening to feedback from customers on what they’d like from us, we developed British Gas Evolve to offer simple, affordable energy that puts you in control. We see it as the future and will be gradually moving all our customers over. We’re all still part of the same family, so you’re not switching away to another supplier. You can find out more about British Gas Evolve at www.britishgasevolve.co.uk/switch-support-hub.

+

If you haven’t switched and like the sound of Evolve, we can switch you in just 18 days with no exit fees. Just visit www.britishgasevolve.co.uk, contact our Customer Services team and we’ll get right on it.

+ + + +

Need more help?

+

You can call us on 0333 202 9802.

+ + + + + + + + + + + + + + + +

We always listen to your feedback as it helps us to improve our services. Though please note that we won’t be able to respond to you directly.

+ + + Submit feedback + + + +
+ + + + + diff --git a/src/assets/page-types/home/page.html b/src/assets/page-types/home/page.html new file mode 100644 index 000000000..1698b9173 --- /dev/null +++ b/src/assets/page-types/home/page.html @@ -0,0 +1,248 @@ + + + + + + + + + Page type - Home + + + + +
+ + + +

Important information about changes to services due to Covid-19 and the transfer of Nabuh Energy and Simplicity Energy customers to British Gas.

+
+

If you’re a Nabuh Energy customer, please read your Frequently Asked Questions on the Nabuh Energy website.

+

If you're a Simplicity Energy customer, please read our latest update or contact Simplicity Energy directly.

+

To find out how our services are being affected by the Covid-19 pandemic, please read our FAQs.

+
+ + + + +

+ Home services. + When things go wrong, we’re here to solve +

+

Whether it’s a broken boiler, leaky ceiling or flickering lights, make your problem our problem from just 45p a day.

+ + Get HomeCare cover + + + + + +

Gas and electricity, boilers and energy efficiency

+

British Gas is the largest UK energy and home services company. We supply gas and electricity, boilers and boiler cover as well as other home services.

+ + + +

Top up your prepay meter

+
+

Top up your smart prepay meter online or on our app. Don’t have a smart meter? Top up at your local Payzone or Post Office.

+
+ + Top up online + + + +

Submit a meter reading

+
+

You can submit a meter reading online or on our app – it’s quick, easy and much faster than calling us.

+
+ + Submit a meter reading + + + +

Manage your bills

+
+

Securely view and pay your bills online or on our app in just a few seconds.

+
+ + Access your account + + + + + + + +

+ Covid-19 service update. + Getting back on track this Spring +

+
+

It’s been a tough Winter, but we’re now able to help customers with non-essential jobs again.

+

If you’re waiting for us to reschedule an appointment we missed due to the pandemic, we’ll be in touch shortly – there’s no need to call us.

+

A big thank you to all our customers for bearing with us as we look forward to better times.

+
+ + Covid FAQs + + + + + +

Gas and electricity, boilers and energy efficiency

+

British Gas is the largest UK energy and home services company. We supply gas and electricity, boilers and boiler cover as well as other home services.

+ + + +

Energy

+
+

Let us find a tariff that works for you and your wallet.

+
+ + Get a quote + + + +

Home Services

+
+

Make your problem our problem with our repair and cover options for your home.

+
+ + Get covered + + + +

Smart Homes

+
+

We can help you get connected with Hive Tech to bring your home into the 21st century.

+
+ + Get connected + + + + + + + +

+ Switch energy tariff. + Here to help you switch and save +

+
+

Thinking of switching energy tariff?

+

All we need is your postcode and a bit of info about you and your home. It could be helpful to read our price cap information.

+
+ + Get an energy quote + + + + + + + +

+ Home Services. + Here for those what-if moments +

+
+

What if your boiler packs up? What if there’s a leak in the ceiling and you can’t find a last-minute plumber?

+

With British Gas HomeCare, you won’t need to worry about the what-ifs. That’s because you’ll have access to emergency engineer call-outs and 24/7 support.

+
+ + Get HomeCare + + + + + + + +

+ Smart Homes. + Here to connect your home +

+
+

We work closely with Hive to bring you all sorts of smart tech and services that can help transform your home.

+

But don't take our word for it. More than 1.5 million people are already enjoying a smarter home with Hive.

+
+ + Explore Hive Active Heating + + + + + + + +

+ Refer a friend. + Share up to £100 when you refer a friend +

+
+

For every friend you send our way, you’ll both enjoy an Amazon.co.uk Gift Card 1 worth up to £50 each. So you can treat yourself to whatever you fancy – just for introducing us.

+

And whether they switch their energy to us or take out HomeCare, it’s the ultimate win-win situation.

+
+ + Start sharing + + + + + + +
+

Need help with something else?

+
+ + +

Book an engineer

+
+

Whether it’s a cold home or an even colder shower you’re dealing with, book an engineer and make your problem our problem.

+
+ + Book an engineer + + + +

Book a one-off repair

+
+

Boiler on the blink but not a British Gas customer? Book a one-off repair and we’ll sort it from as little as £99.

+
+ + Book a one-off repair + + + +

Moving home

+
+

Let us know you’re moving, and we’ll transfer your energy supply to your new home. That’s one less thing to worry about.

+
+ + Let us know you’re moving + + + + + + +

Additional information

+
+
    +
  1. +

    To participate in the Refer a Friend scheme, both Referrer and Friend must follow the instructions on our website, britishgas.co.uk. A Referrer must successfully identify as an existing British Gas home energy or services customer via their online account. A Friend is an individual the Referrer knows personally, who isn’t already our customer and who is happy to receive the Referrer’s Referral link.

    +

    To qualify for a Refer a Friend Amazon.co.uk Gift Card, as a Friend you must use the Referrer’s unique Referral link when joining British Gas on a Qualifying Product via britishgas.co.uk. The gift card is subject to the Friend’s Qualifying Product purchase and the Friend’s contract or policy must be active at least 60 days after the supply start date or the policy start date. The gift card Reward may take up to three months to arrive from the Friend joining British Gas.

    +

    To qualify for a Reward for switching energy to British Gas, your Friend must not have held a British Gas energy contract within the last three months of joining. To qualify for a Reward for joining services, your Friend must not have held a British Gas services account within the last three months of joining. If after making a Qualifying Purchase your Friend cancels their agreement with us up to 60 days after the supply start date or the policy start date, then this will result in the cancellation of the Reward for the Friend and Referrer. We also require a valid email address to send you your gift card.

    +

    Restrictions apply, see www.amazon.co.uk/gc-legal. Full terms and conditions (PDF, 276 KB) of the Refer a Friend scheme are also available to view.

    +
    2. +
+
+ + +
+ + + + + diff --git a/src/assets/page-types/hub/page.html b/src/assets/page-types/hub/page.html new file mode 100644 index 000000000..3491b1da0 --- /dev/null +++ b/src/assets/page-types/hub/page.html @@ -0,0 +1,225 @@ + + + + + + + + + Page type - Hub + + + + +
+ +

HomeCare offer

+
+

Take out boiler and central heating cover and get plumbing, drains and electrics covered at no extra cost for one year only

+

Exclusions apply, offer ends 7th June 2021. 1

+
+ Get HomeCare cover + + + +
+

Need ongoing cover?

+

Worried about the boiler, heating, plumbing or electrics playing up? Our HomeCare cover lets you avoid the cost of those unexpected breakdowns.

+
+ + +

HomeCare boiler & heating cover

+
+

Avoid the cost and hassle of finding a last-minute engineer with our HomeCare boiler and heating cover.

+
+ Get boiler cover + + +

Plumbing & drains cover

+
+

Tired of splashing out on plumbers every time you have a plumbing problem? Let us take care of it for you.

+
+ Get plumbing cover + + +

Home electrical cover

+
+

Not a fan of electrical DIY? Cover your electrics and we’ll come to the rescue the next time you have a problem.

+
+ Get electrical cover + + + + + +
+

Need a one-off repair?

+

Need something fixed? Book a fixed-price repair and we’ll give you a 12-month guarantee on our work.

+
+ + +

Boiler and heating repair

+
+

No hot water? Ice cold radiators? A British Gas engineer is just a click away.

+
+ Book a boiler repair + + +

Plumbing and drains repair

+
+

Burst pipe? Blocked drain? Book a plumber with us and we’ll get you home and dry.

+
+ Book a plumbing repair + + +

Electrics and appliances repair

+
+

Faulty electrics and appliances? We can fix them so you don’t have to buy new ones.

+
+ Book an electrics repair + + + + + +
+

We can also help you...

+
+ + +

Book a boiler service

+
+

Your boiler is at the heart of your home. We can help keep it in tip-top shape with a service.

+
+ Book a boiler service + + +

Find a new boiler

+
+

Book an appointment with an expert heating adviser and they’ll help you find the right boiler for your home.

+
+ Book a boiler quote + + +

Get appliance cover

+
+

Get ongoing cover for your favourite appliances and we’ll pop round the next time they break down.

+
+ Get appliance cover + + + + + + +

Here to spruce up the place

+
+

Looking to give your home a new lease of life? We can help you carry out all sorts of home improvements with your heating, hot water and electrics.

+
+ Freshen up your home + + + + + +
+

Other services

+
+ + +

Home insurance

+
+

Protect what's important to you, with a little help from us.

+
+ Insurance for homes + + +

Landlords

+
+

When your tenants call you with problems, we can help you find the solutions.

+
+ Cover for landlords + + +

Moving home

+
+

Let us know if you're moving and we'll keep things running smoothly.

+
+ Help with moving + + + + + + +

Book an engineer, pay bills, join Rewards and more

+
+

Sign in to your account and access a range of features.

+
+ Access your account + + + + + + +

Frequently asked questions

+ +

Can I control my account online?

+

Yes you can. Just click here to access your account. Then follow the instructions.

+

To discover the benefit(s) of having an online account, watch this video.

+ + +

What does an annual service include*?

+

Your service includes a series of check(s) to make sure your boiler and central heating are running safely and efficiently.

+

Your engineer will check for water leak(s), damage and wear and tear. They’ll also carry out a few safety inspections, such as making sure your boiler is using the right amount of gas and not letting off carbon monoxide and other harmful gases.

+

If a service is included in your cover, we will let you know when it’s due. If it isn’t included, click here to buy a one-off service.

+

*Your annual services may be more than 12 months apart.

+ + +

Can I speak to someone if I have a question about buying HomeCare?

+

You can call us on 0333 202 9802 on Monday to Friday, 8am to 8pm, or on Saturday, 8am to 2pm. Or you can speak to one of our live chat team. Just click on the ‘Chat’ button in the corner of the screen.

+

We may record calls to help improve our service to you. Calls to 0330/0333 numbers will cost you no more than 01 or 02 numbers from landlines or mobiles. If you get 'inclusive minutes' with your package, calls to 0330/0333 numbers will be part of these.

+ + +

How do I book my annual service visit*?

+

You can book an annual service visit using your online account or through our app.

+

If your service isn't due for some time, you might not be able to book it just yet.

+

For more information, watch this video.

+

*Your annual services may be more than 12 months apart.

+ + +

How do I book a repair?

+

Click here to access your account and book a repair in just a few click(s). Or book it on our app.

+

For more information, watch this video.

+ + +

Why has my HomeCare price changed?

+

Your HomeCare price can change for a number of reasons, our pricing guide provides all the info on how we calculate things.

+ + +

How much is the excess?

+

Excess is the amount you’ll pay for every completed repair. You can usually choose the amount of excess you’d like to pay when you buy your cover. Our excess options tend to be £0, £60 and £99.

+

If you have a £0 excess, you won’t pay any excess for a completed repair. If you have a £60 excess, you'll pay £60 for every completed repair. If you don't have a repair, you won't pay any excess. The same goes for £99 excess.

+

If you’ve already got cover with us, you can find your excess amount in your online account.

+ + + + + +

Additional information

+
+
    +
  1. +

    Offer is only available to new to Services customers and existing British Gas Energy only customers who buy HomeCare Three or Four online or through a contact centre from 18th May 2021 until 7th June 2021. Customers who buy HomeCare Three or Four will auto renew to full price at the end of the first year. British Gas customers who have had a similar services product in the last 3 months, or more than once in the last 3 years, are excluded from this offer, as are customer who do not own their own home. This offer cannot be used in conjunction with any other offer, with the exception of employee discount and Refer a Friend. This offer or promotion is subject to availability and can be removed at any time.

    +
    2. +
+
+ + +
+ + + + + diff --git a/src/assets/page-types/product/page.html b/src/assets/page-types/product/page.html new file mode 100644 index 000000000..b416847f8 --- /dev/null +++ b/src/assets/page-types/product/page.html @@ -0,0 +1,263 @@ + + + + + + + + + Page type - Product + + + + +
+ + +

+ Appliance and electrical cover. + Ready for the unexpected +

+
+

If your washing machine, fireplace, or electric radiator needs repair, or if your electrics are playing up, we’ve always got an expert engineer ready to help.

+
+ + + +
+

Choose the cover you need

+
+ + + +

Kitchen Appliance Cover

+

From

+
+

a month

+ With excess +
+
+

Protect those important, everyday appliances, such as your cooker or fridge.

+
+ +

What’s included?

+
    +
  • All repairs to the kitchen appliance(s) shown on your statement
    • +
  • A contribution towards a replacement if we can’t repair it or we decide it will cost less to replace than to repair. We’ll source the replacement from our approved supplier and make the following contribution based on their current retail selling price: +
      +
    • 100% if your appliance is less than three years old
      • +
    • 30% if your appliance is three years old or more
      • +
    • You may be required to provide proof of purchase to help verify the appliance value
      • +
    • You may use our contribution towards an alternative model of your choice from our approved supplier - there is no cash alternative
      • +
    +
    • +
  • Accidental damage
    • +
+ + +

What’s not included?

+
    +
  • Anything that happens in the first 14 days of the product start date or the addition of a new appliance
    • +
  • Wine coolers, cooker hoods and other extractor fans
    • +
  • Disconnecting and disposing of your old appliance, or unpacking or installing new ones
    • +
  • Any appliance(s) that weren’t bought in the UK
    • +
  • Any appliances(s) that weren’t new when you bought them, unless they are appliance(s) that were in the property when you moved in
    • +
  • Appliance(s) designed for commercial use
    • +
+ + Kitchen Appliance Cover + + + +

Gas Appliance Cover

+

From

+
+

a month

+ With excess +
+
+

Gives you complete cover for your gas-fed appliances, like your gas heater or cooker.

+
+ +

What’s included?

+
    +
  • All repairs to: +
      +
    • the gas appliance(s) shown on your statement; and
      • +
    • the room sealed flue up to one metre in length and the flue terminal
      • +
    +
    • +
  • A replacement if we can’t repair it because it caught fire or exploded, providing you gave us access to carry out your annual service within every period of agreement
    • +
  • An annual service
    • +
  • A replacement of the room sealed flue up to one metre in length and the flue terminal if we can’t repair it
    • +
  • Accidental damage
    • +
  • Costs of up to £500 for alternative accommodation and travel if your home is unfit to live in as a result of your gas appliance catching fire or exploding
    • +
+ + +

What’s not included?

+
    +
  • Repairing or replacing open flues and their terminals or any flue over one metre in length
    • +
  • Damage caused by limescale
    • +
  • Flueless fires
    • +
+ + Gas Appliance Cover + + + +

Home Electrical Cover

+

From

+
+

a month

+ With excess +
+
+

Cover to repair faulty wiring, switches, sockets and fittings.

+
+ +

What’s included?

+
    +
  • All repairs to the mains electrical system and wiring on your property, for example: +
      +
    • the fuse box, light fittings, switches, sockets, isolation switches and your immersion heater timer switch;
      • +
    • extractor fans up to 15cm in diameter;
      • +
    • doorbells and smoke alarms that are connected to the wiring; and
      • +
    • outside lighting as long as it’s fixed to your home or outbuildings and fitted less than ten metres above ground
      • +
    +
    • +
  • A replacement of parts that we can’t repair
    • +
  • Accidental damage
    • +
  • Repairs to your electric vehicle charging unit, if we installed it, following breakdown, accidental damage, or damage caused by vandalism or theft
    • +
+ + +

What’s not included?

+
    +
  • Electrical appliances, burglar alarms and camera systems
    • +
  • Showers and their parts, shower pumps, cooker extractor hoods, storage and panel heaters, underfloor heating, swimming pools, controls, pumps,detectors, timers and programmers, electrical plugs, and solar panels and their inverters
    • +
  • The electricity supply cable up to the fuse box or mains isolation switch if fitted
    • +
  • Power cables between your home and any detached outbuildings, outdoor fittings or appliances on your property
    • +
  • Electrics in your outbuildings if the supply is connected to a separate electricity meter than to your home
    • +
  • Rubber or lead covered cables
    • +
  • Complete system rewire
    • +
  • Outside lighting not fixed to your home or outbuilding
    • +
+ + Home Electrical Cover + + + +

Important documents

+
    +
  • + Terms & conditions +
    • +
  • + About our insurance services +
    • +
+ + + + + +

+ Looking out for you. + Relax we've got you covered +

+
+

With electrical and appliance cover, you can relax. There’s no need to put your plans on hold when something goes wrong – get in touch and we’ll be there to get you back on track.

+

Included with each type of cover:

+
    +
  • Unlimited call outs 1
    • +
  • Parts and labour cost
    • +
  • A 24/hr customer helpline
    • +
  • Trusted expert engineers
    • +
+
+ + + + + + + +

I accidentally broke the door on my washing machine – the engineer arrived promptly and repaired it perfectly – you'd never know it was previously damaged. Many thanks @britishgas

+ + +

My gas cooker caught fire, so they replaced it with a brand new one! Very pleased I have the Gas Appliance Cover in place.

+ + +

No more flickering lights and scary buzzing switches now my wiring has been fixed. Excellent work @britishgas

+ + + + + + +

+ Or there’s HomeCare. + Complete home cover that’s hard to beat +

+
+

Our HomeCare range offers different levels of protection for your home – from boiler only cover, right through to home electrics, plumbing and drains. As well as a first visit, where our expert engineer gives your boiler a good once-over.

+

We’ll be there for you all-year round to help if anything goes wrong. And that’s all for just a little extra each month.

+
+ View full HomeCare range + + + + + + + +

Need to book an engineer?

+

If your kitchen or gas appliances are playing up, or you’ve noticed an issue with your electricals.

+

Book an engineer and we will get a date in the diary.

+ + + + + + +

Frequently asked questions

+ +

What happens to my renewal price after the first year?

+

The price you’ll pay at renewal is likely to increase as your introductory price will have ended, but it will be tailored to your specific details. If you’re paying by direct debit, you will automatically renew, however you can still choose to change or cancel your contract, we'll contact you before your renewal date to remind you.

+ + +

Can I control my account online?

+

Yes, with an online account you can arrange a service visit, find out what’s happening with your appointment, book an engineer and submit a meter reading if you have energy with us. We’ve even got a free smartphone app.

+ + +

Why am I getting a different price, after entering my address?

+

We use information about your location to tailor the price you pay for HomeCare cover. Factors such as water hardness and property type may influence claims costs, which is reflected in your price.

+ + +

Can I speak to someone if I have a question?

+

You can call us on 0333 202 9604. Monday to Friday: 8am - 8pm, Saturday 8am - 2pm. We may record calls to help improve our service to you. Calls to 0330/0333 numbers will cost you no more than 01 or 02 numbers from landlines or mobiles. If you get 'inclusive minutes' with your package, calls to 0330/0333 numbers will be part of these.

+ + +

Do you provide service plans for businesses?

+

Yes, if you are a business customer, please visit our business website for details.

+ + + + + +

Additional information

+
+
    +
  1. Your call out history is taken into account at renewal.
    2. +
+
+ + + +
+ + + + + diff --git a/src/assets/page-types/roadblock/page.html b/src/assets/page-types/roadblock/page.html new file mode 100644 index 000000000..b00f3fe4c --- /dev/null +++ b/src/assets/page-types/roadblock/page.html @@ -0,0 +1,33 @@ + + + + + + + + + Page type - Roadblock + + + + +
+ + +

+ Something went wrong. + We couldn't bake your cake +

+

Our chef baker couldn't find the ingredients to bake your cake. This may be because our Cupboard Manager didn't do the grocery shopping yesterday.

+

We recommend you order a new cake and we'll throw cherry a on top, on us.

+ + Order a new cake + + + +
+ + + + + diff --git a/src/assets/page-types/start/page.html b/src/assets/page-types/start/page.html new file mode 100644 index 000000000..17e3c9615 --- /dev/null +++ b/src/assets/page-types/start/page.html @@ -0,0 +1,70 @@ + + + + + + + + + Page type - Start + + + + +
+ + +

+ Let's get moving. + Moving home with British Gas +

+

We can set up your new home by keeping everything just as it is in a few easy steps.

+ + + + +

We'll need some information from you

+
    +
  • The date you're moving home.
    • +
  • Your new address and what products you want to transfer.
    • +
  • If you've already moved, a meter reading will allow us to provide you with a more accurate final statement or bill.
    • +
+ Start your move + + + + + +

Moving home guides

+ + + +

What's the right boiler for me?

+

Assess your heating system and usage to understand what boiler will be suitable.

+ + Read our guide to boilers + + + +

Changing your details

+

Let us know your new address, moving dates or change of payment details.

+ + How to let us know + + + +

Closing your account

+

We'd hate to lose you as a customer but we realise sometimes it's best to move on.

+ + It's not you, it's me + + + + + +
+ + + + + diff --git a/src/assets/page-types/stopgap/page.html b/src/assets/page-types/stopgap/page.html new file mode 100644 index 000000000..140b00ebb --- /dev/null +++ b/src/assets/page-types/stopgap/page.html @@ -0,0 +1,34 @@ + + + + + + + + + Page type - Stopgap + + + + +
+ + +

+ Nearly there. + We're processing your order +

+
+ +

We are processing your payment and confirming your engineer appointment.

+

This may take up to 2 minutes.

+

Please do not close your browser.

+
+ + +
+ + + + + diff --git a/src/content/docs/page-types/article.md b/src/content/docs/page-types/article.mdx similarity index 66% rename from src/content/docs/page-types/article.md rename to src/content/docs/page-types/article.mdx index 4d482a330..fa5100aa2 100644 --- a/src/content/docs/page-types/article.md +++ b/src/content/docs/page-types/article.mdx @@ -9,18 +9,12 @@ Article pages are used to inform the user about something. They can take the for They allow long form content with images and sections, with very little effort required by the author to achieve the layout of the content, meaning it is an ideal format for regular updates and breaking news where speed of release is important. The article page can be effective for marketing and can also be a useful as an SEO (Search Engine Optimisation) tool – helping to drive traffic to the site. -## Purpose +### Purpose -* To promote news, blog or marketing. -* A quick and easy way to create a page where speed of release may be important. -* Helps the website contain fresh and regularly updated content. -* To gain and develop a person's interest in a topic that could lead to action. - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Modern and dynamic | Persuasive, Beneficial | Promotional, Informative | +- To promote news, blog or marketing. +- A quick and easy way to create a page where speed of release may be important. +- Helps the website contain fresh and regularly updated content. +- To gain and develop a person's interest in a topic that could lead to action. ## Example @@ -33,13 +27,15 @@ They allow long form content with images and sections, with very little effort r Write content to grab attention, create interest, sell the benefits and make the person reading it desire something. Then provide a call to action for them. Use images, bullet points or numbered lists to help convey information and enrich the experience. +:::tip[Principles] +- **Creative** - Modern and dynamic +- **Tone of voice** - Persuasive, Beneficial +- **Keywords** - Promotional, Informative +::: + | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [nsx-header](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of H1 and 16:9 image](https://user-images.githubusercontent.com/78355810/123983883-1f787880-d9bc-11eb-8f6a-ad877d1bf1c3.png) | Use a compelling but concise headline that would make someone want to click it, if it were to be seen as a link elsewhere. Immediately below the h1 is a relative [ns-image](/components/ns-image) with a 16:9 ratio and a caption to grab attention and sell the story. The image should convey the headline and the caption should describe the image. See [ns-article](components/ns-article) for more information. | -| ![Image of Blog content](https://user-images.githubusercontent.com/78355810/123984000-34550c00-d9bc-11eb-9b28-c740b56a75b9.png) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, links, lists, further images and captions and CTAs. It can also be broken in to sections (like chapters) visually indicated by a set of 3 dots. See [ns-article](components/ns-article) for more information. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [nsx-footer](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | - -## Related links - -* [ns-article](components/ns-article) +| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of H1 and 16:9 image](https://user-images.githubusercontent.com/78355810/123983883-1f787880-d9bc-11eb-8f6a-ad877d1bf1c3.png) | Use a compelling but concise headline that would make someone want to click it, if it were to be seen as a link elsewhere. Immediately below the h1 is a relative [``](/components/ns-image) with a 16:9 ratio and a caption to grab attention and sell the story. The image should convey the headline and the caption should describe the image. See [``](/components/ns-article) for more information. | +| ![Image of Blog content](https://user-images.githubusercontent.com/78355810/123984000-34550c00-d9bc-11eb-9b28-c740b56a75b9.png) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, links, lists, further images and captions and CTAs. It can also be broken in to sections (like chapters) visually indicated by a set of 3 dots. See [``](/components/ns-article) for more information. | +| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | diff --git a/src/content/docs/page-types/confirmation.md b/src/content/docs/page-types/confirmation.mdx similarity index 62% rename from src/content/docs/page-types/confirmation.md rename to src/content/docs/page-types/confirmation.mdx index fe5280164..5d5d4a08d 100644 --- a/src/content/docs/page-types/confirmation.md +++ b/src/content/docs/page-types/confirmation.mdx @@ -9,19 +9,13 @@ The confirmation page type is used to show a customer that their journey or task It is important to differentiate from previous stages. -## Purpose +### Purpose -* To reassure the customer that a task was completed. -* To play back relevant information. -* To set expectations of any further steps required. +- To reassure the customer that a task was completed. +- To play back relevant information. +- To set expectations of any further steps required. -For more information on how to bookend your journeys [see the Start page type](page-types/start). - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Clean and fresh | Be helpful | Functional, Informative | +For more information on how to bookend your journeys [see the Start page type](/page-types/start). ## Example @@ -36,24 +30,30 @@ The page should always begin with a clear completion message. Any key information the customer needs to remember or save for a later date should be presented at the top of the page. This might include: -* Any reference numbers. -* An appointment date and/or time. -* A start or end date. -* The duration of a product or service. -* An address or contact information. +- Any reference numbers. +- An appointment date and/or time. +- A start or end date. +- The duration of a product or service. +- An address or contact information. This page will inform the customer that they have successfully completed their current task, and set their expectations for any further steps required. You can use supporting content to play back their purchase and inform them of what will happen next. If the customer is required to complete any additional follow up tasks, then those should be positioned as close to the top of the page as possible. +:::tip[Principles] +- **Creative** - Clean and fresh +- **Tone of voice** - Be helpful +- **Keywords** - Functional, Informative +::: + | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [nsx-header](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [ns-landmark](/components/ns-landmark) showing a clear completion message. Any key information the customer needs to remember or save for a later, such as appointment details should be presented here. | -| ![Image of Timeline](https://user-images.githubusercontent.com/78355810/122087289-74cd5b00-cdfc-11eb-9171-18647c95b75f.png) | Below the message can be [ns-timeline](/components/ns-timeline) that shows a status overview of the whole process whilst setting expectations for the further steps. | -| ![Image of supplementary cards](https://user-images.githubusercontent.com/78355810/122088757-f83b7c00-cdfd-11eb-82cc-7bf553156b1a.png) | Following that, there can be supplementary content that consists of more [ns-card](/components/ns-card) components, consider introducing a decoration that is sympathetic to the surrounding aesthetics. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [nsx-footer](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [``](/components/ns-landmark) showing a clear completion message. Any key information the customer needs to remember or save for a later, such as appointment details should be presented here. | +| ![Image of Timeline](https://user-images.githubusercontent.com/78355810/122087289-74cd5b00-cdfc-11eb-9171-18647c95b75f.png) | Below the message can be [``](/components/ns-timeline) that shows a status overview of the whole process whilst setting expectations for the further steps. | +| ![Image of supplementary cards](https://user-images.githubusercontent.com/78355810/122088757-f83b7c00-cdfd-11eb-82cc-7bf553156b1a.png) | Following that, there can be supplementary content that consists of more [``](/components/ns-card) components, consider introducing a decoration that is sympathetic to the surrounding aesthetics. | +| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | -### Supporting confirmation email +### Confirmation email In addition to this page, a confirmation email containing this information should be sent to the customer. This is especially important if the customer cannot bookmark or revisit this page once they have navigated away from it. diff --git a/src/content/docs/page-types/editorial.md b/src/content/docs/page-types/editorial.mdx similarity index 55% rename from src/content/docs/page-types/editorial.md rename to src/content/docs/page-types/editorial.mdx index 65f544f5c..135cfb25c 100644 --- a/src/content/docs/page-types/editorial.md +++ b/src/content/docs/page-types/editorial.mdx @@ -7,18 +7,12 @@ description: Page type | Editorial page Editorial pages are more informative than promotional in nature. In some cases, it is necessary to explain something in more detail without the user needing to take an immediate action. -## Purpose +### Purpose -* To reassure the user with well organised details. -* Anticipate frequently asked questions and provide the answers. -* Help the user find everything they need to make informed decisions. -* Provide access to other subsequent and related information. - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Modern and dynamic | Welcoming, Be helpful | Detailed, Informative | +- To reassure the user with well organised details. +- Anticipate frequently asked questions and provide the answers. +- Help the user find everything they need to make informed decisions. +- Provide access to other subsequent and related information. ## Example @@ -31,17 +25,20 @@ Editorial pages are more informative than promotional in nature. In some cases, Editorial pages can contain lock-ups, images, links, lists and CTAs for a rich experience. Consider the hierarchy of information you want to show and group it under relative headings. Use images that help tell the story or help explain a complex concept. +:::tip[Principles] +- **Creative** - Modern and dynamic +- **Tone of voice** - Welcoming, Be helpful +- **Keywords** - Detailed, Informative +::: + | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [nsx-header](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/124106145-d972f180-da5b-11eb-8acf-c72850d9c665.png) | Next is [ns-landmark](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | -| ![Image of Editorial 1](https://user-images.githubusercontent.com/78355810/124105596-46d25280-da5b-11eb-8f4b-4aa88b4de26a.png) | Then there is content in the form of [ns-editorial](/components/ns-editorial) which can accommodate multiple sub headings, lists and paragraphs. The content should be concise and use sub headings to introduce each piece. Divide content into short paragraphs as it's easier to consume and aids effective page scanning. It also contains a supporting [ns-image](/components/nsx-footer) that should have an aspect ratio of 4:3. Don't use imagery with white backgrounds. | -| ![Image of Editorial 2](https://user-images.githubusercontent.com/78355810/124105682-5fdb0380-da5b-11eb-994e-6274f626f816.png) | Folllowing that is another [ns-editorial](/components/ns-editorial) component that has a reversed orientation. | -| ![Image of lockup dec](https://user-images.githubusercontent.com/78355810/124105862-8ef17500-da5b-11eb-8a3f-4e4a8b42ebd7.png) | Next is an [ns-lockup](/components/ns-lockup) with decoration, highlighting some key information such as a related product or service combined with an image and a CTA. | +| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/124106145-d972f180-da5b-11eb-8acf-c72850d9c665.png) | Next is [``](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | +| ![Image of Editorial 1](https://user-images.githubusercontent.com/78355810/124105596-46d25280-da5b-11eb-8f4b-4aa88b4de26a.png) | Then there is content in the form of [``](/components/ns-editorial) which can accommodate multiple sub headings, lists and paragraphs. The content should be concise and use sub headings to introduce each piece. Divide content into short paragraphs as it's easier to consume and aids effective page scanning. It also contains a supporting [``](/components/nsx-footer) that should have an aspect ratio of 4:3. Don't use imagery with white backgrounds. | +| ![Image of Editorial 2](https://user-images.githubusercontent.com/78355810/124105682-5fdb0380-da5b-11eb-994e-6274f626f816.png) | Folllowing that is another [``](/components/ns-editorial) component that has a reversed orientation. | +| ![Image of lockup dec](https://user-images.githubusercontent.com/78355810/124105862-8ef17500-da5b-11eb-8a3f-4e4a8b42ebd7.png) | Next is an [``](/components/ns-lockup) with decoration, highlighting some key information such as a related product or service combined with an image and a CTA. | | ![Image of Editorial 3](https://user-images.githubusercontent.com/78355810/124105776-78e3b480-da5b-11eb-8ec8-daca2c4cae6c.png) | Next are 2 more ns-editorial components that show bullet point lists to help summarise important points such as benefits. These are useful to a user who may be scanning through the page for the details they want to know. | -| ![Image of lockup](https://user-images.githubusercontent.com/78355810/124105951-a4ff3580-da5b-11eb-83c8-2edd3e5b0348.png) | Following that is another [ns-lockup](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | -| ![Image of Supplementary PIC cards](https://user-images.githubusercontent.com/78355810/124106004-b8aa9c00-da5b-11eb-8839-890c4db4de2e.png) | Folllowing that, towards the end of the page, we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [ns-card](/components/ns-card) components with images and text CTAs, and a decoration that is sympathetic to the end of the page caveat or footer section. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [nsx-footer](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | -## Related links - -* [ns-editorial](components/ns-editorial) +| ![Image of lockup](https://user-images.githubusercontent.com/78355810/124105951-a4ff3580-da5b-11eb-83c8-2edd3e5b0348.png) | Following that is another [``](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | +| ![Image of Supplementary PIC cards](https://user-images.githubusercontent.com/78355810/124106004-b8aa9c00-da5b-11eb-8839-890c4db4de2e.png) | Folllowing that, towards the end of the page, we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [``](/components/ns-card) components with images and text CTAs, and a decoration that is sympathetic to the end of the page caveat or footer section. | +| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | diff --git a/src/content/docs/page-types/guide.md b/src/content/docs/page-types/guide.mdx similarity index 68% rename from src/content/docs/page-types/guide.md rename to src/content/docs/page-types/guide.mdx index 34514b7c1..ca3eb3aaa 100644 --- a/src/content/docs/page-types/guide.md +++ b/src/content/docs/page-types/guide.mdx @@ -7,19 +7,13 @@ description: Page type | Guide page Guide pages unsurprisingly, give guidance to the reader. This guidance is often on a wide range of topics related in some way to the products and services the organisation offers. Guide pages are also an essential SEO tool, designed to drive traffic to the site by proving the organisation to be an expert on a range of (well considered and relevant) topics. -## Purpose +### Purpose -* Some guide pages are intended to provide specific detail relating to the products and services the organisation offers. Others answer important customer questions relating to our product and services. -* To give the customer the ability to scan through the details and find what the information they need quickly and easily. -* To give customers the confidence they need to make a purchase. -* To educate customers on a particular topic. -* This might take the form of instructions on how to do something, breaking down a complex topic or deeper reading to help make a decision. - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Clean and fresh | Be helpful | Functional, Informative | +- Some guide pages are intended to provide specific detail relating to the products and services the organisation offers. Others answer important customer questions relating to our product and services. +- To give the customer the ability to scan through the details and find what the information they need quickly and easily. +- To give customers the confidence they need to make a purchase. +- To educate customers on a particular topic. +- This might take the form of instructions on how to do something, breaking down a complex topic or deeper reading to help make a decision. ## Example @@ -34,10 +28,16 @@ Images should only be used on a guide page if they are demonstrating a relative Keep content clear and to the point. Use bullet points or numbered lists to help convey instructions. Use descriptive h2 or h3 etc. to break content into relevant sections, allowing the user to identify the content by just reading those alone. And use the 2nd column and card to show things like contact details, a summary, or relative links. +:::tip[Principles] +- **Creative** - Clean and fresh +- **Tone of voice** - Be helpful +- **Keywords** - Functional, Informative +::: + | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [nsx-header](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [ns-landmark](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | -| ![LF Content - 2col](https://user-images.githubusercontent.com/78355810/123948174-12965d80-d999-11eb-9638-5841184801f0.png) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, lists, tables, accordions and CTAs. It is contained within [ns-content](/components/ns-content) and has 2 columns in larger viewports. The column to the right can contain a support type [ns-card](/components/ns-card) useful for summarised information or relative links. | +| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [``](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | +| ![LF Content - 2col](https://user-images.githubusercontent.com/78355810/123948174-12965d80-d999-11eb-9638-5841184801f0.png) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, lists, tables, accordions and CTAs. It is contained within [``](/components/ns-content) and has 2 columns in larger viewports. The column to the right can contain a support type [``](/components/ns-card) useful for summarised information or relative links. | | ![Supplementary cards](https://user-images.githubusercontent.com/78355810/123975760-80508280-d9b5-11eb-896e-fa0cb1f87de0.png) | Then there is an section which is common to help and support pages and asks if the page was useful (answered with radio buttons). The feedback helps us improve the user experience of these pages. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [nsx-footer](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | diff --git a/src/content/docs/page-types/home.md b/src/content/docs/page-types/home.mdx similarity index 50% rename from src/content/docs/page-types/home.md rename to src/content/docs/page-types/home.mdx index 6a6273b82..90e880830 100644 --- a/src/content/docs/page-types/home.md +++ b/src/content/docs/page-types/home.mdx @@ -7,19 +7,13 @@ description: Page type | Home page Think of this page as the shop window. It is the primary display point of the brand. It needs to capture attention, and peak interest. It is also the starting point for many users to navigate into specific product journeys, or learn before they purchase. The homepage has to work hard and wear many hats without being an overwhelming barrage of information. -## Purpose +### Purpose -* An introduction to the brand, leaving a lasting first impression. -* Promote specific products or services offered. -* Drive traffic to strategically important products and services. -* Provide a starting point for customers to easily find what they need. -* Promote the latest offers. - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Warm and friendly | Be active, Be natural | Promotional, Navigational, Informative, Memorable | +- An introduction to the brand, leaving a lasting first impression. +- Promote specific products or services offered. +- Drive traffic to strategically important products and services. +- Provide a starting point for customers to easily find what they need. +- Promote the latest offers. ## Example @@ -30,18 +24,24 @@ Think of this page as the shop window. It is the primary display point of the br ## Content guidance +:::tip[Principles] +- **Creative** - Warm and friendly +- **Tone of voice** - Be active, Be natural +- **Keywords** - Promotional, Navigational, Informative, Memorable +::: + | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [nsx-header](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence with the logo. | -| ![Image of skyline](https://user-images.githubusercontent.com/78355810/121555785-348c6800-ca0b-11eb-922d-c2c3b4937acd.png) | Positioned directly beneath the global navigation and above any content, [ns-skyline](/components/ns-skyline) displays high level messages to the user. The purpose of ns-skyline is to notify the user of important site-wide, or non-page specific events, that may affect their experience of using the website.| -| ![Image of Panel 1](https://user-images.githubusercontent.com/78355810/121552839-af07b880-ca08-11eb-9f48-63171fa005db.png) | This [ns-landmark](/components/ns-landmark) consists of a heading, an introductory paragraph and a CTA. Landmarks are used to introduce the page, informing users of their current location and its primary purpose. They contain the most compelling and important message, emphasising the key points in bold text, accompanied with a relevant 'hero' image. | -| ![Image of Panel 2](https://user-images.githubusercontent.com/78355810/121559775-ce094900-ca0e-11eb-9d15-d370761a9202.png) | Next, this [ns-panel](/components/ns-panel) consists of a heading, an introductory paragraph and 3 [ns-card](/components/ns-card) components (section type), with CTAs for the most common reasons a user would be visiting the website. | -| ![Image of Panel 3](https://user-images.githubusercontent.com/78355810/121560789-c0a08e80-ca0f-11eb-9708-658a94aa90a0.png) | Next is a [ns-lockup](/components/ns-lockup) describing some information such as latest news or a promotion combined with an image and a CTA. | -| ![Image of Panel 4](https://user-images.githubusercontent.com/78355810/121561606-91d6e800-ca10-11eb-967c-824decbea4a8.png) | Following on, are 3 more [ns-card](/components/ns-card) components with text CTAs, combined with a heading. These offer links to other services that may also be of interest, but are of less importance than the 3 cards above. | -| ![Image of Panel 5](https://user-images.githubusercontent.com/78355810/121562212-23465a00-ca11-11eb-8a39-10e0885ab05d.png) | Next is an [ns-lockup](/components/ns-lockup) with decoration which is used to grab attention to another product or service lower down in the order. | -| ![Image of Panel 6](https://user-images.githubusercontent.com/78355810/121562898-d1520400-ca11-11eb-93e8-46dedc5bf79f.png) | Following is an [ns-lockup](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | -| ![Image of Panel 7](https://user-images.githubusercontent.com/78355810/121563848-b8961e00-ca12-11eb-936e-b46c5de2394d.png) | Then there is an [ns-lockup](/components/ns-lockup) with decoration... | -| ![Image of Panel 8](https://user-images.githubusercontent.com/78355810/121565028-fa739400-ca13-11eb-8a68-90ff869c3cb4.png) | ...and then, if it's really necessary another [ns-lockup](/components/ns-lockup) variant can be used. Be mindful of putting too many lockups on one page. | -| ![Image of Panel 9](https://user-images.githubusercontent.com/78355810/121565846-c64ca300-ca14-11eb-803c-c7e2ba88de92.png) | Now towards the end of the page we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [ns-card](/components/ns-card) components with text CTAs, and with a decoration that is sympathetic to the end of the page caveat or footer section. | -| ![Image of Caveat](https://user-images.githubusercontent.com/78355810/121566776-bed9c980-ca15-11eb-8032-8df59ac5c372.png) | If required, include [ns-caveat](/components/ns-caveat) to provide additional information and legal details to the content. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [nsx-footer](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence with the logo. | +| ![Image of skyline](https://user-images.githubusercontent.com/78355810/121555785-348c6800-ca0b-11eb-922d-c2c3b4937acd.png) | Positioned directly beneath the global navigation and above any content, [``](/components/ns-skyline) displays high level messages to the user. The purpose of ns-skyline is to notify the user of important site-wide, or non-page specific events, that may affect their experience of using the website.| +| ![Image of Panel 1](https://user-images.githubusercontent.com/78355810/121552839-af07b880-ca08-11eb-9f48-63171fa005db.png) | This [``](/components/ns-landmark) consists of a heading, an introductory paragraph and a CTA. Landmarks are used to introduce the page, informing users of their current location and its primary purpose. They contain the most compelling and important message, emphasising the key points in bold text, accompanied with a relevant 'hero' image. | +| ![Image of Panel 2](https://user-images.githubusercontent.com/78355810/121559775-ce094900-ca0e-11eb-9d15-d370761a9202.png) | Next, this [``](/components/ns-panel) consists of a heading, an introductory paragraph and 3 [``](/components/ns-card) components (section type), with CTAs for the most common reasons a user would be visiting the website. | +| ![Image of Panel 3](https://user-images.githubusercontent.com/78355810/121560789-c0a08e80-ca0f-11eb-9708-658a94aa90a0.png) | Next is a [``](/components/ns-lockup) describing some information such as latest news or a promotion combined with an image and a CTA. | +| ![Image of Panel 4](https://user-images.githubusercontent.com/78355810/121561606-91d6e800-ca10-11eb-967c-824decbea4a8.png) | Following on, are 3 more [``](/components/ns-card) components with text CTAs, combined with a heading. These offer links to other services that may also be of interest, but are of less importance than the 3 cards above. | +| ![Image of Panel 5](https://user-images.githubusercontent.com/78355810/121562212-23465a00-ca11-11eb-8a39-10e0885ab05d.png) | Next is an [``](/components/ns-lockup) with decoration which is used to grab attention to another product or service lower down in the order. | +| ![Image of Panel 6](https://user-images.githubusercontent.com/78355810/121562898-d1520400-ca11-11eb-93e8-46dedc5bf79f.png) | Following is an [``](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | +| ![Image of Panel 7](https://user-images.githubusercontent.com/78355810/121563848-b8961e00-ca12-11eb-936e-b46c5de2394d.png) | Then there is an [``](/components/ns-lockup) with decoration... | +| ![Image of Panel 8](https://user-images.githubusercontent.com/78355810/121565028-fa739400-ca13-11eb-8a68-90ff869c3cb4.png) | ...and then, if it's really necessary another [``](/components/ns-lockup) variant can be used. Be mindful of putting too many lockups on one page. | +| ![Image of Panel 9](https://user-images.githubusercontent.com/78355810/121565846-c64ca300-ca14-11eb-803c-c7e2ba88de92.png) | Now towards the end of the page we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [``](/components/ns-card) components with text CTAs, and with a decoration that is sympathetic to the end of the page caveat or footer section. | +| ![Image of Caveat](https://user-images.githubusercontent.com/78355810/121566776-bed9c980-ca15-11eb-8032-8df59ac5c372.png) | If required, include [``](/components/ns-caveat) to provide additional information and legal details to the content. | +| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | diff --git a/src/content/docs/page-types/hub.md b/src/content/docs/page-types/hub.mdx similarity index 68% rename from src/content/docs/page-types/hub.md rename to src/content/docs/page-types/hub.mdx index e1a180fd8..76528d2aa 100644 --- a/src/content/docs/page-types/hub.md +++ b/src/content/docs/page-types/hub.mdx @@ -7,14 +7,14 @@ description: Page type | Hub page Hub pages are designed to link other pages (often product pages) and navigate users down the right path. That means hub pages contain lots of links and snippets of information. They’re essential site navigation tools, but they can also be powerful SEO tools. We know existing customers often use hub pages to navigate to their end goal. -## Purpose +### Purpose -* Direct users down more specific paths, this might be toward a product page or into a product journey. -* Tie the related pages within the product/ service area together. -* Promote latest offers, and direct users to strategically important products/ services (e.g. by adjusting content hierarchy). -* Guide existing customers to the best next action since many of them use hub pages as a starting point rather than logging in. -* Showcase and navigate. -* Strong SEO potential, primarily because of link authority. This means, when done properly, majority of the organic traffic lands on these pages. +- Direct users down more specific paths, this might be toward a product page or into a product journey. +- Tie the related pages within the product/ service area together. +- Promote latest offers, and direct users to strategically important products/ services (e.g. by adjusting content hierarchy). +- Guide existing customers to the best next action since many of them use hub pages as a starting point rather than logging in. +- Showcase and navigate. +- Strong SEO potential, primarily because of link authority. This means, when done properly, majority of the organic traffic lands on these pages. ## Example @@ -23,8 +23,10 @@ Hub pages are designed to link other pages (often product pages) and navigate us -## Principles to follow +## Content guidance -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Warm and friendly | Be active, Be natural | Promotional, Navigational, Informative | +:::tip[Principles] +- **Creative** - Warm and friendly +- **Tone of voice** - Be active, Be natural +- **Keywords** - Promotional, Navigational, Informative +::: diff --git a/src/content/docs/page-types/product.md b/src/content/docs/page-types/product.mdx similarity index 52% rename from src/content/docs/page-types/product.md rename to src/content/docs/page-types/product.mdx index ccee2d63f..893d24f6c 100644 --- a/src/content/docs/page-types/product.md +++ b/src/content/docs/page-types/product.mdx @@ -7,20 +7,14 @@ description: Page type | Product page Product pages introduce more granular detail than hub pages. They often display pricing, product terms and promotion details. Primary actions on the page drive customers into the sales journey, and conversion rate should be measured into these journeys to deduce how to optimise page performance. -## Purpose +### Purpose -* Immediately convey the value of the featured product (or service). -* Explain the key features of the the product or service, this could be visually or verbally. -* Make customers believe this is the product or service they need. -* Convince the customer of the product offering to drive them into the top of the sales funnel. -* Carry all relevant legal or regulatory information (this could be a link to or caveat etc) required for the product & service offerings on the page. -* Direct users to more information if they’re not at the sales part of their buying journey. - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Modern and dynamic | Be active, Be natural | Promotional, Informative | +- Immediately convey the value of the featured product (or service). +- Explain the key features of the the product or service, this could be visually or verbally. +- Make customers believe this is the product or service they need. +- Convince the customer of the product offering to drive them into the top of the sales funnel. +- Carry all relevant legal or regulatory information (this could be a link to or caveat etc) required for the product & service offerings on the page. +- Direct users to more information if they’re not at the sales part of their buying journey. ## Example @@ -33,16 +27,22 @@ Product pages introduce more granular detail than hub pages. They often display Use images of the product itself, or if that isn't tangible, the items it affects. Show clarity in pricing and create a persuasive call-to-action (CTA). Write informative product descriptions for the uninitiated. Leverage social proof where possible. Provide accurate product recommendations and remain consistent. -There are different types of products, so you will need to assess your individual product's requirements, but you may find the following composition guidelines of use. +There are different types of products, so you will need to assess your individual product's requirements, but you may find the following composition guidelines of use. + +:::tip[Principles] +- **Creative** - Modern and dynamic +- **Tone of voice** - Be active, Be natural +- **Keywords** - Promotional, Informative +::: | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [nsx-header](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-lakeside](https://user-images.githubusercontent.com/78355810/131121916-b8dc224f-c978-483d-bf2e-0365b98e95d6.png) | Use the [ns-landmark](/components/ns-landmark) component (lakeside) with a prominent, compelling, value proposition. Clearly and concisely describe the product and any offer, to confirm to the user the page they have opened. It effectively brings CTAs further up the page and into view, which in theory should increase conversions (the use of a single CTA here could also work in the absence of multiple choices). Optionally, you could include an [ns-pill](/components/ns-pill) component to highlight the offer.| -| ![Image of Product cards](https://user-images.githubusercontent.com/78355810/131130369-1b5a8516-e240-4a27-993c-059852ab43ce.png) | Conversions may be increased if the [ns-product-card](/components/ns-pill) or [ns-card](/components/ns-card) (support with image type) CTAs are high up in the order of a product page – situating them in the most visually scanned areas. Use images that conform to [ns-image](/components/ns-image) 16:9 aspect ratio, and help communicate the product. It can also make comparisons easier. | -| ![Image of benefits bullet point list](https://user-images.githubusercontent.com/78355810/131134066-0a731188-1311-4730-82a9-7cdbf67975c1.png) | Explain the main benefits of the product. Perhaps tell a story or link to one. This could be in the form of a list within the [ns-content](/components/ns-content) or [ns-lockup](/components/ns-lockup) components. | -| ![Image of Trustpilot testimonials](https://user-images.githubusercontent.com/78355810/131661864-af82f913-94bd-4d44-93ee-8bbf3f95a77b.png) | Leverage social proof by including things like TrustPilot reviews or the [ns-testimonial](/components/ns-testimonial) component. TrustPilot can be of more value to the user as the content is honest and not curated by our business. However, in some cases, using the ns-testimonial component may be more appropriate and utilises the company's brand aesthetic in the section. | -| ![Image of lockup](https://user-images.githubusercontent.com/78355810/131138961-8f6b88a4-78bc-4774-96a9-96de6238585d.png) | Highlight related products, services or links to guides etc. using [ns-lockup](components/ns-lockup) component, but keep this lower down the page than the main product information. | -| ![Image of accordion](https://user-images.githubusercontent.com/78355810/131140408-01727e6c-e724-458c-bf15-0427f53149e0.png) | Use the [ns-accordion](/components/ns-accordion) component to display any FAQs. If a user has scrolled this far they are likely to have unanswered questions. You may also want to consider including live chat support like 'Cosmo' (British Gas). | -| ![Image of caveat](https://user-images.githubusercontent.com/78355810/131139370-e7d72fef-b3a6-4a49-ad64-c7b7d4b63e70.png) | Following that we should display any caveats or legal information using the [ns-caveat](/components/ns-caveat) component. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [nsx-footer](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-lakeside](https://user-images.githubusercontent.com/78355810/131121916-b8dc224f-c978-483d-bf2e-0365b98e95d6.png) | Use the [``](/components/ns-landmark) component (lakeside) with a prominent, compelling, value proposition. Clearly and concisely describe the product and any offer, to confirm to the user the page they have opened. It effectively brings CTAs further up the page and into view, which in theory should increase conversions (the use of a single CTA here could also work in the absence of multiple choices). Optionally, you could include an [``](/components/ns-pill) component to highlight the offer.| +| ![Image of Product cards](https://user-images.githubusercontent.com/78355810/131130369-1b5a8516-e240-4a27-993c-059852ab43ce.png) | Conversions may be increased if the [``](/components/ns-pill) or [``](/components/ns-card) (support with image type) CTAs are high up in the order of a product page – situating them in the most visually scanned areas. Use images that conform to [``](/components/ns-image) 16:9 aspect ratio, and help communicate the product. It can also make comparisons easier. | +| ![Image of benefits bullet point list](https://user-images.githubusercontent.com/78355810/131134066-0a731188-1311-4730-82a9-7cdbf67975c1.png) | Explain the main benefits of the product. Perhaps tell a story or link to one. This could be in the form of a list within the [``](/components/ns-content) or [``](/components/ns-lockup) components. | +| ![Image of Trustpilot testimonials](https://user-images.githubusercontent.com/78355810/131661864-af82f913-94bd-4d44-93ee-8bbf3f95a77b.png) | Leverage social proof by including things like TrustPilot reviews or the [``](/components/ns-testimonial) component. TrustPilot can be of more value to the user as the content is honest and not curated by our business. However, in some cases, using the ns-testimonial component may be more appropriate and utilises the company's brand aesthetic in the section. | +| ![Image of lockup](https://user-images.githubusercontent.com/78355810/131138961-8f6b88a4-78bc-4774-96a9-96de6238585d.png) | Highlight related products, services or links to guides etc. using [``](/components/ns-lockup) component, but keep this lower down the page than the main product information. | +| ![Image of accordion](https://user-images.githubusercontent.com/78355810/131140408-01727e6c-e724-458c-bf15-0427f53149e0.png) | Use the [``](/components/ns-accordion) component to display any FAQs. If a user has scrolled this far they are likely to have unanswered questions. You may also want to consider including live chat support like 'Cosmo' (British Gas). | +| ![Image of caveat](https://user-images.githubusercontent.com/78355810/131139370-e7d72fef-b3a6-4a49-ad64-c7b7d4b63e70.png) | Following that we should display any caveats or legal information using the [``](/components/ns-caveat) component. | +| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | diff --git a/src/content/docs/page-types/roadblock.md b/src/content/docs/page-types/roadblock.mdx similarity index 70% rename from src/content/docs/page-types/roadblock.md rename to src/content/docs/page-types/roadblock.mdx index 545a59f66..6a4c4b814 100644 --- a/src/content/docs/page-types/roadblock.md +++ b/src/content/docs/page-types/roadblock.mdx @@ -7,11 +7,11 @@ description: Page type | Roadblock The Roadblock is a page type used to inform a user that they have met a dead end and cannot continue with their original journey. -## Purpose +### Purpose -* The Roadblock page type is there to present key information to a user when they reach an unexpected end to the task they were trying to complete. -* This can be related to a problem with a service that their task requires - these are 400 client side errors or 500 internal server error pages. -* The page should describe to the user what has happened and tell them how to fix it if possible. +- The Roadblock page type is there to present key information to a user when they reach an unexpected end to the task they were trying to complete. +- This can be related to a problem with a service that their task requires - these are 400 client side errors or 500 internal server error pages. +- The page should describe to the user what has happened and tell them how to fix it if possible. ## Example @@ -28,13 +28,19 @@ The copy must be in plain English, and if possible help the user out of the situ You should not use: -* Technical jargon like ‘form post error’, ‘unspecified error’ or ‘Severity code 3’ -* Humorous, informal language like ‘oops’ -* Negative language +- Technical jargon like ‘form post error’, ‘unspecified error’ or ‘Severity code 3’ +- Humorous, informal language like ‘oops’ +- Negative language If supporting information is needed, consider using `ns-lockup` or `ns-editorial`. This should not detract from the original purpose of the page. -## Best practice +:::tip[Principles] +- **Creative** - Modern and dynamic +- **Tone of voice** - Be active, Be natural +- **Keywords** - Promotional, Informative +::: + +### Best practice :::do - Communicate the message in a clear and concise way as possible. @@ -43,12 +49,6 @@ If supporting information is needed, consider using `ns-lockup` or `ns-editorial :::dont - Use the subheading. -- Use as errors that are specific to ui elements (such as form fields) or parts of a page ([See `ns-highlighter`](components/ns-highlighter) ). -- Use for global messaging ([See `ns-skyline`](components/ns-skyline) ). +- Use as errors that are specific to ui elements (such as form fields) or parts of a page ([See `ns-highlighter`](/components/ns-highlighter) ). +- Use for global messaging ([See `ns-skyline`](/components/ns-skyline) ). ::: - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Modern and dynamic | Be active, Be natural | Promotional, Informative | diff --git a/src/content/docs/page-types/start.md b/src/content/docs/page-types/start.mdx similarity index 57% rename from src/content/docs/page-types/start.md rename to src/content/docs/page-types/start.mdx index d3e9fce01..97d9f5a1f 100644 --- a/src/content/docs/page-types/start.md +++ b/src/content/docs/page-types/start.mdx @@ -7,18 +7,12 @@ description: Page type | Start This page type should be used to clarify and set up a task for a user at the beginning of a journey. -## Purpose +### Purpose -* This page sets expectations. -* It provides any contextual information that a user may need to complete their journey successfully. +- This page sets expectations. +- It provides any contextual information that a user may need to complete their journey successfully. -For more information on how to bookend your journeys [see the Confirmation page type](page-types/confirmation). - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Modern and dynamic | Be active, Be natural | Promotional, Informative | +For more information on how to bookend your journeys [see the Confirmation page type](/page-types/confirmation). ## Example @@ -33,10 +27,16 @@ The page composition below provides a suggestion of the typical content that is A dedicated start page may not be needed if users are coming from a page where their expectations have already been set. This page may also vary in shorter journeys, particularly where form elements may need to be present at the first step. +:::tip[Principles] +- **Creative** - Modern and dynamic +- **Tone of voice** - Be active, Be natural +- **Keywords** - Promotional, Informative +::: + | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [nsx-header](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [ns-landmark](/components/ns-landmark) which clarifies the task at hand for the user. This should have a welcoming tone. | -| ![Image of Bullet list Content plus CTA](https://user-images.githubusercontent.com/78355810/122067871-d5a06780-cdeb-11eb-91d3-f5479778d76d.png) | Below the Landmark is [ns-content](/components/ns-content) including an instructional heading with an unordered list to outline any information that the user needs to know to complete the journey. It also includes a prominent direct [ns-cta](/components/ns-cta). | -| ![Supplementary cards](https://user-images.githubusercontent.com/78355810/122068165-1304f500-cdec-11eb-9eaf-fe873e98903f.png) | Then there is a section with 3 [ns-card](/components/ns-card) components that link to relevant help and support content. It may also include signposting to a secondary journey, or action for frequently misdirected users. Decorative background elements should be adapted to create balance with the surrounding page elements. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [nsx-footer](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [``](/components/ns-landmark) which clarifies the task at hand for the user. This should have a welcoming tone. | +| ![Image of Bullet list Content plus CTA](https://user-images.githubusercontent.com/78355810/122067871-d5a06780-cdeb-11eb-91d3-f5479778d76d.png) | Below the Landmark is [``](/components/ns-content) including an instructional heading with an unordered list to outline any information that the user needs to know to complete the journey. It also includes a prominent direct [``](/components/ns-cta). | +| ![Supplementary cards](https://user-images.githubusercontent.com/78355810/122068165-1304f500-cdec-11eb-9eaf-fe873e98903f.png) | Then there is a section with 3 [``](/components/ns-card) components that link to relevant help and support content. It may also include signposting to a secondary journey, or action for frequently misdirected users. Decorative background elements should be adapted to create balance with the surrounding page elements. | +| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | diff --git a/src/content/docs/page-types/stopgap.md b/src/content/docs/page-types/stopgap.mdx similarity index 74% rename from src/content/docs/page-types/stopgap.md rename to src/content/docs/page-types/stopgap.mdx index 96659dd6e..cd013fa58 100644 --- a/src/content/docs/page-types/stopgap.md +++ b/src/content/docs/page-types/stopgap.mdx @@ -7,12 +7,12 @@ description: Page type | Stopgap The Stopgap is a page type used to provide customers with an interstitial loading or processing page. -## Purpose +### Purpose -* The purpose of the Stopgap is to inform the customer that there is a temporary pause in their experience, whilst we action or process the information they have provided. It should be clear that this is the expected behaviour of the journey they are using. -* This page type should provide a clear message to reassure the customer. -* If possible, we should set their expectations by providing them with a realistic time frame of how long they are likely to have to wait. -* If closing or refreshing their browser window will result in failure, we must convey this message clearly. +- The purpose of the Stopgap is to inform the customer that there is a temporary pause in their experience, whilst we action or process the information they have provided. It should be clear that this is the expected behaviour of the journey they are using. +- This page type should provide a clear message to reassure the customer. +- If possible, we should set their expectations by providing them with a realistic time frame of how long they are likely to have to wait. +- If closing or refreshing their browser window will result in failure, we must convey this message clearly. ## Example @@ -31,11 +31,17 @@ The copy must be in plain English, and help the user understand what is happenin You should not use: -* Generic messaging such as ‘Loading’ or ‘Processing’ -* An unrealistic or dishonest time frame length -* Include additional content that could encourage them to abandon this page and potentially result in failure +- Generic messaging such as ‘Loading’ or ‘Processing’ +- An unrealistic or dishonest time frame length +- Include additional content that could encourage them to abandon this page and potentially result in failure -## Best practice +:::tip[Principles] +- **Creative** - Modern and dynamic +- **Tone of voice** - Be active, Be natural +- **Keywords** - Promotional, Informative +::: + +### Best practice :::do - Use for wait times in excess of 10 seconds. @@ -49,9 +55,3 @@ You should not use: - Rely on this page type instead of optimising your journey. - Encourage the user to abandon if it would result in failure. ::: - -## Principles to follow - -| Creative | Tone of voice | Keywords | -| :--- | :--- | :--- | -| Modern and dynamic | Be active, Be natural | Promotional, Informative | From 76d11e6fae9df35fbb5f3e669e2545f053a1fcae Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 14:21:11 +0000 Subject: [PATCH 02/20] added article content images --- .../masthead/page-types/article/article-1.webp | Bin 0 -> 616 bytes .../masthead/page-types/article/article-2.webp | Bin 0 -> 836 bytes .../masthead/page-types/article/footer.webp | Bin 0 -> 348 bytes .../masthead/page-types/article/header.webp | Bin 0 -> 326 bytes 4 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/masthead/page-types/article/article-1.webp create mode 100644 src/assets/masthead/page-types/article/article-2.webp create mode 100644 src/assets/masthead/page-types/article/footer.webp create mode 100644 src/assets/masthead/page-types/article/header.webp diff --git a/src/assets/masthead/page-types/article/article-1.webp b/src/assets/masthead/page-types/article/article-1.webp new file mode 100644 index 0000000000000000000000000000000000000000..f2b569e98f98231178465f5df9c1fcb2674b3b7a GIT binary patch literal 616 zcmWIYbaP8!Vqge&bqWXzu!!JdfPj8Rh9?XRKoOrej0_C={fw3j{~s>sRdLtyJ3jxc z;faU!KFqndw|%_x|9q~COYZFz3diK1?Opfv4|`s%@wNYZo`nHT;JEC-(7?jL!obTQ zc%XsdGK+$Ok8wCd(mDny1_6!+1_s7y1#McWL+wQyZ4OOiQk_3pds?Ni#;=DP zecp1jL|)zW$7|KJC)2+!y0-bKekYGwaH@K9hk(zKO;fi%VSjq;ea@eBAS|DA?BZ*_ zcXdyrvrer4QxSUn@cJ5m-ae`SlK*3a3vUVr1Uq{A0TY3Rlcz89TX1R+VDJFaj0{XL l8YIV}0hZ$dl1%m=z-+J{7H2S(@8tLF4>o^i)?iQ&XkcJqJQumHy4fZB_T_Df zX>Imx22*BA9zM7K?*FqcMdG>B?A9L-bNR3Spj_!mKu*Tr^uN=;xK{1R`1^fvP8|R7 z2@Qd-_fLs8&c2l|Q@rHwO7*toTkl&K%vxi#dErjsXQuA6tf&4*_> z)q~Y%x~6~Jdiu=z=jmSa_8WfI+n04_uaag|+B2ymO?$Lj<7_5qz736WG?ZJh@7s+1 zeUF->rnjaSHvT^NC~w{h0rrr{IzeHX_8tA4-<xT4VN|JoGNl=fU31TVe$*?YcNiOht z%hD8kwd`YP*xDZb=b>xG+2f~FuP~po*8T}cf=l1(HO~J7a$GiloezZf|7S{U{kM6| zVvg9Y|9)$l%P)MaaB#)f_*3g!O*iKFD*NWP9x=LfVvEG$%Sku4xXqGsn;a@;eq>W` zM=bjhuFh1EjnSGGZpV&p`nZCX1t>So?C2)nUX!h&LZ>~HFDLQzccdyyWoAkEhDF{J zJH1W0Ojtl$Wm@2oyrmBgtN^(n_u%^dmw%mqV~_<(DbF-+3I+r_dintqxP_CaFY{Y) uN*7@80Md*MOfVWG$D#q2;{lRP_8-7(upSm?Fq=0ZDK(r?fPs|}%mn~i#BoCa literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/article/footer.webp b/src/assets/masthead/page-types/article/footer.webp new file mode 100644 index 0000000000000000000000000000000000000000..f2698bc34bc9a65acb1dd0721d62a64d2c61a251 GIT binary patch literal 348 zcmWIYbaM+~WMBw)bqWXzu!!JdfPj8RhFk^)poq@{pn!hAqclVL0)$-2V z-|rhQjY|0Rrsk*2H@pkuc|I>DAj3VF;Tc~zLm!jERsjY{hMY+a(=S$gAKUox zXF==#rF&MbJIWCd?C9wS^rwZBr!Vtca0m!6cmQce1|}E{l4H>T%kcn7Ci@RyHdqgf UGnmaAkdzwED8Rr93{W5d083$hxBvhE literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/article/header.webp b/src/assets/masthead/page-types/article/header.webp new file mode 100644 index 0000000000000000000000000000000000000000..cce4dc292ef46cb4c600c2dc2c242966a4fed416 GIT binary patch literal 326 zcmWIYbaS&~WMBw)bqWXzu!!JdfPj8R23ZCMpoq^Ypn!hABRfO;f)x{0p6>pqyNSgj zL)z=MThcr3Uw_kW{{7guBKLNi;iv!0OScCS~65WHA#mUr7@(W;xqZ_oX6`0K>9ec}2U0UC`<%ly1!EN_dt z=h(EWnlpY>JUKa<;r4`+kE|Wqaz61HRQ}>CsLTrwc>Z9QvHX-5GSTJFJYO7o^l0X% zN!{tE*kf&i>)PXNjNe_p!@}Ubd3UYPJ Date: Mon, 26 Feb 2024 14:24:08 +0000 Subject: [PATCH 03/20] added confirmation content images --- .../masthead/page-types/confirmation/cards.webp | Bin 0 -> 1556 bytes .../masthead/page-types/confirmation/footer.webp | Bin 0 -> 348 bytes .../masthead/page-types/confirmation/header.webp | Bin 0 -> 326 bytes .../page-types/confirmation/landmark.webp | Bin 0 -> 1154 bytes .../page-types/confirmation/timeline.webp | Bin 0 -> 1122 bytes 5 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/masthead/page-types/confirmation/cards.webp create mode 100644 src/assets/masthead/page-types/confirmation/footer.webp create mode 100644 src/assets/masthead/page-types/confirmation/header.webp create mode 100644 src/assets/masthead/page-types/confirmation/landmark.webp create mode 100644 src/assets/masthead/page-types/confirmation/timeline.webp diff --git a/src/assets/masthead/page-types/confirmation/cards.webp b/src/assets/masthead/page-types/confirmation/cards.webp new file mode 100644 index 0000000000000000000000000000000000000000..4559a30ea26bd1c2de1843f240efc4a843e5e157 GIT binary patch literal 1556 zcmV+v2J87!Nk&Et1^@t8MM6+kP&il$000000001w0RX@N09H^qOqc}#056XLFaQVT zAd+NP+4=c{e=`WnutO5zpp7I)^6cJc{@k9zQ-}pQk|afv=PVuQuim{*3hJ1DwP_nL zt5ff=3K2;N5fOg_-vfU|<%*#=v6haXq z1z=wC{QY~re=NUDb6NJyIG1(ZP3yu8nAXh_!%Wu{TeF^@G6O&ih>RvPzZ?em&$urj z27m#H)9cIQ_pkEmNGPu&1f|k)?a1#C5n&NZqLNSqGl%_fe0(}QzkvaO8GsppVTb|1 za{mA8L>Lj_ps;P5(pG93CAB~smvhd#ySwimU6)#_S*mH*-QC^wx2AzG12Z2~nGeWB z^dAl*Ns6RM@41fep4~qVgf!q8I&@fUFqw`v*Oj4_QK66JTB^3_Pvkqz3DGQ9W}+~f zj%pEBg%qMLu`7u}NFlpEpso+C+?*34-zo6>zS_!->7!z0NLk-ZN6EpMTM@+D>5K?h zMsuo`pPMh0XQpd)W)jn3xfIMrem}Q!`jF{%JO;XNzxn6iI)|!GH|IotLDg5XnRGG% zs{cFHIaqC~nV-rJ@&!!@d0y8n2S9K-a<{)sZ6t&T{c8uFV zyH;CTQQ~|8eC3IjNbwBVXVPYr%eJ?;!9`S#f^2$=N8rEY)RhF=+(}dUrJ;6=RW7D# zQya|$401h{$5%GD+2W20wH3(@7uBqmZ8O1TRVzNPB$)EZNv6A=rXNdqH+;2`#dklzJ8PCQ60mq{{suFk$h*-<} zaXX#mA_`5}1_CUXm?MLBy8J4pyPytMB|S-#TW(fQQskze;4vU#Q%}<3u3tU! z7!XAvyG6vECl)pdxc17qq*ZRdxvbZKIIX2Ea``XrH6T{hq&aU;e#mP;EdThY$AJBR zzyH-^=ybS)V;5f*^m~JJG-sT5&F$S^z=Y8?fjMYLbHfFjPowz5oS|qvvJ(_8EhSu}D06m&z*OPw{ zJ=CLVd-h4^^u)tNL=bg)4)W2oJpR=e4(jWZWPL4ndiOENM^o|CXVOVd5$enC1mvS> zcv(8hJ10pCy1fPYXd2$@c=Z*hbefp#_xoRdAwO+EKAM70I?@A9>1JX#A>v0;%JU%~ z&6qoh`9=_rX4JjJq!GlU8TA0M`;8zT&8WMGp%KKR?Qy?NnYxWwUQ#TM3 zMi7r?)Oo}LBZx;cYU4pdku-vMG^6kqLK2N29?hyIA!!2O(age|2p_930q|&cE#FUa zSFB|Q-q8%hV+8tW2Hw#u!z(R|&=k0%*@jnGyU7^^Xb#%Z_8GJ(>|Omn3w#{t0oc*@ za9GN9y-uLfbpm^Vbuew;o?Mmv}jH$p{C?p^%fA=5iA?;(^d{NFmRzQ2F?1CdKM*~G@UNeKNAwQlkH4Yi5KvP=NlpL&060QPO#|%!000005CBL3000310su$= z000310ysiRO#~$-2V z-|rhQjY|0Rrsk*2H@pkuc|I>DAj3VF;Tc~zLm!jERsjY{hMY+a(=S$gAKUox zXF==#rF&MbJIWCd?C9wS^rwZBr!Vtca0m!6cmQce1|}E{l4H>T%kcn7Ci@RyHdqgf UGnmaAkdzwED8Rr93{W5d083$hxBvhE literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/confirmation/header.webp b/src/assets/masthead/page-types/confirmation/header.webp new file mode 100644 index 0000000000000000000000000000000000000000..cce4dc292ef46cb4c600c2dc2c242966a4fed416 GIT binary patch literal 326 zcmWIYbaS&~WMBw)bqWXzu!!JdfPj8R23ZCMpoq^Ypn!hABRfO;f)x{0p6>pqyNSgj zL)z=MThcr3Uw_kW{{7guBKLNi;iv!0OScCS~65WHA#mUr7@(W;xqZ_oX6`0K>9ec}2U0UC`<%ly1!EN_dt z=h(EWnlpY>JUKa<;r4`+kE|Wqaz61HRQ}>CsLTrwc>Z9QvHX-5GSTJFJYO7o^l0X% zN!{tE*kf&i>)PXNjNe_p!@}Ubd3UYPJoHA zZw3_=KnP)mcR&9-ndGx^5ohu<9B1bv&g3G^blwA~ZQHh{k?y2WcVh;Z*_0Ypc5$Zy zoyORX`!MUf?En9Wh2+hfr%FWsC*Ze7AzQbGWB-kBaP#(Kn*u+-d&LVkpW9UU^))BF zY183*PWV6wUpV1gyWRdD1o*w(ZvQ&=pZVmLC1X#yYN(csQkJtH`|qAgrfBPaijZ5j zE{*+nCuD2a*4HV***}qC-2ty~R?7i5p7>C7z$wmh^pDi6bNq@!X>okxi4Z^j995Cy zQ(X4ruYWtEa`ZN&CjRSmZV{9{H#)Zn@{S9*MY!IYK=*CIl_a9~?ZA0dME~1>k`Duu zpPpXFki@4R&tquPlXu-Pknk>IA`B(FvJXbnoR(aL@f6pLPhynxR`dxNEwQO5%NV&) zAKG;IrNz+8Ef-8^)Eh#0&yKto<}~W&6B&Gc&4}y0d6?Cx*3H|GB=Gs&s}>9OoKJvx z4Ws17&J0XVU0T`$v(wha))dU&^#@I z5MO~knh1cfd3f&3>Ishs+ca1AY&5MntBcd%6l~Re-D}$=-4W@vL;o~v*BSsOyorkD zXtd&<#|2xqOt-kXQ&1g=l8dj4ux(3q3#(GP=_J(hVQ2yNZn>V*&v$dz{HN89qss#9 zpA9`{e0zDB*YvaGi!~9P$dI1X9_h5Ia@AFSKeQr(Ct1^b-n*STQ@KYe9mh6Y;7>O7 zp4p7Ddf;m1TYBJhA;$sj2gT-Y6VP-UShSYXg0Sxs6c#IDaPFk=`t& z5|VdO1Q*-KfWpkGH@bb4E?ugu)0^c~Lh`N62;gcP8d#iO+VF;@z2j7&dMRs6P%kUF zWFj8%t}nR3>Gn3X;F?)j-Sh^d(#~Gu=rozi=8NUp*=3`7_3~Pl6;;(Vy``y&e0|lp zJU^>fE2Vrod9)w@DH3?Lv9d5N!U1vx5sv*g_TNKdk2?ZTQ$a~i0000uLP<>n?EnA( z000mGNB{r;0RRF3NB{r;0RRFxLP<>oC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8( U000e8Vr5qW5C8=M0000001k`~3;+NC literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/confirmation/timeline.webp b/src/assets/masthead/page-types/confirmation/timeline.webp new file mode 100644 index 0000000000000000000000000000000000000000..7aaaf729af3e0100c463efc7b78f0d6735e5b61f GIT binary patch literal 1122 zcmV-o1fBa*Nk&Fm1ONb6MM6+kP&il$000000001w0RV*o09H^qOyvUr056Y0VF2gi zsF5T`YP0rU#~<85H~?)bX*h@^Ns(&c?w;Sjrx%1f<+yDlNwTZwp2p*8B$& z1Yn8`2?PSfgoMP-kU%joYXEwU`nR1iYk<_h$=Hcm0|BCmnIW+gJ29)RFklLZ41`4e z+fK+pNFXE-G9*lq0fLD0$+G10V^zF2870HcTt2;X?9;n5%Ue4~JS?MdyR2yATZhCv zB(T7qSTgL1az=5?k-!cG5V`!{e-gjfk3oU}Foq=ctZm!2M$NVD-Ty!2FkLmMB#W*j zqW_TCwvi;!d!Ntlp45y{^Zfi35{C@2{ zOYOUH;gps;gA~8P<;acC5wi&&-24tKAFfIm^+F{f=DoXWVZ=LDbc}eBq6qNA3JnHRd%eq*b!efOjpcX|=4jU|rpES~XmUbE&zsdN_r0{b`*r#?@|U z;aY?nO6z3^;np>=^5%m;$ep2drghVaZo}G!(QQ`S47x38V|3fl#^|=AZ5!QIv@yCZ zYFk9NNo|a7z1n)wt$t6_UOl?;ye4+=txFRtdVByOZ^oK~O>3D(`CPJnTjwIQ4d?49 zdNeTB*BK3|4<+%w4sTHHU+oQIew}LfmVzzD{W|WZ@!c3a-h}@9Ikb+g6|gqeN`w0W zbqtJVGdw!b;ppeGOmjnzUbh4x4`rGsdOR+K^`G^h^2J$~)W=(>j< zw+p~^yP3Jcb-S{;0XKIsaZl?TRC7sc% z4Y1x3V?#qPkKwu&fat9P1rWV%pa7!xkRETow7yJ_Ujw4|5EMZ49)bdf-a}Zx(0d3A z5auqx0AVf(3_#}gQ0$}h&GgTMJUyN#{DfV^=mllwitZ6h$WhU~p!B#7wf?jIv!wV9 z5&-~EQ$a~i0000uLP<>n?EnA(000mGNB{r;0RRF3NB{r;0RRFxLP<>oC;$Ke000aC o0006%@Bjb+0000uLP<>oLjV8(000e8Vr5qW5C8=M0000003D4HOaK4? literal 0 HcmV?d00001 From 6f127da397fb9d53f74542bf1fd583dcb91db63a Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 14:30:25 +0000 Subject: [PATCH 04/20] added editotial webps --- .../masthead/page-types/editorial/cards.webp | Bin 0 -> 1448 bytes .../page-types/editorial/editorial-1.webp | Bin 0 -> 648 bytes .../page-types/editorial/editorial-2.webp | Bin 0 -> 620 bytes .../page-types/editorial/editorial-3.webp | Bin 0 -> 938 bytes .../masthead/page-types/editorial/footer.webp | Bin 0 -> 348 bytes .../masthead/page-types/editorial/header.webp | Bin 0 -> 326 bytes .../masthead/page-types/editorial/landmark.webp | Bin 0 -> 1136 bytes .../masthead/page-types/editorial/lockup-1.webp | Bin 0 -> 2604 bytes .../masthead/page-types/editorial/lockup-2.webp | Bin 0 -> 888 bytes 9 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/masthead/page-types/editorial/cards.webp create mode 100644 src/assets/masthead/page-types/editorial/editorial-1.webp create mode 100644 src/assets/masthead/page-types/editorial/editorial-2.webp create mode 100644 src/assets/masthead/page-types/editorial/editorial-3.webp create mode 100644 src/assets/masthead/page-types/editorial/footer.webp create mode 100644 src/assets/masthead/page-types/editorial/header.webp create mode 100644 src/assets/masthead/page-types/editorial/landmark.webp create mode 100644 src/assets/masthead/page-types/editorial/lockup-1.webp create mode 100644 src/assets/masthead/page-types/editorial/lockup-2.webp diff --git a/src/assets/masthead/page-types/editorial/cards.webp b/src/assets/masthead/page-types/editorial/cards.webp new file mode 100644 index 0000000000000000000000000000000000000000..2ebd36a01bbc94ddb972e8332c8932d3442ba77b GIT binary patch literal 1448 zcmV;Z1y}k~Nk&GX1pok7MM6+kP&il$000000001w0RYVa09H^qOe+Nd056Y0GXTfr zplu{cs?5wHIaJ4AM`8c%+>gO=BuS2vgY<$I{+p*^%5mE^f+S4=hb!g!FYI13*8HnY z+kjb}dWTgIA_;;J5kCCi0YwnLJ}4GJ$oD#%I;eo-0WCfKH|IW8&Yf+qtJ(k0dPGKy z7%}?rP8rOPKZ_;7GQ!@Z5K69wjm2VcN3o>TjwR*#Jr;{4#bU9z`D%(-YA3~D`8s5| zT|XcO5YVBGra1_V9=9){joKWmsqa-qxEdv)L?D#h?>`v<01y%eWCQ>qppSqM05nK2 z4uZCA6Z40??WYhC6VSUE9@ZbKLwO8(m1b*un>dlXOtS@UAgBGy5+>QwOnR0;FQFRN zJAFX6rW(Mnin8#0E{MWCg`Tna$ ze?h_|V4PW?o7Sg-Dp^L+aX4-1CprvvZXEkr?voSUTrPKg%m^8ch(~jb* z)8Yy-Rrn}{92KfZXXw#cONIl)Kq=K=WAvw9ZC1r{i7r;QGBr|E5IwVpOY2qD~#Qj0QeDC4@;n^in-bxR0?3cJq#Mm z_gw1eBoBdGw>M}^W@YM_B(FeTt2qdKuS_kHFLI)GFJxYs+Imib{;^u0R%k{5ms{~} zz`XKOBRLDkcZCs~xt0c~+>G}Ee@3khfO5BH#H#a*fGyWv)h1=C1L*4wh=YZ4)?;qAUqD3U(SK?b9%0U!*?s{Lk%u#9Q!K!+Q#_?ablqM5ML(yY6#H`` z7!lgL-$^V|yhMp0MCo8=i$Iz->#n|Q5;gHD*(IUMgR;J3LVc~Z8?u!%y4fMQ&X^T# z%S3EEGq*{~_Gac5NqS&AWbJTfZi}oR*Y*sEJapIl1w`bd)fbdtU^|XWY#%z0Ldm_jP_0 znuX=xLjN=ZZ+^bpyI+4O{0@$vg=!1#=9eg?%Kr1@EXlhms+w?vq*-ou_WY7+oVCnA zX_i{D=6088?zy#u87R$i+qj-JH0Q22xIxk^y$_GhAn%srYnx5+gQFP$Q;#uqaH&Uc z>@+_(n!#aqa;Lg!JOHB^9-{~DhTX9#esDBHBE2(xuU*}+RPq3fW;oc_Tk|Hn@!9(M z#o9>f0T|6-NMG#brwgUqKQJ$z8_hfbqZtg7TTbgw0~O5i%+Wn=dot zLPiB)^X0zZT~w6>$Y!8EhsGF5XF-t7XFxilMgnB>{_#2V0)dZy^aO-vDHMM61cc^` z3~K%82?)*m$M*u)ZM3(AyR!PbF)-MiiH|pQm>rS5FZ$I55CjQO-+xzr?ep%>cbT<3`>Ge&M z_LwhRVB==9PgA36kN$ywyPtBi^lLQ~Jbn3R#j?~A?>7%llyT;qX8NM-eue$SquY9Q zch-tM-qzX7V!U&Mq9@x+&I6kYeD|&2Uhc_t_CUt$T}qFteot9q6Onbv@!~3H_Rh7g zjw%!ML%lh(OM~qjYFC=Bx%BPy-8xN$3HnCN4XvN&s(oT@OEBx5d5DqeMZ?xYmySb4 z5>ETIZb+v}F&JR=mA?|Mi7$?7!Xr%lmY$^`cEGdyP-On)GF-@|Pd+qVqm&D16t! zlaRdpPB)X;IoXBBe=}K0ddU@Tp?yrn(T>GZ~KfHSG=Gpw-FMa;s`(vB`@BXNA zvp4CC`ww6? WSPzRcn9UoIlp4+`z`)7~<^lj4R1~iO literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/editorial/editorial-2.webp b/src/assets/masthead/page-types/editorial/editorial-2.webp new file mode 100644 index 0000000000000000000000000000000000000000..99efe22acf6b79bf0a65629010fdd1beff6b9ec5 GIT binary patch literal 620 zcmWIYbaP8#Vqge&bqWXzu!!JdfPj8RhSv-XKoOr0j0_C={RgcW}Co*ZM1c`+g$(N0RROT+t(uzgvxuaP7~utVoP| zyu9gJ0P)s{UwI4hm}s&$?n;!^IfoT zUc$axPy1$HwsMwre_T<#{q#|BP0{q%o1AN^jEf)c_{=eX{nzs{-#`5? zX*%{+bl0A5TDt!o6YkV4Y`&KE{gSWn4cbQUWP@~ zHY)lN%=aP3nr?(i+*$W$d7Gd~o_=^k;qTCsOvm0n;Y#v8xl|JC!x;q_Sb<3h2ms|m1SJ3f literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/editorial/editorial-3.webp b/src/assets/masthead/page-types/editorial/editorial-3.webp new file mode 100644 index 0000000000000000000000000000000000000000..2382f16dfc9fc44f00c479209999a6f56e18abc0 GIT binary patch literal 938 zcmWIYbaPw8%)k)t>J$(bU=hK^00I4s3>}ONKoK83psapBV-kb520kzcZ^8t2;!qJJ;s`@FerTkfLUi}{MY zxAbnGfAw5lmf-ij*QWhkJNKyl>x&7WJ73hUe}3%n*$sALaWC}mOYePl=(5Q;{4;P&%fP!FaDt1r?>KkmGYw9l^@>L1)sii=Igx(XRWwnPF|6WujgNJ zTbI^2Ut8ZcIC^Kp-B)*Hx6Ty4vNk5*wq?XWw>#HU)urE_-zRWAlkL@&Wq*DwE9v;~ z`yubviux%Q{EaNXSISxFbZn3}mp7Pap1Qzq;gjVL=U!0!Sa>JtQF_L){(QGxKBb(O zUe9~^C1!qxY}UW?Q`xnjof2F3V~2if^#qmctgekJ*BduZ>TR7}RCC5~EyGsLRwW(L z_rg}jivof)J{pR9{NXv;S5hS$Fl^#@O#GBC2LDGI(WhA;L0YrM`E32O{W{Y`RQ3l1J9_#7 zvyp|9r!VtcaDEbC@Bq?`3`{T@B*&rwmg51EO!gnZY_J{{XE2*LASpGRQGkJ!5zGYu DQsK7` literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/editorial/footer.webp b/src/assets/masthead/page-types/editorial/footer.webp new file mode 100644 index 0000000000000000000000000000000000000000..f2698bc34bc9a65acb1dd0721d62a64d2c61a251 GIT binary patch literal 348 zcmWIYbaM+~WMBw)bqWXzu!!JdfPj8RhFk^)poq@{pn!hAqclVL0)$-2V z-|rhQjY|0Rrsk*2H@pkuc|I>DAj3VF;Tc~zLm!jERsjY{hMY+a(=S$gAKUox zXF==#rF&MbJIWCd?C9wS^rwZBr!Vtca0m!6cmQce1|}E{l4H>T%kcn7Ci@RyHdqgf UGnmaAkdzwED8Rr93{W5d083$hxBvhE literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/editorial/header.webp b/src/assets/masthead/page-types/editorial/header.webp new file mode 100644 index 0000000000000000000000000000000000000000..cce4dc292ef46cb4c600c2dc2c242966a4fed416 GIT binary patch literal 326 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 Date: Mon, 26 Feb 2024 14:39:07 +0000 Subject: [PATCH 05/20] Added guide and home webps --- .../masthead/page-types/guide/feedback.webp | Bin 0 -> 1048 bytes src/assets/masthead/page-types/guide/footer.webp | Bin 0 -> 348 bytes src/assets/masthead/page-types/guide/header.webp | Bin 0 -> 326 bytes .../masthead/page-types/guide/landmark.webp | Bin 0 -> 1154 bytes src/assets/masthead/page-types/home/cards-1.webp | Bin 0 -> 478 bytes src/assets/masthead/page-types/home/cards-2.webp | Bin 0 -> 1038 bytes src/assets/masthead/page-types/home/caveat.webp | Bin 0 -> 290 bytes src/assets/masthead/page-types/home/footer.webp | Bin 0 -> 348 bytes src/assets/masthead/page-types/home/header.webp | Bin 0 -> 326 bytes .../masthead/page-types/home/landmark.webp | Bin 0 -> 870 bytes .../masthead/page-types/home/lockup-1.webp | Bin 0 -> 1154 bytes .../masthead/page-types/home/lockup-2.webp | Bin 0 -> 1636 bytes .../masthead/page-types/home/lockup-3.webp | Bin 0 -> 1160 bytes .../masthead/page-types/home/lockup-4.webp | Bin 0 -> 2424 bytes .../masthead/page-types/home/lockup-5.webp | Bin 0 -> 886 bytes src/assets/masthead/page-types/home/panel.webp | Bin 0 -> 934 bytes src/assets/masthead/page-types/home/skyline.webp | Bin 0 -> 362 bytes 17 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/masthead/page-types/guide/feedback.webp create mode 100644 src/assets/masthead/page-types/guide/footer.webp create mode 100644 src/assets/masthead/page-types/guide/header.webp create mode 100644 src/assets/masthead/page-types/guide/landmark.webp create mode 100644 src/assets/masthead/page-types/home/cards-1.webp create mode 100644 src/assets/masthead/page-types/home/cards-2.webp create mode 100644 src/assets/masthead/page-types/home/caveat.webp create mode 100644 src/assets/masthead/page-types/home/footer.webp create mode 100644 src/assets/masthead/page-types/home/header.webp create mode 100644 src/assets/masthead/page-types/home/landmark.webp create mode 100644 src/assets/masthead/page-types/home/lockup-1.webp create mode 100644 src/assets/masthead/page-types/home/lockup-2.webp create mode 100644 src/assets/masthead/page-types/home/lockup-3.webp create mode 100644 src/assets/masthead/page-types/home/lockup-4.webp create mode 100644 src/assets/masthead/page-types/home/lockup-5.webp create mode 100644 src/assets/masthead/page-types/home/panel.webp create mode 100644 src/assets/masthead/page-types/home/skyline.webp diff --git a/src/assets/masthead/page-types/guide/feedback.webp b/src/assets/masthead/page-types/guide/feedback.webp new file mode 100644 index 0000000000000000000000000000000000000000..8874fc2e832d11c03e45b34d602a88b6334d9e0b GIT binary patch literal 1048 zcmV+z1n2uwNk&Ex1ONb6MM6+kP&il$000000001w0RXcA09H^qOq>G%056ZhEC3h7 zHj*SKyAOnbukw!zA4}d1ItE5<8wv6(f+ceNAsvAGo+b|3Mv^4=VptB#AKc!5o%vUr zwgIy`^$sck5(NMf@bJF_2zU*=PHCV}z-H}I{x$i?f+X}k9FkF$qm^aZp8&g}L<_{O zgd{hBR!Wray%`nCjAjlF&zSd%K-%Y0&tbeL%`glZhNLoHO;zX&Lxy1#C=3#{ZClfZ z;D1PIl9HA{*qE>GuFO|2u7h&^N1>Or`Ty^)jPHx+zXP|C6v;VUJm&krpI0Gyq@n)~ zQ@nu?H5)9VMX@@qR}8ag#w;Sr5oPVfEg{_`9J)y&A*Kj>B6N_DdQMQ!Nwc##B8!M( zX3;b%`gAplT7)&4AqsdEs8D>ZP?$xusBV~6E+4mVZ=95Ca_H8M=W~{6=us`g!l9N= z5xVc+{+_2eRPrX9BdcIkH8mUx_=W0%h*BKPxz1WK)6i8G_9-I7-EQx4u~JoI;eaA4 zJTIBZS%$8$pduE6==yHf)HN3J2@3D;t231;)>1f5SUIz*3`k!@Af&^?cc z|BTq$nU6}fCKgJeeG4SI2$FHHRWd??@ zMnuDy&vYGa&{3w_Jp8S8ZPq+kqpnr>+wUIkY!PeJu@8Tz9UGpWsN+;V$j1@+nB=K{ zL1TR%iff^E?v>CeEe?sg*triuHMPV z|41kP6M@fX57HrMWgeuHN!sv%el8>*pJPt^CrqzFB2ZI7NlpL&060QPO#|%!00000 z5CBL3000310su$=000310ysiRO#~$-2V z-|rhQjY|0Rrsk*2H@pkuc|I>DAj3VF;Tc~zLm!jERsjY{hMY+a(=S$gAKUox zXF==#rF&MbJIWCd?C9wS^rwZBr!Vtca0m!6cmQce1|}E{l4H>T%kcn7Ci@RyHdqgf UGnmaAkdzwED8Rr93{W5d083$hxBvhE literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/guide/header.webp b/src/assets/masthead/page-types/guide/header.webp new file mode 100644 index 0000000000000000000000000000000000000000..cce4dc292ef46cb4c600c2dc2c242966a4fed416 GIT binary patch literal 326 zcmWIYbaS&~WMBw)bqWXzu!!JdfPj8R23ZCMpoq^Ypn!hABRfO;f)x{0p6>pqyNSgj zL)z=MThcr3Uw_kW{{7guBKLNi;iv!0OScCS~65WHA#mUr7@(W;xqZ_oX6`0K>9ec}2U0UC`<%ly1!EN_dt z=h(EWnlpY>JUKa<;r4`+kE|Wqaz61HRQ}>CsLTrwc>Z9QvHX-5GSTJFJYO7o^l0X% zN!{tE*kf&i>)PXNjNe_p!@}Ubd3UYPJoHA zZw3_=KnP)mcR&9-ndGx^5ohu<9B1bv&g3G^blwA~ZQHh{k?y2WcVh;Z*_0Ypc5$Zy zoyORX`!MUf?En9Wh2+hfr%FWsC*Ze7AzQbGWB-kBaP#(Kn*u+-d&LVkpW9UU^))BF zY183*PWV6wUpV1gyWRdD1o*w(ZvQ&=pZVmLC1X#yYN(csQkJtH`|qAgrfBPaijZ5j zE{*+nCuD2a*4HV***}qC-2ty~R?7i5p7>C7z$wmh^pDi6bNq@!X>okxi4Z^j995Cy zQ(X4ruYWtEa`ZN&CjRSmZV{9{H#)Zn@{S9*MY!IYK=*CIl_a9~?ZA0dME~1>k`Duu zpPpXFki@4R&tquPlXu-Pknk>IA`B(FvJXbnoR(aL@f6pLPhynxR`dxNEwQO5%NV&) zAKG;IrNz+8Ef-8^)Eh#0&yKto<}~W&6B&Gc&4}y0d6?Cx*3H|GB=Gs&s}>9OoKJvx z4Ws17&J0XVU0T`$v(wha))dU&^#@I z5MO~knh1cfd3f&3>Ishs+ca1AY&5MntBcd%6l~Re-D}$=-4W@vL;o~v*BSsOyorkD zXtd&<#|2xqOt-kXQ&1g=l8dj4ux(3q3#(GP=_J(hVQ2yNZn>V*&v$dz{HN89qss#9 zpA9`{e0zDB*YvaGi!~9P$dI1X9_h5Ia@AFSKeQr(Ct1^b-n*STQ@KYe9mh6Y;7>O7 zp4p7Ddf;m1TYBJhA;$sj2gT-Y6VP-UShSYXg0Sxs6c#IDaPFk=`t& z5|VdO1Q*-KfWpkGH@bb4E?ugu)0^c~Lh`N62;gcP8d#iO+VF;@z2j7&dMRs6P%kUF zWFj8%t}nR3>Gn3X;F?)j-Sh^d(#~Gu=rozi=8NUp*=3`7_3~Pl6;;(Vy``y&e0|lp zJU^>fE2Vrod9)w@DH3?Lv9d5N!U1vx5sv*g_TNKdk2?ZTQ$a~i0000uLP<>n?EnA( z000mGNB{r;0RRF3NB{r;0RRFxLP<>oC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8( U000e8Vr5qW5C8=M0000001k`~3;+NC literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/home/cards-1.webp b/src/assets/masthead/page-types/home/cards-1.webp new file mode 100644 index 0000000000000000000000000000000000000000..ec5279fc194145f38a26976f25dd5e959de5c240 GIT binary patch literal 478 zcmWIYbaT7L$iNWp>J$(bU=hK^00I4s44WAkfFeGLKw16%gE|c13pFNP>2UJi_wjv? z^f9)@+j?1kZtdx_pT~T$vuRuI5}pGeE&jdPXZBe>g+V~c;XtGKgmqU=bnm;tayInM zY_0D%=f%X_TBXO(u|@NH?kjEvCKZ{9|LRX{UwQFrHMh)-ZEICp)+Vs`I-aXM zf4p{8J^P!lOE^0&vWQe&VmXr07VPdnt3l##)g0|&(@mRKy084p`s!lW5!Qo2FBXeN z1Z{D$i()Nz_rK$87j@zAv)2tFvs=4szP$c8KlqLPxBJiU>wBm&1Oz*J`T>L9!pYN@ y`7JmO1QSQ_PA=N?JtUfXV0YhPns?N}ppwG^N; zrIoa=kpx^VNFf9`gxdczlu#T|ABTgF=yxGN&G(c-2fFvt5e9>VK~##brt%1bguzgN zfh|LH-b=QxHN6+~{%@iqFw9_CJ|g-L$&n;QlKE{oh8JG& z_ew}}k)i(%BT6Qh%qFy;6){@Shlbfh$vUVFwCqYFK~hgxQeR;SP)%^81Plq1BRA;C zO|x5Vz&fa8_FxS4g;5b&flg+*B%=^nK~hdGPYYU6H%zPDDcg-Yt8x>oHa8}ct})Wod@hp~s!agZ5RC1%tdeQyD$S>e2!(EqX1mlM zX*8c9q7vq%MDIz znyM2m003Ja(6sd6^Ig-4765=Pjq>}E0sye`kdmOgdnXjTUJaGX#+U?*6xKXADp+Lk zC`tlCDr=8&5d(nAqMGuXjAk2@L<<0zrKNl(sTZ4#7yvMn?nes%m^H6>Oo}UyG7$rS z<|yMKnLZ$50MHs`ydu|US0V<0Evb9a0sz*Xoq@Dx>lwFXzP1`Q0Ch9xfm;u_>b3-o zZmVas{;tMZ?;lFQ=!%g!gZtlV{IxCxqpgB#FKQfmBL$-Y`_~_LJ{)-UlBd4b@a38e zj0Ui|@$TToLBzQ2M<909QYn3v+brzu150pp>BIiZDkn?EnA(000mGNB{r;0RRF3 zNB{r;0RRFxLP<>oC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8(000e8Vr5qW5C8=M I000000I*oWwEzGB literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/home/caveat.webp b/src/assets/masthead/page-types/home/caveat.webp new file mode 100644 index 0000000000000000000000000000000000000000..e59ef182e517ed7334c66d0a5d0de764465bfaa2 GIT binary patch literal 290 zcmWIYbaRtpWMBw)bqWXzu!!JdfPj8RhH?f5poq^hpn!h=L0N_ZnVZ{$p33ua?%2IP zk<)l(jpd8rD`t}p&%YuX5L_;wrQ{j(Cwte6I|g=bf9EqiKcM}j{(q*%KjHs3gOk@k z*>(T>LxG0a3Ga^9vu!I~AG_=S+vANjjII1lk*skj)1TexO~K4?n#=Oi4Q5XSh9-^80MO>~FCjQulYe$-2V z-|rhQjY|0Rrsk*2H@pkuc|I>DAj3VF;Tc~zLm!jERsjY{hMY+a(=S$gAKUox zXF==#rF&MbJIWCd?C9wS^rwZBr!Vtca0m!6cmQce1|}E{l4H>T%kcn7Ci@RyHdqgf UGnmaAkdzwED8Rr93{W5d083$hxBvhE literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/home/header.webp b/src/assets/masthead/page-types/home/header.webp new file mode 100644 index 0000000000000000000000000000000000000000..cce4dc292ef46cb4c600c2dc2c242966a4fed416 GIT binary patch literal 326 zcmWIYbaS&~WMBw)bqWXzu!!JdfPj8R23ZCMpoq^Ypn!hABRfO;f)x{0p6>pqyNSgj zL)z=MThcr3Uw_kW{{7guBKLNi;iv!0OScCS~65WHA#mUr7@(W;xqZ_oX6`0K>9ec}2U0UC`<%ly1!EN_dt z=h(EWnlpY>JUKa<;r4`+kE|Wqaz61HRQ}>CsLTrwc>Z9QvHX-5GSTJFJYO7o^l0X% zN!{tE*kf&i>)PXNjNe_p!@}Ubd3UYPJM1vAo5Q&wW)V&tzG?X5jE& zvMhhr{l~r|aw;EQ8QRwJ@xi}H<+^H zK|)wZNV*RI@5Lc8>2GiZlmJy=eOtlHV-+S?2WP2i-b z8CD$;uH8{SZy!#68pSwA2evtm;G4My+Z_e5P0Ycz2R>XAGO+zY0MR-mF`)o@e$v6R zwrdDfc5Q7e8#RE^>JZE5zSwC0fNSq7R*AL}Q}|jz3bYmQD?X)b8pkgw(Wj}OknoF$ zb|=Mlksuhu&w<>ztBBVz>4+%eBi(-&3h=e=Kiz+q*ew=|h2cM6@!U@X=P%ak{?oHI zmz8{W3uE3Wn!Km`?@APNMVsBi7{1og^n?EnA(000mGNB{r;0RRF3NB{r;0RRFxLP<>o wC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8(000e8Vr5qW5C8=M0000002CK_Hvj+t literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/home/lockup-1.webp b/src/assets/masthead/page-types/home/lockup-1.webp new file mode 100644 index 0000000000000000000000000000000000000000..2dd5b430dedabd30b6fe1bef9cc62b9f1138ab65 GIT binary patch literal 1154 zcmV-|1bzEbNk&F`1ONb6MM6+kP&il$000000001w0RYSZ09H^qOa%l0056XLGXReT zA(CWSQP;bK;NJ{pZe|L0O}L6A$x^E34*n2Bn|`;CPtDn$^QVR2&R|g=@}dhObiV(!-=68GjSlpgTaG=84k{H#+)-B=JVHJ zK0Vd**{7k&?fa{udoH&x!-2r8Inx=QJqKoarh~IRYYxo5eu9BqA3q>*|Npa%a<)0^ zJEZ5?wrwN*W;}cL&Nmxp@BYSiS%0}C{r*mk=>G)#{3oQq4ITb-kU)|o35>Y6yUU3k zT*1=gIBx)O<__S@9pE^3@Yul{-~@MY;STQH!J9k4zbU-nmpt=7SDrq<><<6^ z$>i#$>nAC~3v~V5|15|m)rvG0TwGVL+PdOk0uw7x)fFOrMWD(f=xY%XE3z_GnN^91 zi}V$ZXbuCFMj&D|iAf=92{mioc_&@pG*15Eagin~VVY;y^(Lyqj98n>529PpY9=o* zRipKm5P(n~5QST3bAmJlMVuf}K|Uu4YTjy556(Lo+D#psGAV(aEy_ea@B%}7Uca*I z>oSyxg=UMgKmZ7pNG=@_FQJRM5|yd@&z>LOHE}N`d4VRLHGGR|TcocDwMEdESfQ?Rk-i|fxUOEcb;ZG; zjRBV@5AUK20MVpc5w!5a^T7_;^6vcm{Zyf=mxg7K_M2cY8b7OoJ?ZeD!+%_5R@Un?EnA( z000mGNB{r;0RRF3NB{r;0RRFxLP<>oC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8( U000e8Vr5qW5C8=M0000008Bgnl>h($ literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/home/lockup-2.webp b/src/assets/masthead/page-types/home/lockup-2.webp new file mode 100644 index 0000000000000000000000000000000000000000..b36a19aebd797f79c4f7111ef16b7d0d4e81d30a GIT binary patch literal 1636 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 M5C8=M000000HWiOEdT%j literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/home/panel.webp b/src/assets/masthead/page-types/home/panel.webp new file mode 100644 index 0000000000000000000000000000000000000000..e49d3bd12eedd21b4a85aa506dec0b664012233a GIT binary patch literal 934 zcmV;X16ll1Nk&GV0{{S5MM6+kP&il$000000001w0RX@N09H^qOeq5Z056XLFaYnu zplu{ayL%5RoH)@`+ckLk5cwK{~rJX zEM@X-*zdbcBGT_z5P1+S>$F}=8%rC~m|7juoLUSahTwt^2%(LojVXjWmNusCwoyQk zZQHD5+qP}nwl)8G{LXuMx;gFS=0)`1k=sU&M87~AXY-!l|AZ{-%doh1<1?h!6#MT- zT1_qK6@5LP=l_eU8sI7;Rtj*V|9lt#xbAS)tm9^Ki)tQOCY z%>0Zz+LZgPQ-`)Wqc`^6d%t~yJlcq-qf?j6X-a%x$M?viO;|d0$=QtV5+B$)@@Nyb zGgenz*}OJhVLtZ$FdKQa0s9$m?i^}r>lHhZM-wxoZAgSTny7JY<08b-L``X%6d{f# zYD8NiLL6YGV=NXgg*sO{z#r>KR79ozN zszy^H0XUj0?$vy*LIQ9!T@{l$55>x5@J18H^&09~25&TF+@h?7rQk->#?5MnoYT!L zhc?=t982Ty)lDey9M%ao+78E7*b#OCo$e^)Fj%9b0CRc!m;|?bg-)o^5rLU2o7%ei zx)QF;Vpae&+8(E;24(culc5)X91+pc1Q|NmcSJ--$AB{Q;*TRxMt^#rSC0J``!Dui z?7!~_1&n?EnA(000mGNB{r;0RRF3 zNB{r;0RRFxLP<>oC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8(000e8Vr5qW5C8=M I0000005@BhHvj+t literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/home/skyline.webp b/src/assets/masthead/page-types/home/skyline.webp new file mode 100644 index 0000000000000000000000000000000000000000..c459ec5ee36c0b57408e3b9f965019a5e6e77dbc GIT binary patch literal 362 zcmWIYbaP8$WMBw)bqWXzu!!JdfPj8R23ZCMpoq^qpn!hABRfO>f)%|gPyXz-miMvW zl&Fw9`^WXt=xWg|xyn=RHzxjiXY>E#&y6!8_Au;OV0!z7y}DQhtKXLY@ssa=I3ZY3 z#vLPka%;4TP^LA*)EAdlM5%}0Nd5O;{(t%}=^&+F>rdn^QJZqXa#PL0Kg}x20+;%G zZaamQ7+LO(Pv|sZShM2ErOO{!lg~0`cTNmhsj|tn$1CgvlYcndglTbXUSHde^>^p3 zDG};Wt>tLRZIwv!Q(#hzR&4PQ>~OfVMEOGJO`$>~Yo^kjn(;~k3b!pf&XufGyj@kF z+1t71xbs1Q`R7tx`TOe6-*5cyZp0W6?C9wS^tFYPr!VtcaCitXcmQce1|}E{l4H>T g%kcn7Ci@RyHdqgfGnmaAkdzwED8Rr93|=4r06iCe*#H0l literal 0 HcmV?d00001 From 5f7ba40d10ff82460016b42be06e962f3e21b123 Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 14:39:47 +0000 Subject: [PATCH 06/20] added product webps --- .../masthead/page-types/product/accordion.png | Bin 0 -> 3367 bytes .../masthead/page-types/product/accordion.webp | Bin 0 -> 584 bytes .../masthead/page-types/product/caveat.png | Bin 0 -> 1736 bytes .../masthead/page-types/product/caveat.webp | Bin 0 -> 290 bytes .../masthead/page-types/product/content.png | Bin 0 -> 3933 bytes .../masthead/page-types/product/content.webp | Bin 0 -> 750 bytes .../masthead/page-types/product/footer.png | Bin 0 -> 1779 bytes .../masthead/page-types/product/footer.webp | Bin 0 -> 348 bytes .../masthead/page-types/product/header.png | Bin 0 -> 893 bytes .../masthead/page-types/product/header.webp | Bin 0 -> 326 bytes .../masthead/page-types/product/landmark.png | Bin 0 -> 1889 bytes .../masthead/page-types/product/landmark.webp | Bin 0 -> 316 bytes .../masthead/page-types/product/lockup.png | Bin 0 -> 6903 bytes .../masthead/page-types/product/lockup.webp | Bin 0 -> 2424 bytes .../masthead/page-types/product/product-card.png | Bin 0 -> 3789 bytes .../page-types/product/product-card.webp | Bin 0 -> 778 bytes .../masthead/page-types/product/testimonial.png | Bin 0 -> 3474 bytes .../masthead/page-types/product/testimonial.webp | Bin 0 -> 682 bytes 18 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/masthead/page-types/product/accordion.png create mode 100644 src/assets/masthead/page-types/product/accordion.webp create mode 100644 src/assets/masthead/page-types/product/caveat.png create mode 100644 src/assets/masthead/page-types/product/caveat.webp create mode 100644 src/assets/masthead/page-types/product/content.png create mode 100644 src/assets/masthead/page-types/product/content.webp create mode 100644 src/assets/masthead/page-types/product/footer.png create mode 100644 src/assets/masthead/page-types/product/footer.webp create mode 100644 src/assets/masthead/page-types/product/header.png create mode 100644 src/assets/masthead/page-types/product/header.webp create mode 100644 src/assets/masthead/page-types/product/landmark.png create mode 100644 src/assets/masthead/page-types/product/landmark.webp create mode 100644 src/assets/masthead/page-types/product/lockup.png create mode 100644 src/assets/masthead/page-types/product/lockup.webp create mode 100644 src/assets/masthead/page-types/product/product-card.png create mode 100644 src/assets/masthead/page-types/product/product-card.webp create mode 100644 src/assets/masthead/page-types/product/testimonial.png create mode 100644 src/assets/masthead/page-types/product/testimonial.webp diff --git a/src/assets/masthead/page-types/product/accordion.png b/src/assets/masthead/page-types/product/accordion.png new file mode 100644 index 0000000000000000000000000000000000000000..fa0aa347e3a2a2761f71353f891f87cbdb8f7c28 GIT binary patch literal 3367 zcmb_fc|25m8$WZ548mj*DI9KPDQUArIF*YON@bYN0lA2_0KUt{&N;yk)oZKuRt)3EO3oe>g=>Q&PCJfTTVq-v(=bY;H%0}C z0v|>AU>Kf;|9ywTNfY^7#){Cx8iD*R3|n}6huK#9Aj-E+_k8=7rDEN>V#h>1zlkfH zxXZUz;CoCtV@tRwRGAsovATJkDWP+DXgds!TP0@r9G($F$BE z`ouAg%0zAq@%Rz)W{X?0vDZttuVL@CO~-i+#)g3d9R^d87zL-&)@T-#2!g7`=>*BD zv?p1mbQ*}==~Qa%c78Aesq`nQ8w7tB%aRb)g9G^%=7NcCKa(tbgXPFD=}Mv4Io26~ zF?tq_#*v5=nHN_R>O1)((IDZwQuIbK%K;U3Ji~7RC{HJP4rE~7~fXAQZ_^nI>;IUj}f zRfsu2%F=O_q+lK4+?&shw|+cueOR?DH8kZ_#hA@>{R7h$rmee3;*_GFV@}0J8~2nS zUXFzck(E}GSI*{gYnWx{xl+o-lY`688M@AOJ{^thI+2k&JA3%8FxU89%7(}qF|Sv@ zHwY@O7z|Yp`Wl_3Ra}uH82sVRVR{FTO-|uHbFLxHt4zZLVoiIS#jmvw1@(>fdJDVD zEt1Q}CT3_k0iF~Gsv91l8d zKxusb@sKR!!PO&&erdV#gVdgJ(m|+ZZ%V=aMKeRx;&Zw6UOG1A$;H>o=e|@lNsVZP zD35%{54$~C5BYOm95h`MA2as+KJWXp>8q|rcFjYzW_ZR^$)|S#JOww%a>i2Y@|=f( z!eM$>$=mFR+1pq!=gJ#+`1(%egxe%D+H3GrvtGkPe?3V!@G?06wAg+t0+u<^YT;yL z;r-`bk($+(JC~%QMk76Lz<6{Sk=e0@Jf8drS;UesH zSGQGpWFO}LxS`W1un84bC(qS=-Mt^~`royAbM*x{*jQ-W-L%?qFLNN+s`t!f%WsnM z22!#2yAsRQtEw|SMQfA&%Y*}7l8GJ|JC17pu(ff3VSCfQv938z#WCcdEKS9I`k3>` zS=9~8l&ARjBW;wHK8lYmSkR>=xq>9JN#>`idQ&5l;1l2GyrW!9Lj3FPK2`TlHR*%41KInN)1Y3W{AbH(LRxMraJBAwaZmZdIRu(J-V#C-WI4(#DPlem0hd8u6 z^=3NKIc1x6&6x9b(EVYcxhWb{l^&wwN=9vMZ#(|W5Nz`S^7gKxmJg1IB|b=$id=eU zv|1gk<^xGOGUFLQk}#3}&%3+tk<2gM9}92Y)bgKB8r}H0N&Zcq&RDt00{!p0?_Vup zdL{W*%6yyx86FR5n&@{uza>|t zAh&Q?x{jSvzps)u)q5bSEovBGiycYEV z&|0$FKd1W1tBv#w&-Tf052A7CC+}I})H@PuB(7!kT$@oP@3`G)wPukDY_V`l!BFia zU$3FsW$hBg%-NMkqg;MH5%)Q^@L8{aSwQcnGu2xLgUzPej+bZ!5`~J)RgkD?JW(}H zzjeeh)GzdV@IMCtk{4U>SJfB4m;DF@BqE^b3Ssw9n=Z5=Sqt-4E|2Lm?f@>!`NAPG#U;9CXJKj$PHi+bo1`5s{oU}(z~5K(FloB zB}mWF=UU*(Is^8nadJ*y*~K3Lg@PZT@nTAX{HJayN^)e*2OOMg{{t;wR73fo@t22U zUbH*0HWjCtXP<`g2wdd~li=%baD+4L zLAi`XWaS7zXTwak7MxMEmLQ$g_0R@ex0p^G8Q-^W{$P?-WOD+Ig6ok8w^2bsV=wHM?T-7IwzADHRrfC>p= AL;wH) literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/accordion.webp b/src/assets/masthead/page-types/product/accordion.webp new file mode 100644 index 0000000000000000000000000000000000000000..ca4946a8fe309ce2cd236fd08e9ec581d717b8bc GIT binary patch literal 584 zcmWIYbaQiHVqge&bqWXzu!!JdfPj8RhRqBNKoOraj0_C={Redz+z%>DTH^LZhe7v8 zc_RbMf#(Kh66TYxta#XdqUlfZ=jXoKohm11I;TH)`Fs0!jrN)U9he!I{yO|~V(du# zyz9>=#Di)Ir{%b*Nx3l?+>;|)yOPgr5W-rSh?ZlqN@I9RSJ_9NT+3; ze!Ri*XIvQX%rA$0WT(E|&B(KGpYV|huVy>6MZ~wVmF$mQ*Tk!}zxwGB9o-d2*=uCdJ->cnxP5oh{lka3 zKib+HDC1c2{e!^mR)Kqmn{$>sm+|v&zAJLk*5*Q4j>`8BJ8p<-ojI2C#^&jw$Fe4N z?+k?}ec1T<$ZnK$ek&8x1uz^UWK(!Pr3Mzw0tL357Eb@>R zWCw86jzH?**g^!Qq9RaJZ570duiA>p8`Pmld5llMo|}%J+E4w^51ah=-1GRId(ZCX zYr;Y-gib<&AS_f$MFc^R9OyKG3H)|;S002vIw43ML=dNn%%(Q*;ofgkv}&_jO~^nC z2r_RAL4zXUa)OH>C>{02LUKCZ8%?C)#bMG`O%NvjDn-!RG;-uYbFxe1Y?Gd`Kr!8b zls+C(PMSJPnbLkoDatSP*R8gz(yR)7Zg$2Y{|R0Dscq&^Q}@l1+WEdx`U2mihaB>8#kP`!aA*D~a@}z#7>6Bgy3w2T55}*3mCPi zR!coTP`4k9v=hm{mEs3Rf{g_!-!un|0$)m4*_&dl(+o1|>QXRTC(KZe;W$o>vB-*r6@8p>fF8)dTnA$nU)P^^U5i3eXm` zsKumZUXal&YAJZX-W$-87#&)KcA0{_Ce@+MN2&sVGLA>`>&Uv*uvKxvB!5Bw+L3(d z*%|t@;6BO%xe)qvJiav?n)@9gHc9)3EyzP_dalouwzft+JGkj#_~C2MJsx-5{^r8o zUkBrD*nIkl9$Aid-}}z1uig$9l=s-*ZTh}`A!xl!hdvnGnQAoa&`{ZlGRzSP9J1Py zw?M+#EEr81DS+bDP&_id>d*QQa#T!BvO`A{n4eQ?B8vetKUQl!h_?VO7hPU;57Pxw2aA&@#rEpm}_z~aA!O3m>jJYCG@DJPOQ0Q`&yty6BwPz@wO0 zg;=qAr9HTdY&A?yu0#et#Xx+^H{Kmk+<`bT`X8>Cc-HZZ>Koe>Yaw>Me10VgyD&Y~ zG2hh)wv_4;-Z^}r66p6q-ZlN!xv*C|A#YiXDip}2n0Ecl(uPm7ggQD75G_`h-1~V>exFgWm`Zlu-QnqGFgo=0n6PibDLL@Bj>2=RIXGWK1Oa zwgIlauw5Lya#9mK9ifw>FesC0+3@y3H3qJmwS;H1pS$!z(I9dN>#o;2?z!D8s^7KHibaa3MA=E>o7?)Vri=oUq~m0=^S|6 zf=S|lWSPrNOfpx8ivOpihSxKz?|ZkGdp$gWA?X!#6VKE!dp59t>!m|g>i1#+Gh5)| jR#uU#u-S`!WTsPQ4U6aY4`lJ9@#jRfDojzcA};GMA?Z8P literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/caveat.webp b/src/assets/masthead/page-types/product/caveat.webp new file mode 100644 index 0000000000000000000000000000000000000000..e59ef182e517ed7334c66d0a5d0de764465bfaa2 GIT binary patch literal 290 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 T+k6bEaScwI=)OMT@Y_ECfA(PQ literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/content.webp b/src/assets/masthead/page-types/product/content.webp new file mode 100644 index 0000000000000000000000000000000000000000..9ee6179db7d603c4e58c0f1852d18cdee2951a9e GIT binary patch literal 750 zcmWIYbaQ*g#J~{l>J$(bU=hK^00I4s47(T@fFeFcKw16%Mm+}mLlY*dIKKVzrf zyZzF}ZMnBI-u=I?rYX2JcX5NoKb`kGtNt;IrY_`pG$Z+6z`dXUek`nEV>tBBfuVtg zfvLfsL8YOA;kR&u!;SfO89&^VZD3+xV&q^Dcu>i&aO>6_wL`LPTzRkGCB8+CRprayuY2jj-29y3<70(8lPo8lczL&?%{!)AC@X9Q|99T& z`q2z;H4+-WM7k7c6iN%e@rrR}>18$L+MLs>qLmhXZNl?Y2P{9nXo=+WU^=sH+5F8X ze?%PH$r&bB%aFl6&DzPuW)g!$jQyQ=*BaltCAq#id16ycc31ZF#T^H#U5oC;KmV~N ze82n2%=D$7ZT4SrP;wTMJbd+(s#pCMhO)Gdigk?AJS&~=6x7sc7JQxZn(ef&O0)C4 zY~K&BkIEgdJip`Y(~kSE%6HtYw7=37I%&nMMbGpKZeQke(B9(ZAe7Kmb^G|+{^&W^ zUg(M(FyDVN?es&5sWq>3clz`MUMxSDn&qB+Qp9tK&&5Y;3{FX{G<&puUY6~@qIp-V zihgjG5tg1Br&mTCW{E@}_}<*lof6v!LMpUZ1H_tTOSkHFv~AdFPv4o*`$p zCC`ww6?SPzRc Sn9UoIlp4+`z`)7~<^ljJ??j0J literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/footer.png b/src/assets/masthead/page-types/product/footer.png new file mode 100644 index 0000000000000000000000000000000000000000..55262f9c9afa78973ee69f0288a4e7003d386ef3 GIT binary patch literal 1779 zcmeHIYfuwc6y6OR49|u%iclC9DpJq^A54fXn2q5Pv;=Ud5^)qH20;lC%m9_gCXT3x z5alHgZ93>U4hmH|MvFwPmQ-j4q>8agkd{E9R>2YkdD(k2G zPml*5h<&YC=$ALGYk0xSfHQoJNz>-aY?NcpRJcb(#rWGcdqIeyD1*&}KFXzZT16Ac<`RDY|HJfsjteL0QsZR4|sR>|a0 z!7>oN#P#N!F7}e7+>e2u{NcC9T)j7}`&qw1Mt^9K3D$HXksxQ{K^+nKDNJBy^rzph zQJ+3v4VI)ORKW_OrhC|JWrz&yEAs~1mTMoa25Y@L2{PDE&9$0wqLW=N1`?2uP$(BR z+;U>zM6x4_uIoG)>;OE1UFo>)VWtx3B9%r{t}Sm80uiZhkx05gas;qg&LhaOgC05s z@X!Gf=45}gf*|iMr%*&?L;IEik9~nSQD14m!KFHZ;8H!J+MxDwP_(bnXlnUHy143&t?8kqi+&drp%fQTN$0@UB&fIPDG^vpj(jlF^IQG~6?Ux+3 z2e!;EE)0#2^>`J3Rb-gU-?4FK{I0AbwbzqAIcpgjM5|mOsadYur(ieH5(OVT4EmgZ509D$7 zSd{_suf5t;r`>any|u}5I)C4pLmokeD>|gm8M!~KOYF}p@pADf&>w&YC^4kUGsZr zSLSy)HP_3JBJzz?R-w4L=UM;ZLVcT5mfLVz(nECd6gjmq{dMh53xGO%6~$!B&;Ne@ z-a>Jo_Ohi$wi;ORZ#?A^n+vzkUkFXn>+k9-FRZBPsTqUe}T4`LE zH}HDGyXvCGUI$c4jZ0xV#BxdT2@PkG;m9d?Gu2e4M|%ebSQD$t zCq1<1u;J|f*4?J0LS4gRu%~wMC({y0YcyW$-2V z-|rhQjY|0Rrsk*2H@pkuc|I>DAj3VF;Tc~zLm!jERsjY{hMY+a(=S$gAKUox zXF==#rF&MbJIWCd?C9wS^rwZBr!Vtca0m!6cmQce1|}E{l4H>T%kcn7Ci@RyHdqgf UGnmaAkdzwED8Rr93{W5d083$hxBvhE literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/header.png b/src/assets/masthead/page-types/product/header.png new file mode 100644 index 0000000000000000000000000000000000000000..847ed2cad3d29d41951859f6d2463ca6cb46ca9f GIT binary patch literal 893 zcmeAS@N?(olHy`uVBq!ia0y~yV4MJC%W<#)Nv0x?3qXn`-O<;Pfnj4m_n$;oAm1W2 z!ZXd+mq822=3roK&tzZ$vKWC_3W$N)7BIm?7$+=XhOrssK$3rpCoBLe`QYi|7*fIb z_O5NVh@%9%$wUCjDbtJW?NP;h8qX!L1pJyY?Jg#*Y- zaCcz(=n57MV-oVvHk%3(eQ-kI;Hy`!9_ZZ$D^ggycI{P>9)~O$Gmz|pl?^PHLcC-c znOHcku&7LsYUc&A1TwS?OxQ1Nd6aNx@o#?ia?@M;O5cCGu_NBTZrS$paZ7v6U$5N% zGgm$D=aY{m-yZEOdH8DSmWq;^&;MPkkC|PO2AW{e!t}Vl@p;e3pMRHsdGzt~m%rKj zuT5GnJzFzQK5n1)^!zx_<>%(F+?(Ib0JM9TpvEVmFqQu0{PTEJ`}cb)ZFKQDq6KpB zg}n}ioGN+WSBCd){i9w!PL{ie7c7UhsHOzIer_rmEY%UEz5b@5gNXd1Slo{@-_Q zJrX)$_x=2F!5N+l;%n!u{I^F-Uq^S@($~v3^RM53Go^Utg>Qe}l_z)aZV^3S`DB_| zX;Hu8Jdnk&n2xGWsPHh@zGda)YMzfErw51w-Eu_u*>OLe>(Q2p+DVK1oEm^??{bMu zcSx$7RB>p}_1SjJ5{81-nVysLEMGV}CT z&l6GznC7stJkd2NVrO-7x#7{b>CWHs-skR`kra6*>hpfCFJjC4Te{!ecG_L`I)7q% z@s2><^Y1^fpWU`RJTx@-tiXQ{3+WZNK#{Y8>EFZ;3+6@sRdQ%>IL_pHuCXNNK>;|t zogA1l8<%l`62uY{lTN#eUTz@}M?gX~fyKz{s2zwsLrbC2M^y+I4U9~SfypLN>zg1j d;T;HRwEr=)rAVxD>pxH)@O1TaS?83{1OTLfUO4~& literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/header.webp b/src/assets/masthead/page-types/product/header.webp new file mode 100644 index 0000000000000000000000000000000000000000..cce4dc292ef46cb4c600c2dc2c242966a4fed416 GIT binary patch literal 326 zcmWIYbaS&~WMBw)bqWXzu!!JdfPj8R23ZCMpoq^Ypn!hABRfO;f)x{0p6>pqyNSgj zL)z=MThcr3Uw_kW{{7guBKLNi;iv!0OScCS~65WHA#mUr7@(W;xqZ_oX6`0K>9ec}2U0UC`<%ly1!EN_dt z=h(EWnlpY>JUKa<;r4`+kE|Wqaz61HRQ}>CsLTrwc>Z9QvHX-5GSTJFJYO7o^l0X% zN!{tE*kf&i>)PXNjNe_p!@}Ubd3UYPJ$YfFciTwFrnJi_#L_53Qp3AQ5>gFR2IxXA`i9^$~4F z1f}T|tWFBT43GfA1Vx|>j}|Z>L_l$D5#tLVjY{dc%=o*1`lCNK`|aJm=X~co-?=FW z4fZwEx6sEh%+QbT6OLiH1hAOYh2J<;>7Q`p#CivLV_5ZRgZBb1JiG6U@QVow!W;pU z7@i-GaRA|PS-^#1gp~NOf=i@2A223HFDH-gsKzke0Y4w_Er)T<-Ik=yzNWh4iS3ln z?c@Go+vy*V=ae716STWLM3rA)%^F6Q;^!9IaNLwO#d*?d`{vjl^-3OZu=M#wZO?o! zS5;MmLNOF{grsPORhAM{p6!c*SqvvQ&H5zeMgSl!?P$hG_*ns3b(QP&^!6ruJt#&` zWZ;OVF7%mE*?5XK+EhyrWm`Ml;RUsv!{N8w6Qi#ZxEy}P_o=W*hmxd3e3Of|4(OAT z9S##Hv6P}{ZoUE9c4a3OpblPW$GMfU+|B&#|fKhfwYVvH3 z=dK(@cE@@3yV}wpW;b}go6wF<2hJr=CPqaH6U2F(#_=?BhCF;{n&G*HOaeS+ zO3`QDs+NI-LL5J<$n>`dSjJ)n19Dg3!80Hwt=*eF0NOyPvgTSnik3t$tX)!RA3(~1 zN-MhG?lv3L7}D606IsG6smgqw?xEGx9PWaado3XKB(gW>`=7j+KJ7H^EHdW?_vE#o zP#0SGD19SxUHV)>j8Ek(b|F%o1%wv*FzmcO{s>5@R1-vWQtA}=B8tNC)qL9nxlqSJ zpj3aW0vsUn=5RXblQo8*SJw)fdALAs1w?g?Df-_6FNqa+W@-Ct8iBpKyKZ!bnA&4? zceX5+r2eV|k@xT3Fq5>($_}Z#p4f1sv)}0)4@~QX<9%PQGu&2Vx6SAV_Ex5H{MeX$KAPD^hBqZaI{)LV-Q#hRY4)y9M7K`V&psohM z>;!18=Rn(~Vf5q32>V_ux56aYP(jGr|2Ddlpm?Aa;Aw9MuLT^EXMj>=X3qvszg$rR zA<0%?yD&ormC;RLpRtXL&@i2V_NU4n;e$Sdycyeuo2LC^>s&)^$E$8wEZuunKaYFt zrs;R1t2##ml!BvQrAHKS->`#M0JHW-q< zuWwhPu}z0j{_wG=Dp|1hWJcGbgeSY!Y7QZ*DvU`3>gVU9E-g=y0AZkudE@06&?Oy4 z-y=@Un_Fhs=*Pvys16b6BGvOpxoO1Ev32;F6Iw`{g4eAJ;@$@AF`v%8gOte*pg8hpqqs literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/landmark.webp b/src/assets/masthead/page-types/product/landmark.webp new file mode 100644 index 0000000000000000000000000000000000000000..3c20b581c6568d0a6649cc53a7a9e4126dcd4208 GIT binary patch literal 316 zcmWIYbaOLdWMBw)bqWXzu!!JdfPj8RhDHVkpoq_Ypn!hAqXNVH1p<>)mcNqld;CZB zoZ9hvUe;V`OWS`Q^@20PE^Ony{PDRZ-&?(&C2~!rl&o60oVF% z|JQE*A82e)aNFbJCByrF{~x?@?%*4jFZE1jqL*yjp4orCuYYjQJG&=ozNg68a{>2dyW}3F{Hrzi(?Pj4^B$OeUZ}W($@`XR55peyrR@98F3D(E z?=i8gSD)e4$=8gz#>P?(+Mkx({geJL*{z&~At2b%(+}tm3nx!s=C@!U3NUy8X+{Pn m7!8tR(E!Ww07)kM4`4P}4~sLH%^Q%E8qO%dzzPg7AOHY5*l&9P literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/lockup.png b/src/assets/masthead/page-types/product/lockup.png new file mode 100644 index 0000000000000000000000000000000000000000..1fc369bb14fd93a0d403f71ddc93388a25a772b4 GIT binary patch literal 6903 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 a1NiyH&DVoHJWbHoCuIc<`Mldt{QnE30<97N literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/lockup.webp b/src/assets/masthead/page-types/product/lockup.webp new file mode 100644 index 0000000000000000000000000000000000000000..faf9215fe8f4c088eddcd4c029d4967a1554ad98 GIT binary patch literal 2424 zcmV-;35WJlNk&F+2><|BMM6+kP&il$000000001w0Ra9009H^qO#27`056Y$KL9mR z-nRd|mSgS$F^NLyvm&Zmcy$MDlby7yrjK9d&0P1;uv~66gRp z3Ek;a@;vF0TPtzq=Z?bCUQ*l2TI;*c@^LVKo=xA735bngYM|nJ8={56+Gp<+0wo2X^ewzJmqVK8+=221vXhGnaWgL!dIMN|Lq(qQL}^T0VG>u<-7 z1!OI6O5oZ~9YmGYeQy$=hqR81u#)$KNogCxVh;_Lb>3aCzlHtLt_JGtL|IVC&050+ z)joi*!rzBUvy__q`RkHquRoi4`+$2h<`-gDWOV9^E3UvKUFrMLIByS`z9E}==iJLh z0%oZnfCvmHyUG|M*7kkWJljD8`kWtH zGkclGaA(FxK?H_vXr9({@9z9gm_WZGU7Z@=L0qjV1QY0T)UEqVRt`f{ewaXCQtWa2 zaV-*@(qRH!g}+a1eTPw%rvsQkSMt~K9S7yJP=Rh6Iy)um)Gz#qE>xha>TxbPju$QH z04mT*rXJ=Tai~DcsbZ2rj)w|#RX#351sf+1T%c9)yq2^dSH49TF3?_L9O62Uf(x|j zmwl3)1>pk5m~&WeS577b6=)TG-`4D;4L@9b55nV8n_(w$#Ke57$&`C$Xz zDoag}0b{B0`+y7>OJ4jxWWac`O}ArzEHuLO0O6&3FXy!|zNCM)hYa%o<6pV30dvya z2^lbMW7F**1IEG{%osM{D+;~+bW0v=xI#t`as`sP)aT-{6qw_|QVs=Tz z`_aGd6lo4ScCNDxh3lUmPq!j6$)SZ8cnjZQ0JxnRuD04hr+A7Ocj5LV)ajsO@}F{VWWMCdeJ@TIQ@ zMDSa|m+np>gwkkkgyvQfvQ9;qB7`!7FFlu(2$N z5#0}AK~9C3Ao>>wQq=P>U_iuJQzIaOwnj3cy5f*PXDgXdR|`mBXk27N%qTO!GdeCg znV~c^f`PJvalzeJ{YYqOB{N*L6_*JR%{qq1g`%kE7Xxxy8;KA?M=(KA1FEfs@{$!- zPXP+pWnPSCF&(XBhFKsdC>Ie#_kzs45*g-w4poE+VkigVwdrx&1bPKjlngOh;~q47 zq>%%$`kI5hCc zyI^ApL`Wr=-g*HjTTB8GQ~@T7fihx8h9EQ1GJ~&MiFPaa;-(>1RxbFWI(k8(AHqt! z&=Cc|D2khtuw06Tf(_o8&wqUWi&U90L@+Ba&mV7t7-g@UrD2zD#^=8%qBxhOmA5{K zA;Xc^AmM!eiv%9~7#S1!zi%r=pI7nwX+!DjQU1JCJT8@wvpiMzb7|GvfiDqOyY5@7 zT@Q83u5R7cFIzSZ^Y*01c}=WoS|^)K^SH*VSnB{6AqQ+ywi=Sy^F^UFK_IXfV024c*>j2VF9a2tqr7 z#m*)$_sHU+`&T!kZ_({yx4oj}da&cula4X&-L-!8eRsLze%e*WWaB@aeEuGrN%GC5 z<;8pQ0{qGm#r(_$Y$mOGJESHnPgg6G7%J!@$;Y>N9KVcfCu!!b)w!FE;ns>DjOJbT zeGAU|w*;Y$5QKID37;*`E$g4rXtW1YjnQMsJSFc@f5nGi;YrooA+7NH zl82K{I_abnfS`cr$9p~K+D`7Cw<)XpKAEZ8ug4^pCRV*2M~ndY!m9ZCjXt2bdOEKiU}cTHAFGAAaD{BR~RXLlD~f z(Z=o0(qZ`VhpkJ51oRgce0e9HvN?Xt5>RBZ?NX9h5DV%E3$s4T=esgN$R#nxa&eGR4Hq z(2*=7bnJ{7>ljOBIx{r3c<<+&&w2kk|Gn?|oIhsf_uS9(Tyx#O`}*EXyq&Gp7V%x; z2n1rwNoz|71OiC_nkFg&z7rTS)8I$ws=19h0#T8?Y1La8Tp#gqJ$c2(2B878C<1xU z7a;@`5`1=n4+4QIK>gK%Bou7;OCxCTO}xlSLj+JW2eg5|Q*hu>@$wCcH^+9knJI6(g^0uZ-E&_t~N#O(o!3-sI<^it&EME99#2 zz_CyH1H(7DbKEQ%E%9pGpr6UB9D`uqX4BQLAG`ziK+y;!%28Y)Cx|jCB)Sa^T{sQl z7tPV29iJt%qxppcv3c~Ikt7l& z^dK!7W#|w%xEbiJXCb^oex>quG&Eu@rbbYfE^Y(1jC=)V{O#lDc^^tloVj{V;ep~w z)Xp6FY&-&AEgmb={6Y|Qr0-)k{BJ@v$|Ji=IhVcn0*9v3qfyg8y33pf9&<$12>)g? zG=&{!3@oK?Om1ENP??vo_67fbtn>Gv)h{oyoHe*v{pYDE6gQUHe2hWM%JGCPngpw; zrI)3*N#{9{II_R-xv1X`dGy)i<37gm3WsYwJj3}z4brrTJ@)L4&1C-eIPL4%lv%|i zUv`&P_EZuhziYDWU20>-^?MCynNhXQij39Jv6%^zl;`{n6O5(%$7GM#Fhe91oY8_z zZpLASUX${`AEb9aI86CYl9zJX$Bnn7?nHAv8+KGR*Wmh0F7#Wt`e}}L;Bt*`5!3J; zK4tQj^l?SA^9+yrah6qK)aFF(TC^#S8??Ynq(sQkKPBYrb89w=YZ68$7pcj7vuan7 zrh3juHzPSvM|@~?F`2}2 znf40`U|dCucG#iSFOhtK)RnbEw{2;I(MdyztN47;w*hhzkWu|u4uC;$fbd0$jAvro z(4XBQysm-n1`xqPT#b-cLDvN`dy^Vr^6nJ?6m$wH{LA6c991BLk;0urpErZTu~sjD z92zlQKwi@>fU@CIL!#7$cUaT<1G0f^12Wh`2h=P2Db&x#D+p5;k`{=D%V!d29Ldj2 zwwzGP5AmO0+Ly4&y13HMk3ymUf@QzsJqQz!7**4>@pN8thp9&Lqr@oUnC`^BH@~_7H?kHK&MI=i6ccb$9A(!lp=+RbIaF4o|cxDWwc@`jy52KRE@ zKJup*{GMi8;k(EDLI{5rP-}$gg!tv;+4_n&-rzuRrQ+R}oUKu}u2%0)R3z3c&MY~2 ztbO|65}`|ua%M6*)Pmx854u-xYYP)Q-nR3VdiW|zx7K{CS4KF!WiEZrw5R-6+?|tdNJ(A$rHG*Q@?VwxMq>zw*@)v3UWxCQkI%ufF-l?VU>tF zLCm>_n#77AwWcoYBP*A&>Ute8KEknH!XO)m!S?of=Ed{Sq0dcsZ#eFI* znqnl~G$gCc-FZ;}eKT~HIQt{^=<@t>-KmAO2j7d0hM5C31`fCC!uL?a^?Dl{PrSge zyUma|!GSlbni*kI)T`JM=-WdlGxwfUmeRUla4HF(EN~D0I*@m->Sg9ejg*+Ynwv=! z@O)MsK&~c1s7#5(Go>Mj;4X zQ`2Lp%BCbL&xx!0ievvN=w-gr3tLXyrzc^Hq!htu4hd(8>#!QOaHW^q3lyJBW}O|n z!q|SFrv6iYUdU3gDazjPc$>~655=`o4&FcKK;BW0j1zUo!vZ?wMT(Qg8>V_(dyH)v zvV<^!&d=_TDav|}+MhyIS}%tSR$5!@`orTnj``E=OU8t0%AkT4SARiby`Pt#T#XtS zuUYW6+Z0hd`Xxn%AV_&2$ZBg@k^7}__^X2TrDIYsOU2QsmMpRdSosPnqEWtQuAur5h%vmE8Bo9REJ=R77Ws^kEWN2ELWNe3kCGSr%h1@`;N< z05c?+i(Ra7Xas9t^!ta=D7o?L@B||?12X+TG{;g?UUQHoftoIL`B&amND0|`RUh=W zB)ha4^?ETY@;x4vwczW*bA_|AnwJ~ z0VyhJhc+iX+YP+Z2exSiuIvSp5RDSMqq_y=tr5N}VH^SQ0A<)xhG|lGbnB z*8Pg(2T#E7Y8F5jP1;U?cXh#-+jQ%n0@4*JEII3|53dW`?a;nYs_cPm0QR|_eFI!Y zCqbGA#uv61^H-K;#+tlnZcM&ZvtDrD+B)Vb6glBjt`v@IHOhqY8KA#sdqd%vb|5Cr z_b^;?ASRAjoRPe zaskA<98e5fCvAs*oU5t~{89wg?ejB&t$PlvW9iBPzj$C@VtkIS4&*UVTWZBEuyt0T zj#~z8;qGe`K*tPi;O-lP`2Sm~GW7nL&W*D4Bc+$BRM6av5x1kI6t_Fr(br`=tOM(c z`Il=v&aa!N4#lAm=?H{JiNgd6*|7 zK;eHMK97^`tu$Ms3a+mhd~N4OQNex|yQ$fzFZm9IKfySK_bER7QJhsmXjrYY_~q9Jr^@fA$AJWM-*!pS$X&n3 zYPVas{sZHNe`g@ciNKD~$~OAEe*WlKS2p|dhtV5vS|g6WDo@G?>yymlhCgc~PySRd zKG87X=o7L;W_(~Sb~TaNdDEHi$FiiPTD_RxY4gWR(gg`O9xy{fc;)2T*JRNH)R1z{ zp`_V&?_2eVX<VA)9bH?~Cu#o@=0 z70QBLVZy_DnR5nU)3!N6v_wHZ&EU2GQ@#FM5bg$_PF%ZQ#@UrP8~wh%^LOI>aw{uc zpq-}C8ov*BR%M2Vz=av+Emqp(g|+Q%kZ%5l?5K^Xb@H+`6q?9WX6Jd(BCP5kr9)s7 zc?1+Sgw6ykrIQ#iOJ@K}_SyFVK-GYya>`r=klvuy6FV(omiB@vnH4~SS(36td#9;_ zvlOHaSklCj;nD>2r&yuxc2Jr@U>b7A(Y1iA2cdR8jfYtR=d1}D9RsrjX0&=W8*t9T zyMy>H%ux7ba1daB!gmjhz2wbFK2+{W%|87eejd7@iWERsE(R-uo7?Qrw?#laxKa49 gRF3=~llMAuaA_blprx@0K2x4NZfjY7?82S@03h~&D*ylh literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/product-card.webp b/src/assets/masthead/page-types/product/product-card.webp new file mode 100644 index 0000000000000000000000000000000000000000..778136083dd0d4d9403e4234d005d9d7ab4ef519 GIT binary patch literal 778 zcmWIYbaP{3W?%?+bqWXzu!!JdfPj8RhLa2oKoOrlCI$xmen%sQ>4z5Ns<<2PW{^Ac z`T3RK|6AG)Z_8EjoOgHc`iZai@A!XC@G+3Dd2-5z{cralt-e0%zXLOa6NkWqU;CTB zaRlr?zuw{gk*nv^@BEdiz5CbIR!~?g%d#Pg`b%Lu(k;R{yDF{>md2(UObs5l(v z58B)Rxp0Ehf`FIr->dVg1!znW$=Z{9?f1FWSF+;HYWfv+1KxBD|SD;mD)%<^) z4p+9>MmpWN;kEqkrCzI-QpbME^X`28f7@R1ogM!UC#rZ(6j7a9TiL_^?t9dUoZ`bh z|HIP%6mXVrxOwHh!=bn5<Rf>dXOGn%tLF~n zi&SSx`TXaj89UFa(EPmo|L5~R-j~`?I-!<1AlT8< z5133XoIHJ*--6St0D}jRW@KQ3(I7b%4X_*!kYuv|0A_>rusDO+ya7q6;fw+dtc+kT E03ZQbHvj+t literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/testimonial.png b/src/assets/masthead/page-types/product/testimonial.png new file mode 100644 index 0000000000000000000000000000000000000000..34498624e8d34ac2fe3c835c0e261a1c8b4d6701 GIT binary patch literal 3474 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 PA0sPsJG1JeKG**NFh~e` literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/product/testimonial.webp b/src/assets/masthead/page-types/product/testimonial.webp new file mode 100644 index 0000000000000000000000000000000000000000..c7e476862ccb82da776f89f879c0b068236d2b53 GIT binary patch literal 682 zcmWIYbaPw8#J~{l>J$(bU=hK^00I4s3=0?-fFeG6Kw15MMh%Al2N&e3xEJ%D`>0;_ z{jabTkCbOn$oB{F&!rPG+H!BZB~|}E|2y8~eN4v^K%U;9|4;IZQg(h0D6BkoJF@dk<&GUa+c)#=WcN9DJCeP<-=4VD z8Wx9TYJLbWxAI+c&sxHQdG6a+?cz*x)zap#1@a2N%ryqG1q$32eVp6nCv41Nq5M%n zNk3nyX#M3QJWS^tL~<)_=g(TXlS}j-qIQzXLNT~9JVN7Mww-S+RvkfI|vU%I`nc1It3(_vwr`-$MyQ(WdCz-{{KUM^~w54|9hAW_$J8(1Uq{A0h5u1lcz89 wTX1?3VDJFaj0{XL8YIV}0hZ$dl1%m=z-+J{7H2S Date: Mon, 26 Feb 2024 14:42:37 +0000 Subject: [PATCH 07/20] removed PNGs --- .../masthead/page-types/product/accordion.png | Bin 3367 -> 0 bytes .../masthead/page-types/product/caveat.png | Bin 1736 -> 0 bytes .../masthead/page-types/product/content.png | Bin 3933 -> 0 bytes .../masthead/page-types/product/footer.png | Bin 1779 -> 0 bytes .../masthead/page-types/product/header.png | Bin 893 -> 0 bytes .../masthead/page-types/product/landmark.png | Bin 1889 -> 0 bytes .../masthead/page-types/product/lockup.png | Bin 6903 -> 0 bytes .../masthead/page-types/product/product-card.png | Bin 3789 -> 0 bytes .../masthead/page-types/product/testimonial.png | Bin 3474 -> 0 bytes 9 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 src/assets/masthead/page-types/product/accordion.png delete mode 100644 src/assets/masthead/page-types/product/caveat.png delete mode 100644 src/assets/masthead/page-types/product/content.png delete mode 100644 src/assets/masthead/page-types/product/footer.png delete mode 100644 src/assets/masthead/page-types/product/header.png delete mode 100644 src/assets/masthead/page-types/product/landmark.png delete mode 100644 src/assets/masthead/page-types/product/lockup.png delete mode 100644 src/assets/masthead/page-types/product/product-card.png delete mode 100644 src/assets/masthead/page-types/product/testimonial.png diff --git a/src/assets/masthead/page-types/product/accordion.png b/src/assets/masthead/page-types/product/accordion.png deleted file mode 100644 index fa0aa347e3a2a2761f71353f891f87cbdb8f7c28..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3367 zcmb_fc|25m8$WZ548mj*DI9KPDQUArIF*YON@bYN0lA2_0KUt{&N;yk)oZKuRt)3EO3oe>g=>Q&PCJfTTVq-v(=bY;H%0}C z0v|>AU>Kf;|9ywTNfY^7#){Cx8iD*R3|n}6huK#9Aj-E+_k8=7rDEN>V#h>1zlkfH zxXZUz;CoCtV@tRwRGAsovATJkDWP+DXgds!TP0@r9G($F$BE z`ouAg%0zAq@%Rz)W{X?0vDZttuVL@CO~-i+#)g3d9R^d87zL-&)@T-#2!g7`=>*BD zv?p1mbQ*}==~Qa%c78Aesq`nQ8w7tB%aRb)g9G^%=7NcCKa(tbgXPFD=}Mv4Io26~ zF?tq_#*v5=nHN_R>O1)((IDZwQuIbK%K;U3Ji~7RC{HJP4rE~7~fXAQZ_^nI>;IUj}f zRfsu2%F=O_q+lK4+?&shw|+cueOR?DH8kZ_#hA@>{R7h$rmee3;*_GFV@}0J8~2nS zUXFzck(E}GSI*{gYnWx{xl+o-lY`688M@AOJ{^thI+2k&JA3%8FxU89%7(}qF|Sv@ zHwY@O7z|Yp`Wl_3Ra}uH82sVRVR{FTO-|uHbFLxHt4zZLVoiIS#jmvw1@(>fdJDVD zEt1Q}CT3_k0iF~Gsv91l8d zKxusb@sKR!!PO&&erdV#gVdgJ(m|+ZZ%V=aMKeRx;&Zw6UOG1A$;H>o=e|@lNsVZP zD35%{54$~C5BYOm95h`MA2as+KJWXp>8q|rcFjYzW_ZR^$)|S#JOww%a>i2Y@|=f( z!eM$>$=mFR+1pq!=gJ#+`1(%egxe%D+H3GrvtGkPe?3V!@G?06wAg+t0+u<^YT;yL z;r-`bk($+(JC~%QMk76Lz<6{Sk=e0@Jf8drS;UesH zSGQGpWFO}LxS`W1un84bC(qS=-Mt^~`royAbM*x{*jQ-W-L%?qFLNN+s`t!f%WsnM z22!#2yAsRQtEw|SMQfA&%Y*}7l8GJ|JC17pu(ff3VSCfQv938z#WCcdEKS9I`k3>` zS=9~8l&ARjBW;wHK8lYmSkR>=xq>9JN#>`idQ&5l;1l2GyrW!9Lj3FPK2`TlHR*%41KInN)1Y3W{AbH(LRxMraJBAwaZmZdIRu(J-V#C-WI4(#DPlem0hd8u6 z^=3NKIc1x6&6x9b(EVYcxhWb{l^&wwN=9vMZ#(|W5Nz`S^7gKxmJg1IB|b=$id=eU zv|1gk<^xGOGUFLQk}#3}&%3+tk<2gM9}92Y)bgKB8r}H0N&Zcq&RDt00{!p0?_Vup zdL{W*%6yyx86FR5n&@{uza>|t zAh&Q?x{jSvzps)u)q5bSEovBGiycYEV z&|0$FKd1W1tBv#w&-Tf052A7CC+}I})H@PuB(7!kT$@oP@3`G)wPukDY_V`l!BFia zU$3FsW$hBg%-NMkqg;MH5%)Q^@L8{aSwQcnGu2xLgUzPej+bZ!5`~J)RgkD?JW(}H zzjeeh)GzdV@IMCtk{4U>SJfB4m;DF@BqE^b3Ssw9n=Z5=Sqt-4E|2Lm?f@>!`NAPG#U;9CXJKj$PHi+bo1`5s{oU}(z~5K(FloB zB}mWF=UU*(Is^8nadJ*y*~K3Lg@PZT@nTAX{HJayN^)e*2OOMg{{t;wR73fo@t22U zUbH*0HWjCtXP<`g2wdd~li=%baD+4L zLAi`XWaS7zXTwak7MxMEmLQ$g_0R@ex0p^G8Q-^W{$P?-WOD+Ig6ok8w^2bsV=wHM?T-7IwzADHRrfC>p= AL;wH) diff --git a/src/assets/masthead/page-types/product/caveat.png b/src/assets/masthead/page-types/product/caveat.png deleted file mode 100644 index 349ca830637e29aeda03d4234768a1681748527c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1736 zcmchYYfuwc6vuZr8w}x11IR;IAc2rr>nK$ek&8x1uz^UWK(!Pr3Mzw0tL357Eb@>R zWCw86jzH?**g^!Qq9RaJZ570duiA>p8`Pmld5llMo|}%J+E4w^51ah=-1GRId(ZCX zYr;Y-gib<&AS_f$MFc^R9OyKG3H)|;S002vIw43ML=dNn%%(Q*;ofgkv}&_jO~^nC z2r_RAL4zXUa)OH>C>{02LUKCZ8%?C)#bMG`O%NvjDn-!RG;-uYbFxe1Y?Gd`Kr!8b zls+C(PMSJPnbLkoDatSP*R8gz(yR)7Zg$2Y{|R0Dscq&^Q}@l1+WEdx`U2mihaB>8#kP`!aA*D~a@}z#7>6Bgy3w2T55}*3mCPi zR!coTP`4k9v=hm{mEs3Rf{g_!-!un|0$)m4*_&dl(+o1|>QXRTC(KZe;W$o>vB-*r6@8p>fF8)dTnA$nU)P^^U5i3eXm` zsKumZUXal&YAJZX-W$-87#&)KcA0{_Ce@+MN2&sVGLA>`>&Uv*uvKxvB!5Bw+L3(d z*%|t@;6BO%xe)qvJiav?n)@9gHc9)3EyzP_dalouwzft+JGkj#_~C2MJsx-5{^r8o zUkBrD*nIkl9$Aid-}}z1uig$9l=s-*ZTh}`A!xl!hdvnGnQAoa&`{ZlGRzSP9J1Py zw?M+#EEr81DS+bDP&_id>d*QQa#T!BvO`A{n4eQ?B8vetKUQl!h_?VO7hPU;57Pxw2aA&@#rEpm}_z~aA!O3m>jJYCG@DJPOQ0Q`&yty6BwPz@wO0 zg;=qAr9HTdY&A?yu0#et#Xx+^H{Kmk+<`bT`X8>Cc-HZZ>Koe>Yaw>Me10VgyD&Y~ zG2hh)wv_4;-Z^}r66p6q-ZlN!xv*C|A#YiXDip}2n0Ecl(uPm7ggQD75G_`h-1~V>exFgWm`Zlu-QnqGFgo=0n6PibDLL@Bj>2=RIXGWK1Oa zwgIlauw5Lya#9mK9ifw>FesC0+3@y3H3qJmwS;H1pS$!z(I9dN>#o;2?z!D8s^7KHibaa3MA=E>o7?)Vri=oUq~m0=^S|6 zf=S|lWSPrNOfpx8ivOpihSxKz?|ZkGdp$gWA?X!#6VKE!dp59t>!m|g>i1#+Gh5)| jR#uU#u-S`!WTsPQ4U6aY4`lJ9@#jRfDojzcA};GMA?Z8P diff --git a/src/assets/masthead/page-types/product/content.png b/src/assets/masthead/page-types/product/content.png deleted file mode 100644 index 6c6bd7022ecaeb5a2d8d6c8c11340bb789c306b6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3933 zcmds4dpMNc7N2>ILSe#4h*2U$x(Z{wMY-lOLnI-J3b~Y9ZZltZ8srugLqbT%ZCsK* zmwX`(HSTwD$Zbe&W1Ri=o&Nit=RD6j&-vq=Ki-+&-h1u6*Is+=^;_$KnTZ}hpEw^1 zh2l5R*CnA)=qP|Ics7AwqqGJZ_`|pyKYbj9Du~>|zQ7II$1YhLIG;X^QUsU>g}!$M zg#ic+K5_7&P*4i=s|OvG!u1QIDv-gGMU+!0lt8P2?r{r$^mN~vhsX!?<~i0a&yx3M z$uhSOpN@U$-o_y*kYr20bqnXB7wU&)CMMuzZMlOzpGk|#H5I9~@@Aq#?JEe+L?vAw)JQ9}22B2XWP#b=Q| zZo|VA*Z`))9-G1m|DZ+yfiL)YqAV1?f@yGyEFLzL^hF@v5~jQ` zRM128+=E8{rOIwA`aNytV8`zw{_~ONv?A4E2O;iw(*Y&^M%;hC{J(1vMeQw(3!$Vd zdgNQv~pGtTg08w{&)`e)kR^MQ#jo4}OAE)&K8HW z|D+4xD**pn!iw6)1q-EIXVJy(`RxmFnMLk8pY0(`y>809$J2?r^Gb1l6?r)`1Ec%iifLE5v z0UD}0Qj3d=^Q)?e!*<_2Lats_G&Wr;^$AUXtjDb%7JU%I^I6C`q(o9>fFUlW6<~qU z&n5G}^?oFMVV2!L$0=AkF`oOWwa4{3R~*;H;7iJ{o>dL_H6^tO{2)}Zr~8sWNG2Fl zL$n2B)E(1qTH@_|o|SnM3AQ(vCmWsC*W2U1=Cj@Quor7gZE4>Vvp%AQHdgXWzCUkK zSd-2smu@8P+ygsEa>vKhixde*w>k~hRm~<16tbf8@^~!-qdH6+9)km|W9(kVZ@e#K z%H6^4{#?XaOI@fIL_oy-K0|LBMy0xPqxp{ z02o&h`&i(^(xGInP*GuZW7qrRel2%|^-OQ4Z59wLW$|hUenlmAYYC4LwGXQrC6#ljW$!{mXZhHx%g2{z z+5|87xECMh$SaxFbmffyewDRpL-Sr_Ttt___Lq`)uc2BCmv8CzS7Ur8GfGmCka5P! zswSNt+AAcL_pw$fWdi z->hm2h`<*GBXod6Sq)xcEyue?iX#osE+ zI!UQc*fN#W(|-O<1zBxrwy%`D?L#1sMMVEhjmXBA4UfA?#GIn|cV+EqN_KLpved+^ zL287~o8ViSv`E|owO!ZzHtK!*I@g&qb2CGJzkhvdRjSz=JY79Z&Cg@3^&U-tzoI6H z#$IKWvab!>U5`wjxuSO#l7PsCDn)Ahx>pywr|C6|nrh*eq*R_eBSW33r7?HsXC93V z1#Ba9%=UK9tIHlB5Q(gzc+C+f{kn0-E??1?Qg}@|nHM~r!*ZS@Gr67K|rc6D7Qn6RiGd(wV`vYXx726*ph7P+eYi)obU)pfyilbTF2iwgJyTsAT$udn6b06SOv5YcTF$@4GMODE z&kj_HM%GaZXdu8n{AAY%f;0BMM*_XfTjdqOe!_g$jak*mOHwLYlV{~Z#2teu&)tuK zU~=sBCqqg#1!6s5jE9z66WDXC2p50OaKQ4=d{=%^^UiTr@rE5+g}pEp8rI_U?#)P< z$V(No6|Jb{eK{*JdfBDl&(Sn|Hea(i34D0BXS%iTT4UZs_U-9fjNX=Mi7`my2d(X4C|F&@a<;Bs6T);qqJEmaoz!Zsd^tT91C&4X5BBwb?!a z*5lwW%Ea?ap^vL(Rai8t_wCL1P}V7OpWai@ z7naiuX$A??uY5T_+>>c*D?lI<%15WUZf)SwTP6xMN427+GI}Yz59zS2m(P#Mm8wWP zkLMk%^|&o{Yf6?JU8ZhD%uNCG!K_2BwiugTSS#Bk<@nM1r|kY(XI{_iAE6iOMlQSH zl;`kLSPDa7Zm6v$?8rAPCpzAZ z%DBeHaj&lTS`ZWYaYNRZCkJ=P$=x)jk@>B};U2TVG*n z>X4u2lGTd&0ZogAQpF^#u5k{xMbzWY4cHTfiR*(cPmL&g-Kp_MW=yS>pQ`rlY4xT0 zYoDq#nEU-`3q!oFb9ge>U)rG3sSl@LyaS8>QW+};r`(0v+&i_e{%DFTl&K0Js+?m_ zeU}dV@SG589yF#Opj;?=7q}RFzGcchuA%8~CJEYYT{kmo zt;XKdb@4Vvx_vTim@zerXuLC*Q?H3U?pzRl2LsGv1kh= z*W72;o~mxgdz?5cfjKCepqw1i!^~|C4iz4QMo;f`y#?1pTas4t8Tp+W)ZoA$cRKyf zc~F0F+EbPiBxPWShnS4a%o^#?4Rcn(8>?{5R%zVQ*@x!iB@>2~k)FTkXR0E%l!BUY zAK^hm{Jb~%Cq-oDy{yljlUS2j98UWCZ@b-xl{Po5ezdVx4}Le>rAgm86%e%2Qvq@y z)kJ7LL`v>@?Wr$D)%(Zn4o(NX^`_K*Ybj2DPrpFUyr%hJ@d==p7==N>pcwVMQzrqB zrUG(L6?R3ktr$SSa@Xx>VF2rF$KrM5nE+wr$S}ottWq2Y@Ld(N037r4Orq-2N-9R z>P@*Jox!NoQ0=p!A^hUV{24wAIcU}8RNm!KX6xmo1mr}@;6#BTG$eV|0r6cY&Bqb! zXk0=;B~Gmz(ExbsX}|_F<^v>)>4M^{F4Vc4ZKe|r<{SQEE<{-~5G1rZEeYmct+^(B z$9pUy5zB~gpOb%8Z;%uP8UZ{!QG~Isy-2RZ07=cW&%6Le-J_uXa7v~{0|{WE5aHlO zrnkQ@$9y27DT&a#u-u*(IuX!Btwf&XsIt>{Og$NR+Vue|9lz$hrQKqwDN4B1{(*?tX`qiyZ7Vrt%>Sp;zdgTd$rMD7cUNt zdfmwyKG_!4KT9ucr%5%g!B^4lXQj528`BV>%ZF5Z)xLm}HF0@J5m+4oZEOy_sB7~Z T+k6bEaScwI=)OMT@Y_ECfA(PQ diff --git a/src/assets/masthead/page-types/product/footer.png b/src/assets/masthead/page-types/product/footer.png deleted file mode 100644 index 55262f9c9afa78973ee69f0288a4e7003d386ef3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1779 zcmeHIYfuwc6y6OR49|u%iclC9DpJq^A54fXn2q5Pv;=Ud5^)qH20;lC%m9_gCXT3x z5alHgZ93>U4hmH|MvFwPmQ-j4q>8agkd{E9R>2YkdD(k2G zPml*5h<&YC=$ALGYk0xSfHQoJNz>-aY?NcpRJcb(#rWGcdqIeyD1*&}KFXzZT16Ac<`RDY|HJfsjteL0QsZR4|sR>|a0 z!7>oN#P#N!F7}e7+>e2u{NcC9T)j7}`&qw1Mt^9K3D$HXksxQ{K^+nKDNJBy^rzph zQJ+3v4VI)ORKW_OrhC|JWrz&yEAs~1mTMoa25Y@L2{PDE&9$0wqLW=N1`?2uP$(BR z+;U>zM6x4_uIoG)>;OE1UFo>)VWtx3B9%r{t}Sm80uiZhkx05gas;qg&LhaOgC05s z@X!Gf=45}gf*|iMr%*&?L;IEik9~nSQD14m!KFHZ;8H!J+MxDwP_(bnXlnUHy143&t?8kqi+&drp%fQTN$0@UB&fIPDG^vpj(jlF^IQG~6?Ux+3 z2e!;EE)0#2^>`J3Rb-gU-?4FK{I0AbwbzqAIcpgjM5|mOsadYur(ieH5(OVT4EmgZ509D$7 zSd{_suf5t;r`>any|u}5I)C4pLmokeD>|gm8M!~KOYF}p@pADf&>w&YC^4kUGsZr zSLSy)HP_3JBJzz?R-w4L=UM;ZLVcT5mfLVz(nECd6gjmq{dMh53xGO%6~$!B&;Ne@ z-a>Jo_Ohi$wi;ORZ#?A^n+vzkUkFXn>+k9-FRZBPsTqUe}T4`LE zH}HDGyXvCGUI$c4jZ0xV#BxdT2@PkG;m9d?Gu2e4M|%ebSQD$t zCq1<1u;J|f*4?J0LS4gRu%~wMC({y0YcyW%$wUCjDbtJW?NP;h8qX!L1pJyY?Jg#*Y- zaCcz(=n57MV-oVvHk%3(eQ-kI;Hy`!9_ZZ$D^ggycI{P>9)~O$Gmz|pl?^PHLcC-c znOHcku&7LsYUc&A1TwS?OxQ1Nd6aNx@o#?ia?@M;O5cCGu_NBTZrS$paZ7v6U$5N% zGgm$D=aY{m-yZEOdH8DSmWq;^&;MPkkC|PO2AW{e!t}Vl@p;e3pMRHsdGzt~m%rKj zuT5GnJzFzQK5n1)^!zx_<>%(F+?(Ib0JM9TpvEVmFqQu0{PTEJ`}cb)ZFKQDq6KpB zg}n}ioGN+WSBCd){i9w!PL{ie7c7UhsHOzIer_rmEY%UEz5b@5gNXd1Slo{@-_Q zJrX)$_x=2F!5N+l;%n!u{I^F-Uq^S@($~v3^RM53Go^Utg>Qe}l_z)aZV^3S`DB_| zX;Hu8Jdnk&n2xGWsPHh@zGda)YMzfErw51w-Eu_u*>OLe>(Q2p+DVK1oEm^??{bMu zcSx$7RB>p}_1SjJ5{81-nVysLEMGV}CT z&l6GznC7stJkd2NVrO-7x#7{b>CWHs-skR`kra6*>hpfCFJjC4Te{!ecG_L`I)7q% z@s2><^Y1^fpWU`RJTx@-tiXQ{3+WZNK#{Y8>EFZ;3+6@sRdQ%>IL_pHuCXNNK>;|t zogA1l8<%l`62uY{lTN#eUTz@}M?gX~fyKz{s2zwsLrbC2M^y+I4U9~SfypLN>zg1j d;T;HRwEr=)rAVxD>pxH)@O1TaS?83{1OTLfUO4~& diff --git a/src/assets/masthead/page-types/product/landmark.png b/src/assets/masthead/page-types/product/landmark.png deleted file mode 100644 index 8f3f0ea315a753ec892e730c54c8dfadf0203a9b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1889 zcmd5-Yfuwc6y9ADx`5Cnpa>$YfFciTwFrnJi_#L_53Qp3AQ5>gFR2IxXA`i9^$~4F z1f}T|tWFBT43GfA1Vx|>j}|Z>L_l$D5#tLVjY{dc%=o*1`lCNK`|aJm=X~co-?=FW z4fZwEx6sEh%+QbT6OLiH1hAOYh2J<;>7Q`p#CivLV_5ZRgZBb1JiG6U@QVow!W;pU z7@i-GaRA|PS-^#1gp~NOf=i@2A223HFDH-gsKzke0Y4w_Er)T<-Ik=yzNWh4iS3ln z?c@Go+vy*V=ae716STWLM3rA)%^F6Q;^!9IaNLwO#d*?d`{vjl^-3OZu=M#wZO?o! zS5;MmLNOF{grsPORhAM{p6!c*SqvvQ&H5zeMgSl!?P$hG_*ns3b(QP&^!6ruJt#&` zWZ;OVF7%mE*?5XK+EhyrWm`Ml;RUsv!{N8w6Qi#ZxEy}P_o=W*hmxd3e3Of|4(OAT z9S##Hv6P}{ZoUE9c4a3OpblPW$GMfU+|B&#|fKhfwYVvH3 z=dK(@cE@@3yV}wpW;b}go6wF<2hJr=CPqaH6U2F(#_=?BhCF;{n&G*HOaeS+ zO3`QDs+NI-LL5J<$n>`dSjJ)n19Dg3!80Hwt=*eF0NOyPvgTSnik3t$tX)!RA3(~1 zN-MhG?lv3L7}D606IsG6smgqw?xEGx9PWaado3XKB(gW>`=7j+KJ7H^EHdW?_vE#o zP#0SGD19SxUHV)>j8Ek(b|F%o1%wv*FzmcO{s>5@R1-vWQtA}=B8tNC)qL9nxlqSJ zpj3aW0vsUn=5RXblQo8*SJw)fdALAs1w?g?Df-_6FNqa+W@-Ct8iBpKyKZ!bnA&4? zceX5+r2eV|k@xT3Fq5>($_}Z#p4f1sv)}0)4@~QX<9%PQGu&2Vx6SAV_Ex5H{MeX$KAPD^hBqZaI{)LV-Q#hRY4)y9M7K`V&psohM z>;!18=Rn(~Vf5q32>V_ux56aYP(jGr|2Ddlpm?Aa;Aw9MuLT^EXMj>=X3qvszg$rR zA<0%?yD&ormC;RLpRtXL&@i2V_NU4n;e$Sdycyeuo2LC^>s&)^$E$8wEZuunKaYFt zrs;R1t2##ml!BvQrAHKS->`#M0JHW-q< zuWwhPu}z0j{_wG=Dp|1hWJcGbgeSY!Y7QZ*DvU`3>gVU9E-g=y0AZkudE@06&?Oy4 z-y=@Un_Fhs=*Pvys16b6BGvOpxoO1Ev32;F6Iw`{g4eAJ;@$@AF`v%8gOte*pg8hpqqs diff --git a/src/assets/masthead/page-types/product/lockup.png b/src/assets/masthead/page-types/product/lockup.png deleted file mode 100644 index 1fc369bb14fd93a0d403f71ddc93388a25a772b4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6903 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 a1NiyH&DVoHJWbHoCuIc<`Mldt{QnE30<97N diff --git a/src/assets/masthead/page-types/product/product-card.png b/src/assets/masthead/page-types/product/product-card.png deleted file mode 100644 index b0bed829a9a491620f23f76a042c3c97fc9ccb19..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3789 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 diff --git a/src/assets/masthead/page-types/product/testimonial.png b/src/assets/masthead/page-types/product/testimonial.png deleted file mode 100644 index 34498624e8d34ac2fe3c835c0e261a1c8b4d6701..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3474 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 PA0sPsJG1JeKG**NFh~e` From a390800f3ed540730a521c5e3f96255655ecb81d Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 14:43:12 +0000 Subject: [PATCH 08/20] Added Start webps --- src/assets/masthead/page-types/start/cards.webp | Bin 0 -> 1038 bytes .../masthead/page-types/start/content.webp | Bin 0 -> 342 bytes src/assets/masthead/page-types/start/footer.webp | Bin 0 -> 348 bytes src/assets/masthead/page-types/start/header.webp | Bin 0 -> 326 bytes .../masthead/page-types/start/landmark.webp | Bin 0 -> 1154 bytes 5 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/assets/masthead/page-types/start/cards.webp create mode 100644 src/assets/masthead/page-types/start/content.webp create mode 100644 src/assets/masthead/page-types/start/footer.webp create mode 100644 src/assets/masthead/page-types/start/header.webp create mode 100644 src/assets/masthead/page-types/start/landmark.webp diff --git a/src/assets/masthead/page-types/start/cards.webp b/src/assets/masthead/page-types/start/cards.webp new file mode 100644 index 0000000000000000000000000000000000000000..c306152b348b2c4290f1ffba12484a942b40452f GIT binary patch literal 1038 zcmV+p1o8V)Nk&En1ONb6MM6+kP&il$000000001w0RXcA09H^qOpyZs056ZhEC3(l zDw1rc+9iDA0Ri|Imh%qqf(8a{BRTR{O3xq7gSZk!Z5v7H5?Cb5AKAX<$o#8K+kjb} zdIuQ*L<#^P0zUlT0SExTK0rx;Mmt+MBjD?>SQ_PA=N?JtUfXV0YhPns?N}ppwG^N; zrIoa=kpx^VNFf9`gxdczlu#T|ABTgF=yxGN&G(c-2fFvt5e9>VK~##brt%1bguzgN zfh|LH-b=QxHN6+~{%@iqFw9_CJ|g-L$&n;QlKE{oh8JG& z_ew}}k)i(%BT6Qh%qFy;6){@Shlbfh$vUVFwCqYFK~hgxQeR;SP)%^81Plq1BRA;C zO|x5Vz&fa8_FxS4g;5b&flg+*B%=^nK~hdGPYYU6H%zPDDcg-Yt8x>oHa8}ct})Wod@hp~s!agZ5RC1%tdeQyD$S>e2!(EqX1mlM zX*8c9q7vq%MDIz znyM2m003Ja(6sd6^Ig-4765=Pjq>}E0sye`kdmOgdnXjTUJaGX#+U?*6xKXADp+Lk zC`tlCDr=8&5d(nAqMGuXjAk2@L<<0zrKNl(sTZ4#7yvMn?nes%m^H6>Oo}UyG7$rS z<|yMKnLZ$50MHs`ydu|US0V<0Evb9a0sz*Xoq@Dx>lwFXzP1`Q0Ch9xfm;u_>b3-o zZmVas{;tMZ?;lFQ=!%g!gZtlV{IxCxqpgB#FKQfmBL$-Y`_~_LJ{)-UlBd4b@a38e zj0Ui|@$TToLBzQ2M<909QYn3v+brzu150pp>BIiZDkn?EnA(000mGNB{r;0RRF3 zNB{r;0RRFxLP<>oC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8(000e8Vr5qW5C8=M I000000I*oWwEzGB literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/start/content.webp b/src/assets/masthead/page-types/start/content.webp new file mode 100644 index 0000000000000000000000000000000000000000..4b22466f6f2bb8392d8d29d64098ab1b3d81225c GIT binary patch literal 342 zcmWIYbaV4#WMBw)bqWXzu!!JdfPj8RhLsEqKoOr?Kmq-JM=gfw3l{XMJUwylr+A6b zho89`eJYxkjej0Ld3{bJ=k_+ofBVbS=g#{72d3bsy)Jo>p#TL zyxjDKIUv~4(+}uF3nx!s=C@$K3ov*9X+{Pn7!8tR(E!Ww07)kM4`4P}4~sLH%^Q%E O8qO%dzzPgXAOHXd_JvCT literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/start/footer.webp b/src/assets/masthead/page-types/start/footer.webp new file mode 100644 index 0000000000000000000000000000000000000000..f2698bc34bc9a65acb1dd0721d62a64d2c61a251 GIT binary patch literal 348 zcmWIYbaM+~WMBw)bqWXzu!!JdfPj8RhFk^)poq@{pn!hAqclVL0)$-2V z-|rhQjY|0Rrsk*2H@pkuc|I>DAj3VF;Tc~zLm!jERsjY{hMY+a(=S$gAKUox zXF==#rF&MbJIWCd?C9wS^rwZBr!Vtca0m!6cmQce1|}E{l4H>T%kcn7Ci@RyHdqgf UGnmaAkdzwED8Rr93{W5d083$hxBvhE literal 0 HcmV?d00001 diff --git a/src/assets/masthead/page-types/start/header.webp b/src/assets/masthead/page-types/start/header.webp new file mode 100644 index 0000000000000000000000000000000000000000..cce4dc292ef46cb4c600c2dc2c242966a4fed416 GIT binary patch literal 326 zcmWIYbaS&~WMBw)bqWXzu!!JdfPj8R23ZCMpoq^Ypn!hABRfO;f)x{0p6>pqyNSgj zL)z=MThcr3Uw_kW{{7guBKLNi;iv!0OScCS~65WHA#mUr7@(W;xqZ_oX6`0K>9ec}2U0UC`<%ly1!EN_dt z=h(EWnlpY>JUKa<;r4`+kE|Wqaz61HRQ}>CsLTrwc>Z9QvHX-5GSTJFJYO7o^l0X% zN!{tE*kf&i>)PXNjNe_p!@}Ubd3UYPJoHA zZw3_=KnP)mcR&9-ndGx^5ohu<9B1bv&g3G^blwA~ZQHh{k?y2WcVh;Z*_0Ypc5$Zy zoyORX`!MUf?En9Wh2+hfr%FWsC*Ze7AzQbGWB-kBaP#(Kn*u+-d&LVkpW9UU^))BF zY183*PWV6wUpV1gyWRdD1o*w(ZvQ&=pZVmLC1X#yYN(csQkJtH`|qAgrfBPaijZ5j zE{*+nCuD2a*4HV***}qC-2ty~R?7i5p7>C7z$wmh^pDi6bNq@!X>okxi4Z^j995Cy zQ(X4ruYWtEa`ZN&CjRSmZV{9{H#)Zn@{S9*MY!IYK=*CIl_a9~?ZA0dME~1>k`Duu zpPpXFki@4R&tquPlXu-Pknk>IA`B(FvJXbnoR(aL@f6pLPhynxR`dxNEwQO5%NV&) zAKG;IrNz+8Ef-8^)Eh#0&yKto<}~W&6B&Gc&4}y0d6?Cx*3H|GB=Gs&s}>9OoKJvx z4Ws17&J0XVU0T`$v(wha))dU&^#@I z5MO~knh1cfd3f&3>Ishs+ca1AY&5MntBcd%6l~Re-D}$=-4W@vL;o~v*BSsOyorkD zXtd&<#|2xqOt-kXQ&1g=l8dj4ux(3q3#(GP=_J(hVQ2yNZn>V*&v$dz{HN89qss#9 zpA9`{e0zDB*YvaGi!~9P$dI1X9_h5Ia@AFSKeQr(Ct1^b-n*STQ@KYe9mh6Y;7>O7 zp4p7Ddf;m1TYBJhA;$sj2gT-Y6VP-UShSYXg0Sxs6c#IDaPFk=`t& z5|VdO1Q*-KfWpkGH@bb4E?ugu)0^c~Lh`N62;gcP8d#iO+VF;@z2j7&dMRs6P%kUF zWFj8%t}nR3>Gn3X;F?)j-Sh^d(#~Gu=rozi=8NUp*=3`7_3~Pl6;;(Vy``y&e0|lp zJU^>fE2Vrod9)w@DH3?Lv9d5N!U1vx5sv*g_TNKdk2?ZTQ$a~i0000uLP<>n?EnA( z000mGNB{r;0RRF3NB{r;0RRFxLP<>oC;$Ke000aC0006%@Bjb+0000uLP<>oLjV8( U000e8Vr5qW5C8=M0000001k`~3;+NC literal 0 HcmV?d00001 From acb247461409aacbe3ea5e0ec18a4f37eeffb8cc Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 14:52:58 +0000 Subject: [PATCH 09/20] moved to assets / page-types --- .../page-types/article/article-1.webp | Bin .../page-types/article/article-2.webp | Bin .../{masthead => }/page-types/article/footer.webp | Bin .../{masthead => }/page-types/article/header.webp | Bin .../page-types/confirmation/cards.webp | Bin .../page-types/confirmation/footer.webp | Bin .../page-types/confirmation/header.webp | Bin .../page-types/confirmation/landmark.webp | Bin .../page-types/confirmation/timeline.webp | Bin .../{masthead => }/page-types/editorial/cards.webp | Bin .../page-types/editorial/editorial-1.webp | Bin .../page-types/editorial/editorial-2.webp | Bin .../page-types/editorial/editorial-3.webp | Bin .../{masthead => }/page-types/editorial/footer.webp | Bin .../{masthead => }/page-types/editorial/header.webp | Bin .../page-types/editorial/landmark.webp | Bin .../page-types/editorial/lockup-1.webp | Bin .../page-types/editorial/lockup-2.webp | Bin .../{masthead => }/page-types/guide/feedback.webp | Bin .../{masthead => }/page-types/guide/footer.webp | Bin .../{masthead => }/page-types/guide/header.webp | Bin .../{masthead => }/page-types/guide/landmark.webp | Bin .../{masthead => }/page-types/home/cards-1.webp | Bin .../{masthead => }/page-types/home/cards-2.webp | Bin .../{masthead => }/page-types/home/caveat.webp | Bin .../{masthead => }/page-types/home/footer.webp | Bin .../{masthead => }/page-types/home/header.webp | Bin .../{masthead => }/page-types/home/landmark.webp | Bin .../{masthead => }/page-types/home/lockup-1.webp | Bin .../{masthead => }/page-types/home/lockup-2.webp | Bin .../{masthead => }/page-types/home/lockup-3.webp | Bin .../{masthead => }/page-types/home/lockup-4.webp | Bin .../{masthead => }/page-types/home/lockup-5.webp | Bin .../{masthead => }/page-types/home/panel.webp | Bin .../{masthead => }/page-types/home/skyline.webp | Bin .../page-types/product/accordion.webp | Bin .../{masthead => }/page-types/product/caveat.webp | Bin .../{masthead => }/page-types/product/content.webp | Bin .../{masthead => }/page-types/product/footer.webp | Bin .../{masthead => }/page-types/product/header.webp | Bin .../{masthead => }/page-types/product/landmark.webp | Bin .../{masthead => }/page-types/product/lockup.webp | Bin .../page-types/product/product-card.webp | Bin .../page-types/product/testimonial.webp | Bin .../{masthead => }/page-types/start/cards.webp | Bin .../{masthead => }/page-types/start/content.webp | Bin .../{masthead => }/page-types/start/footer.webp | Bin .../{masthead => }/page-types/start/header.webp | Bin .../{masthead => }/page-types/start/landmark.webp | Bin 49 files changed, 0 insertions(+), 0 deletions(-) rename src/assets/{masthead => }/page-types/article/article-1.webp (100%) rename src/assets/{masthead => }/page-types/article/article-2.webp (100%) rename src/assets/{masthead => }/page-types/article/footer.webp (100%) rename src/assets/{masthead => }/page-types/article/header.webp (100%) rename src/assets/{masthead => }/page-types/confirmation/cards.webp (100%) rename src/assets/{masthead => }/page-types/confirmation/footer.webp (100%) rename src/assets/{masthead => }/page-types/confirmation/header.webp (100%) rename src/assets/{masthead => }/page-types/confirmation/landmark.webp (100%) rename src/assets/{masthead => }/page-types/confirmation/timeline.webp (100%) rename src/assets/{masthead => }/page-types/editorial/cards.webp (100%) rename src/assets/{masthead => }/page-types/editorial/editorial-1.webp (100%) rename src/assets/{masthead => }/page-types/editorial/editorial-2.webp (100%) rename src/assets/{masthead => }/page-types/editorial/editorial-3.webp (100%) rename src/assets/{masthead => }/page-types/editorial/footer.webp (100%) rename src/assets/{masthead => }/page-types/editorial/header.webp (100%) rename src/assets/{masthead => }/page-types/editorial/landmark.webp (100%) rename src/assets/{masthead => }/page-types/editorial/lockup-1.webp (100%) rename src/assets/{masthead => }/page-types/editorial/lockup-2.webp (100%) rename src/assets/{masthead => }/page-types/guide/feedback.webp (100%) rename src/assets/{masthead => }/page-types/guide/footer.webp (100%) rename src/assets/{masthead => }/page-types/guide/header.webp (100%) rename src/assets/{masthead => }/page-types/guide/landmark.webp (100%) rename src/assets/{masthead => }/page-types/home/cards-1.webp (100%) rename src/assets/{masthead => }/page-types/home/cards-2.webp (100%) rename src/assets/{masthead => }/page-types/home/caveat.webp (100%) rename src/assets/{masthead => }/page-types/home/footer.webp (100%) rename src/assets/{masthead => }/page-types/home/header.webp (100%) rename src/assets/{masthead => }/page-types/home/landmark.webp (100%) rename src/assets/{masthead => }/page-types/home/lockup-1.webp (100%) rename src/assets/{masthead => }/page-types/home/lockup-2.webp (100%) rename src/assets/{masthead => }/page-types/home/lockup-3.webp (100%) rename src/assets/{masthead => }/page-types/home/lockup-4.webp (100%) rename src/assets/{masthead => }/page-types/home/lockup-5.webp (100%) rename src/assets/{masthead => }/page-types/home/panel.webp (100%) rename src/assets/{masthead => }/page-types/home/skyline.webp (100%) rename src/assets/{masthead => }/page-types/product/accordion.webp (100%) rename src/assets/{masthead => }/page-types/product/caveat.webp (100%) rename src/assets/{masthead => }/page-types/product/content.webp (100%) rename src/assets/{masthead => }/page-types/product/footer.webp (100%) rename src/assets/{masthead => }/page-types/product/header.webp (100%) rename src/assets/{masthead => }/page-types/product/landmark.webp (100%) rename src/assets/{masthead => }/page-types/product/lockup.webp (100%) rename src/assets/{masthead => }/page-types/product/product-card.webp (100%) rename src/assets/{masthead => }/page-types/product/testimonial.webp (100%) rename src/assets/{masthead => }/page-types/start/cards.webp (100%) rename src/assets/{masthead => }/page-types/start/content.webp (100%) rename src/assets/{masthead => }/page-types/start/footer.webp (100%) rename src/assets/{masthead => }/page-types/start/header.webp (100%) rename src/assets/{masthead => }/page-types/start/landmark.webp (100%) diff --git a/src/assets/masthead/page-types/article/article-1.webp b/src/assets/page-types/article/article-1.webp similarity index 100% rename from src/assets/masthead/page-types/article/article-1.webp rename to src/assets/page-types/article/article-1.webp diff --git a/src/assets/masthead/page-types/article/article-2.webp b/src/assets/page-types/article/article-2.webp similarity index 100% rename from src/assets/masthead/page-types/article/article-2.webp rename to src/assets/page-types/article/article-2.webp diff --git a/src/assets/masthead/page-types/article/footer.webp b/src/assets/page-types/article/footer.webp similarity index 100% rename from src/assets/masthead/page-types/article/footer.webp rename to src/assets/page-types/article/footer.webp diff --git a/src/assets/masthead/page-types/article/header.webp b/src/assets/page-types/article/header.webp similarity index 100% rename from src/assets/masthead/page-types/article/header.webp rename to src/assets/page-types/article/header.webp diff --git a/src/assets/masthead/page-types/confirmation/cards.webp b/src/assets/page-types/confirmation/cards.webp similarity index 100% rename from src/assets/masthead/page-types/confirmation/cards.webp rename to src/assets/page-types/confirmation/cards.webp diff --git a/src/assets/masthead/page-types/confirmation/footer.webp b/src/assets/page-types/confirmation/footer.webp similarity index 100% rename from src/assets/masthead/page-types/confirmation/footer.webp rename to src/assets/page-types/confirmation/footer.webp diff --git a/src/assets/masthead/page-types/confirmation/header.webp b/src/assets/page-types/confirmation/header.webp similarity index 100% rename from src/assets/masthead/page-types/confirmation/header.webp rename to src/assets/page-types/confirmation/header.webp diff --git a/src/assets/masthead/page-types/confirmation/landmark.webp b/src/assets/page-types/confirmation/landmark.webp similarity index 100% rename from src/assets/masthead/page-types/confirmation/landmark.webp rename to src/assets/page-types/confirmation/landmark.webp diff --git a/src/assets/masthead/page-types/confirmation/timeline.webp b/src/assets/page-types/confirmation/timeline.webp similarity index 100% rename from src/assets/masthead/page-types/confirmation/timeline.webp rename to src/assets/page-types/confirmation/timeline.webp diff --git a/src/assets/masthead/page-types/editorial/cards.webp b/src/assets/page-types/editorial/cards.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/cards.webp rename to src/assets/page-types/editorial/cards.webp diff --git a/src/assets/masthead/page-types/editorial/editorial-1.webp b/src/assets/page-types/editorial/editorial-1.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/editorial-1.webp rename to src/assets/page-types/editorial/editorial-1.webp diff --git a/src/assets/masthead/page-types/editorial/editorial-2.webp b/src/assets/page-types/editorial/editorial-2.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/editorial-2.webp rename to src/assets/page-types/editorial/editorial-2.webp diff --git a/src/assets/masthead/page-types/editorial/editorial-3.webp b/src/assets/page-types/editorial/editorial-3.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/editorial-3.webp rename to src/assets/page-types/editorial/editorial-3.webp diff --git a/src/assets/masthead/page-types/editorial/footer.webp b/src/assets/page-types/editorial/footer.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/footer.webp rename to src/assets/page-types/editorial/footer.webp diff --git a/src/assets/masthead/page-types/editorial/header.webp b/src/assets/page-types/editorial/header.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/header.webp rename to src/assets/page-types/editorial/header.webp diff --git a/src/assets/masthead/page-types/editorial/landmark.webp b/src/assets/page-types/editorial/landmark.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/landmark.webp rename to src/assets/page-types/editorial/landmark.webp diff --git a/src/assets/masthead/page-types/editorial/lockup-1.webp b/src/assets/page-types/editorial/lockup-1.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/lockup-1.webp rename to src/assets/page-types/editorial/lockup-1.webp diff --git a/src/assets/masthead/page-types/editorial/lockup-2.webp b/src/assets/page-types/editorial/lockup-2.webp similarity index 100% rename from src/assets/masthead/page-types/editorial/lockup-2.webp rename to src/assets/page-types/editorial/lockup-2.webp diff --git a/src/assets/masthead/page-types/guide/feedback.webp b/src/assets/page-types/guide/feedback.webp similarity index 100% rename from src/assets/masthead/page-types/guide/feedback.webp rename to src/assets/page-types/guide/feedback.webp diff --git a/src/assets/masthead/page-types/guide/footer.webp b/src/assets/page-types/guide/footer.webp similarity index 100% rename from src/assets/masthead/page-types/guide/footer.webp rename to src/assets/page-types/guide/footer.webp diff --git a/src/assets/masthead/page-types/guide/header.webp b/src/assets/page-types/guide/header.webp similarity index 100% rename from src/assets/masthead/page-types/guide/header.webp rename to src/assets/page-types/guide/header.webp diff --git a/src/assets/masthead/page-types/guide/landmark.webp b/src/assets/page-types/guide/landmark.webp similarity index 100% rename from src/assets/masthead/page-types/guide/landmark.webp rename to src/assets/page-types/guide/landmark.webp diff --git a/src/assets/masthead/page-types/home/cards-1.webp b/src/assets/page-types/home/cards-1.webp similarity index 100% rename from src/assets/masthead/page-types/home/cards-1.webp rename to src/assets/page-types/home/cards-1.webp diff --git a/src/assets/masthead/page-types/home/cards-2.webp b/src/assets/page-types/home/cards-2.webp similarity index 100% rename from src/assets/masthead/page-types/home/cards-2.webp rename to src/assets/page-types/home/cards-2.webp diff --git a/src/assets/masthead/page-types/home/caveat.webp b/src/assets/page-types/home/caveat.webp similarity index 100% rename from src/assets/masthead/page-types/home/caveat.webp rename to src/assets/page-types/home/caveat.webp diff --git a/src/assets/masthead/page-types/home/footer.webp b/src/assets/page-types/home/footer.webp similarity index 100% rename from src/assets/masthead/page-types/home/footer.webp rename to src/assets/page-types/home/footer.webp diff --git a/src/assets/masthead/page-types/home/header.webp b/src/assets/page-types/home/header.webp similarity index 100% rename from src/assets/masthead/page-types/home/header.webp rename to src/assets/page-types/home/header.webp diff --git a/src/assets/masthead/page-types/home/landmark.webp b/src/assets/page-types/home/landmark.webp similarity index 100% rename from src/assets/masthead/page-types/home/landmark.webp rename to src/assets/page-types/home/landmark.webp diff --git a/src/assets/masthead/page-types/home/lockup-1.webp b/src/assets/page-types/home/lockup-1.webp similarity index 100% rename from src/assets/masthead/page-types/home/lockup-1.webp rename to src/assets/page-types/home/lockup-1.webp diff --git a/src/assets/masthead/page-types/home/lockup-2.webp b/src/assets/page-types/home/lockup-2.webp similarity index 100% rename from src/assets/masthead/page-types/home/lockup-2.webp rename to src/assets/page-types/home/lockup-2.webp diff --git a/src/assets/masthead/page-types/home/lockup-3.webp b/src/assets/page-types/home/lockup-3.webp similarity index 100% rename from src/assets/masthead/page-types/home/lockup-3.webp rename to src/assets/page-types/home/lockup-3.webp diff --git a/src/assets/masthead/page-types/home/lockup-4.webp b/src/assets/page-types/home/lockup-4.webp similarity index 100% rename from src/assets/masthead/page-types/home/lockup-4.webp rename to src/assets/page-types/home/lockup-4.webp diff --git a/src/assets/masthead/page-types/home/lockup-5.webp b/src/assets/page-types/home/lockup-5.webp similarity index 100% rename from src/assets/masthead/page-types/home/lockup-5.webp rename to src/assets/page-types/home/lockup-5.webp diff --git a/src/assets/masthead/page-types/home/panel.webp b/src/assets/page-types/home/panel.webp similarity index 100% rename from src/assets/masthead/page-types/home/panel.webp rename to src/assets/page-types/home/panel.webp diff --git a/src/assets/masthead/page-types/home/skyline.webp b/src/assets/page-types/home/skyline.webp similarity index 100% rename from src/assets/masthead/page-types/home/skyline.webp rename to src/assets/page-types/home/skyline.webp diff --git a/src/assets/masthead/page-types/product/accordion.webp b/src/assets/page-types/product/accordion.webp similarity index 100% rename from src/assets/masthead/page-types/product/accordion.webp rename to src/assets/page-types/product/accordion.webp diff --git a/src/assets/masthead/page-types/product/caveat.webp b/src/assets/page-types/product/caveat.webp similarity index 100% rename from src/assets/masthead/page-types/product/caveat.webp rename to src/assets/page-types/product/caveat.webp diff --git a/src/assets/masthead/page-types/product/content.webp b/src/assets/page-types/product/content.webp similarity index 100% rename from src/assets/masthead/page-types/product/content.webp rename to src/assets/page-types/product/content.webp diff --git a/src/assets/masthead/page-types/product/footer.webp b/src/assets/page-types/product/footer.webp similarity index 100% rename from src/assets/masthead/page-types/product/footer.webp rename to src/assets/page-types/product/footer.webp diff --git a/src/assets/masthead/page-types/product/header.webp b/src/assets/page-types/product/header.webp similarity index 100% rename from src/assets/masthead/page-types/product/header.webp rename to src/assets/page-types/product/header.webp diff --git a/src/assets/masthead/page-types/product/landmark.webp b/src/assets/page-types/product/landmark.webp similarity index 100% rename from src/assets/masthead/page-types/product/landmark.webp rename to src/assets/page-types/product/landmark.webp diff --git a/src/assets/masthead/page-types/product/lockup.webp b/src/assets/page-types/product/lockup.webp similarity index 100% rename from src/assets/masthead/page-types/product/lockup.webp rename to src/assets/page-types/product/lockup.webp diff --git a/src/assets/masthead/page-types/product/product-card.webp b/src/assets/page-types/product/product-card.webp similarity index 100% rename from src/assets/masthead/page-types/product/product-card.webp rename to src/assets/page-types/product/product-card.webp diff --git a/src/assets/masthead/page-types/product/testimonial.webp b/src/assets/page-types/product/testimonial.webp similarity index 100% rename from src/assets/masthead/page-types/product/testimonial.webp rename to src/assets/page-types/product/testimonial.webp diff --git a/src/assets/masthead/page-types/start/cards.webp b/src/assets/page-types/start/cards.webp similarity index 100% rename from src/assets/masthead/page-types/start/cards.webp rename to src/assets/page-types/start/cards.webp diff --git a/src/assets/masthead/page-types/start/content.webp b/src/assets/page-types/start/content.webp similarity index 100% rename from src/assets/masthead/page-types/start/content.webp rename to src/assets/page-types/start/content.webp diff --git a/src/assets/masthead/page-types/start/footer.webp b/src/assets/page-types/start/footer.webp similarity index 100% rename from src/assets/masthead/page-types/start/footer.webp rename to src/assets/page-types/start/footer.webp diff --git a/src/assets/masthead/page-types/start/header.webp b/src/assets/page-types/start/header.webp similarity index 100% rename from src/assets/masthead/page-types/start/header.webp rename to src/assets/page-types/start/header.webp diff --git a/src/assets/masthead/page-types/start/landmark.webp b/src/assets/page-types/start/landmark.webp similarity index 100% rename from src/assets/masthead/page-types/start/landmark.webp rename to src/assets/page-types/start/landmark.webp From 4fe0ba19ec96039be18e9f558159004a83e2f14d Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 15:28:22 +0000 Subject: [PATCH 10/20] updated URLs to images on article mdx --- src/content/docs/page-types/article.mdx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/docs/page-types/article.mdx b/src/content/docs/page-types/article.mdx index fa5100aa2..3d0028ab1 100644 --- a/src/content/docs/page-types/article.mdx +++ b/src/content/docs/page-types/article.mdx @@ -35,7 +35,7 @@ Write content to grab attention, create interest, sell the benefits and make the | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of H1 and 16:9 image](https://user-images.githubusercontent.com/78355810/123983883-1f787880-d9bc-11eb-8f6a-ad877d1bf1c3.png) | Use a compelling but concise headline that would make someone want to click it, if it were to be seen as a link elsewhere. Immediately below the h1 is a relative [``](/components/ns-image) with a 16:9 ratio and a caption to grab attention and sell the story. The image should convey the headline and the caption should describe the image. See [``](/components/ns-article) for more information. | -| ![Image of Blog content](https://user-images.githubusercontent.com/78355810/123984000-34550c00-d9bc-11eb-9b28-c740b56a75b9.png) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, links, lists, further images and captions and CTAs. It can also be broken in to sections (like chapters) visually indicated by a set of 3 dots. See [``](/components/ns-article) for more information. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](../../../assets/page-types/article/header.webp) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of H1 and 16:9 image](../../../assets/page-types/article/article-1.webp) | Use a compelling but concise headline that would make someone want to click it, if it were to be seen as a link elsewhere. Immediately below the h1 is a relative [``](/components/ns-image) with a 16:9 ratio and a caption to grab attention and sell the story. The image should convey the headline and the caption should describe the image. See [``](/components/ns-article) for more information. | +| ![Image of Blog content](../../../assets/page-types/article/article-2.webp) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, links, lists, further images and captions and CTAs. It can also be broken in to sections (like chapters) visually indicated by a set of 3 dots. See [``](/components/ns-article) for more information. | +| ![Image of Footer](../../../assets/page-types/article/footer.webp) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | From 316605e33b531c93be245fc0e34d2212458feb34 Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 15:34:21 +0000 Subject: [PATCH 11/20] updated urls to images confirmation mdx --- src/content/docs/page-types/confirmation.mdx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/content/docs/page-types/confirmation.mdx b/src/content/docs/page-types/confirmation.mdx index 5d5d4a08d..58136efb0 100644 --- a/src/content/docs/page-types/confirmation.mdx +++ b/src/content/docs/page-types/confirmation.mdx @@ -48,11 +48,11 @@ You can use supporting content to play back their purchase and inform them of wh | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [``](/components/ns-landmark) showing a clear completion message. Any key information the customer needs to remember or save for a later, such as appointment details should be presented here. | -| ![Image of Timeline](https://user-images.githubusercontent.com/78355810/122087289-74cd5b00-cdfc-11eb-9171-18647c95b75f.png) | Below the message can be [``](/components/ns-timeline) that shows a status overview of the whole process whilst setting expectations for the further steps. | -| ![Image of supplementary cards](https://user-images.githubusercontent.com/78355810/122088757-f83b7c00-cdfd-11eb-82cc-7bf553156b1a.png) | Following that, there can be supplementary content that consists of more [``](/components/ns-card) components, consider introducing a decoration that is sympathetic to the surrounding aesthetics. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](../../../assets/page-types/confirmation/header.webp) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](../../../assets/page-types/confirmation/landmark.webp) | Next is [``](/components/ns-landmark) showing a clear completion message. Any key information the customer needs to remember or save for a later, such as appointment details should be presented here. | +| ![Image of Timeline](../../../assets/page-types/confirmation/timeline.webp) | Below the message can be [``](/components/ns-timeline) that shows a status overview of the whole process whilst setting expectations for the further steps. | +| ![Image of supplementary cards](../../../assets/page-types/confirmation/cards.webp) | Following that, there can be supplementary content that consists of more [``](/components/ns-card) components, consider introducing a decoration that is sympathetic to the surrounding aesthetics. | +| ![Image of Footer](../../../assets/page-types/confirmation/footer.webp) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | ### Confirmation email From 2d13974257a701a57e519d27a31542455d97668e Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 15:39:35 +0000 Subject: [PATCH 12/20] updated image urls on editorial mdx --- src/content/docs/page-types/editorial.mdx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/content/docs/page-types/editorial.mdx b/src/content/docs/page-types/editorial.mdx index 135cfb25c..90d4e9637 100644 --- a/src/content/docs/page-types/editorial.mdx +++ b/src/content/docs/page-types/editorial.mdx @@ -33,12 +33,12 @@ Editorial pages can contain lock-ups, images, links, lists and CTAs for a rich e | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/124106145-d972f180-da5b-11eb-8acf-c72850d9c665.png) | Next is [``](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | -| ![Image of Editorial 1](https://user-images.githubusercontent.com/78355810/124105596-46d25280-da5b-11eb-8f4b-4aa88b4de26a.png) | Then there is content in the form of [``](/components/ns-editorial) which can accommodate multiple sub headings, lists and paragraphs. The content should be concise and use sub headings to introduce each piece. Divide content into short paragraphs as it's easier to consume and aids effective page scanning. It also contains a supporting [``](/components/nsx-footer) that should have an aspect ratio of 4:3. Don't use imagery with white backgrounds. | -| ![Image of Editorial 2](https://user-images.githubusercontent.com/78355810/124105682-5fdb0380-da5b-11eb-994e-6274f626f816.png) | Folllowing that is another [``](/components/ns-editorial) component that has a reversed orientation. | -| ![Image of lockup dec](https://user-images.githubusercontent.com/78355810/124105862-8ef17500-da5b-11eb-8a3f-4e4a8b42ebd7.png) | Next is an [``](/components/ns-lockup) with decoration, highlighting some key information such as a related product or service combined with an image and a CTA. | -| ![Image of Editorial 3](https://user-images.githubusercontent.com/78355810/124105776-78e3b480-da5b-11eb-8ec8-daca2c4cae6c.png) | Next are 2 more ns-editorial components that show bullet point lists to help summarise important points such as benefits. These are useful to a user who may be scanning through the page for the details they want to know. | -| ![Image of lockup](https://user-images.githubusercontent.com/78355810/124105951-a4ff3580-da5b-11eb-83c8-2edd3e5b0348.png) | Following that is another [``](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | -| ![Image of Supplementary PIC cards](https://user-images.githubusercontent.com/78355810/124106004-b8aa9c00-da5b-11eb-8839-890c4db4de2e.png) | Folllowing that, towards the end of the page, we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [``](/components/ns-card) components with images and text CTAs, and a decoration that is sympathetic to the end of the page caveat or footer section. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](../../../assets/page-types/editorial/header.webp) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](../../../assets/page-types/editorial/landmark.webp) | Next is [``](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | +| ![Image of Editorial 1](../../../assets/page-types/editorial/editorial-1.webp) | Then there is content in the form of [``](/components/ns-editorial) which can accommodate multiple sub headings, lists and paragraphs. The content should be concise and use sub headings to introduce each piece. Divide content into short paragraphs as it's easier to consume and aids effective page scanning. It also contains a supporting [``](/components/nsx-footer) that should have an aspect ratio of 4:3. Don't use imagery with white backgrounds. | +| ![Image of Editorial 2](../../../assets/page-types/editorial/editorial-2.webp) | Folllowing that is another [``](/components/ns-editorial) component that has a reversed orientation. | +| ![Image of lockup dec](../../../assets/page-types/editorial/lockup-1.webp) | Next is an [``](/components/ns-lockup) with decoration, highlighting some key information such as a related product or service combined with an image and a CTA. | +| ![Image of Editorial 3](../../../assets/page-types/editorial/editorial-3.webp) | Next are 2 more ns-editorial components that show bullet point lists to help summarise important points such as benefits. These are useful to a user who may be scanning through the page for the details they want to know. | +| ![Image of lockup](../../../assets/page-types/editorial/lockup-2.webp) | Following that is another [``](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | +| ![Image of Supplementary PIC cards](../../../assets/page-types/editorial/cards.webp) | Folllowing that, towards the end of the page, we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [``](/components/ns-card) components with images and text CTAs, and a decoration that is sympathetic to the end of the page caveat or footer section. | +| ![Image of Footer](../../../assets/page-types/editorial/footer.webp) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | From 98b60848192a45de4afc8c6f3ca682a3f31f11b4 Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 15:47:11 +0000 Subject: [PATCH 13/20] added urls and one webp to guides mdx --- src/assets/page-types/guide/content.webp | Bin 0 -> 600 bytes src/content/docs/page-types/guide.mdx | 10 +++++----- 2 files changed, 5 insertions(+), 5 deletions(-) create mode 100644 src/assets/page-types/guide/content.webp diff --git a/src/assets/page-types/guide/content.webp b/src/assets/page-types/guide/content.webp new file mode 100644 index 0000000000000000000000000000000000000000..b4ce7c219c99ff723fd0faf6b49c000077fcbbb5 GIT binary patch literal 600 zcmWIYbaM+}Vqge&bqWXzu!!JdfPj8Rh8#u)poq_HMg|7`e#U49_Ju2QRni${ranHu z@_z01lnjGBm6d_XpUzKS-oAP5hFs;P{=fN8-#An6!6lf)6wo2S%=%_?7h{J*_t6N^ z2kDL~9%~&q6&YNvscrp}8}FRS@qd4unM09^=fse^htKd>{;z))$E{SnTT6M-|DHSB zdR_J|+WhNJwi8!c$G^q@XZd{pRN`~<(Z^|Ps_ey1ZT#U;Rx7sa;{=}S7sssK^Y2cu zS6uDl!qJ^tIcssqrByC>6_0*fb@_hq8?U9UrCn>^6v`HB7+W%~`jA%ca5ZC>^P;z3 zm+e=-b#=)u$puBrroNuhJOAX)6>|k<-R-`0HCfOs^{m`=)+mq5+zZ}(lxaQMQo3mE zn~yOmQ`NsTY&u?DBxYRY`f_Dta_6OT1(V&PTfILr)b$;jx!~6OAMY1!*?PRxM~dgn zI$n+gZ|oWw≥TY`](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [``](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | -| ![LF Content - 2col](https://user-images.githubusercontent.com/78355810/123948174-12965d80-d999-11eb-9638-5841184801f0.png) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, lists, tables, accordions and CTAs. It is contained within [``](/components/ns-content) and has 2 columns in larger viewports. The column to the right can contain a support type [``](/components/ns-card) useful for summarised information or relative links. | -| ![Supplementary cards](https://user-images.githubusercontent.com/78355810/123975760-80508280-d9b5-11eb-896e-fa0cb1f87de0.png) | Then there is an section which is common to help and support pages and asks if the page was useful (answered with radio buttons). The feedback helps us improve the user experience of these pages. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](../../../assets/page-types/guide/header.webp) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](../../../assets/page-types/guide/landmark.webp) | Next is [``](/components/ns-landmark) (hillside) showing a clear, concise and descriptive headline, paired with a line of text that elaborates on the title. | +| ![LF Content - 2col](../../../assets/page-types/guide/content.webp) | Following that there is the main body of content, which can be made up from h2-h6 and paragraph text, lists, tables, accordions and CTAs. It is contained within [``](/components/ns-content) and has 2 columns in larger viewports. The column to the right can contain a support type [``](/components/ns-card) useful for summarised information or relative links. | +| ![Supplementary cards](../../../assets/page-types/guide/feedback.webp) | Then there is an section which is common to help and support pages and asks if the page was useful (answered with radio buttons). The feedback helps us improve the user experience of these pages. | +| ![Image of Footer](../../../assets/page-types/guide/footer.webp) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | From 6ac366c4863ea8ef26825d6c9662f379f62acd50 Mon Sep 17 00:00:00 2001 From: MekalaNagarajan_Centrica Date: Mon, 26 Feb 2024 16:00:36 +0000 Subject: [PATCH 14/20] feat: page view components --- src/components/NucleusPageRenderer.js | 75 +++++++++++++++++++++++++++ src/components/PageViewer.astro | 14 +++++ src/styles/custom.css | 21 -------- 3 files changed, 89 insertions(+), 21 deletions(-) create mode 100644 src/components/NucleusPageRenderer.js create mode 100644 src/components/PageViewer.astro diff --git a/src/components/NucleusPageRenderer.js b/src/components/NucleusPageRenderer.js new file mode 100644 index 000000000..a19239178 --- /dev/null +++ b/src/components/NucleusPageRenderer.js @@ -0,0 +1,75 @@ +import { LitElement, html, css } from 'lit'; +import { styleMap } from 'lit/directives/style-map.js'; +import { classMap } from 'lit/directives/class-map.js'; + +export class NucleusPageRenderer extends LitElement { + + static get properties() { + return { + src: { type: String } + } + } + + static get styles() { + return css` + :host { + display: block; + padding-block-start: 1.5rem; + } + + .page-iframe { + display: block; + width: auto; + min-height: 544px; + height: auto; + border-style: solid; + border-color: #4d4d4d; + border-top-width: 64px; + border-right-width: 12px; + border-bottom-width: 64px; + border-left-width: 12px; + resize: both; + background: #ffffff; + overflow: auto; + position: relative; + min-width: 399px; + min-height: 795px; + border-radius: 50px; + } + `; + } + + updated() { + super.updated(); + this._iframeHeight(); + } + + render() { + const styles = { + '--iframe-min-height': `${this._minHeight}px !important` + }; + + const classes = { + 'page-iframe': true + }; + + return html` +
+ +
+ `; + } +} + +customElements.define('page-view', NucleusPageRenderer); + + diff --git a/src/components/PageViewer.astro b/src/components/PageViewer.astro new file mode 100644 index 000000000..714cb3bf3 --- /dev/null +++ b/src/components/PageViewer.astro @@ -0,0 +1,14 @@ +--- +import { NucleusPageRenderer } from './NucleusPageRenderer'; + +const { slug } = Astro.params; + +const type = 'page'; +const exampleFileMatcher = `/assets/${slug}/${type}.html`; +const examples = import.meta.glob("../assets/page-types/**/*.html", { import: 'default', as: 'raw', eager: true}); +const htmlFile = Object.keys(examples).find((example) => example?.endsWith(exampleFileMatcher)); +const htmlContent = await examples[htmlFile]; +--- + + + diff --git a/src/styles/custom.css b/src/styles/custom.css index 31a82b85e..62374b4bf 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -424,27 +424,6 @@ main { } } -/* NOTE: @drew - 2023-11-29 - temporary styles for the Storybook iframe in the Pages section */ -.storybook-embed iframe { - display: block; - width: auto; - min-height: 544px; - height: auto; - border-style: solid; - border-color: #4d4d4d; - border-top-width: 64px; - border-right-width: 12px; - border-bottom-width: 64px; - border-left-width: 12px; - resize: both; - background: #ffffff; - overflow: auto; - position: relative; - min-width: 399px; - min-height: 795px; - border-radius: 50px; -} - .sidebar-pane { border-inline-end-style: none; } From 0cdcd3022b48569721ab9c945480ee475919328e Mon Sep 17 00:00:00 2001 From: MekalaNagarajan_Centrica Date: Mon, 26 Feb 2024 16:01:05 +0000 Subject: [PATCH 15/20] feat: use pageview in page-types --- src/content/docs/page-types/article.mdx | 6 ++---- src/content/docs/page-types/confirmation.mdx | 7 ++----- src/content/docs/page-types/editorial.mdx | 7 ++----- src/content/docs/page-types/guide.mdx | 8 ++------ src/content/docs/page-types/home.mdx | 8 ++------ src/content/docs/page-types/hub.mdx | 7 ++----- src/content/docs/page-types/product.mdx | 8 ++------ src/content/docs/page-types/roadblock.mdx | 7 ++----- src/content/docs/page-types/start.mdx | 7 ++----- src/content/docs/page-types/stopgap.mdx | 7 ++----- 10 files changed, 20 insertions(+), 52 deletions(-) diff --git a/src/content/docs/page-types/article.mdx b/src/content/docs/page-types/article.mdx index 3d0028ab1..0a8154281 100644 --- a/src/content/docs/page-types/article.mdx +++ b/src/content/docs/page-types/article.mdx @@ -2,6 +2,7 @@ title: Article description: Page type | Article page --- +import PageViewer from '@components/PageViewer.astro'; ## Introduction @@ -18,10 +19,7 @@ They allow long form content with images and sections, with very little effort r ## Example -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/confirmation.mdx b/src/content/docs/page-types/confirmation.mdx index 58136efb0..ffb63796b 100644 --- a/src/content/docs/page-types/confirmation.mdx +++ b/src/content/docs/page-types/confirmation.mdx @@ -2,6 +2,7 @@ title: Confirmation description: Page type | Confirmation --- +import PageViewer from '@components/PageViewer.astro'; ## Introduction @@ -18,11 +19,7 @@ It is important to differentiate from previous stages. For more information on how to bookend your journeys [see the Start page type](/page-types/start). ## Example - -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/editorial.mdx b/src/content/docs/page-types/editorial.mdx index 135cfb25c..0cb289109 100644 --- a/src/content/docs/page-types/editorial.mdx +++ b/src/content/docs/page-types/editorial.mdx @@ -2,7 +2,7 @@ title: Editorial description: Page type | Editorial page --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction Editorial pages are more informative than promotional in nature. In some cases, it is necessary to explain something in more detail without the user needing to take an immediate action. @@ -16,10 +16,7 @@ Editorial pages are more informative than promotional in nature. In some cases, ## Example -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/guide.mdx b/src/content/docs/page-types/guide.mdx index ca3eb3aaa..569650b35 100644 --- a/src/content/docs/page-types/guide.mdx +++ b/src/content/docs/page-types/guide.mdx @@ -2,7 +2,7 @@ title: Guide description: Page type | Guide page --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction Guide pages unsurprisingly, give guidance to the reader. This guidance is often on a wide range of topics related in some way to the products and services the organisation offers. Guide pages are also an essential SEO tool, designed to drive traffic to the site by proving the organisation to be an expert on a range of (well considered and relevant) topics. @@ -16,11 +16,7 @@ Guide pages unsurprisingly, give guidance to the reader. This guidance is often - This might take the form of instructions on how to do something, breaking down a complex topic or deeper reading to help make a decision. ## Example - -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/home.mdx b/src/content/docs/page-types/home.mdx index 90e880830..d703f6a52 100644 --- a/src/content/docs/page-types/home.mdx +++ b/src/content/docs/page-types/home.mdx @@ -2,7 +2,7 @@ title: Home description: Page type | Home page --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction Think of this page as the shop window. It is the primary display point of the brand. It needs to capture attention, and peak interest. It is also the starting point for many users to navigate into specific product journeys, or learn before they purchase. The homepage has to work hard and wear many hats without being an overwhelming barrage of information. @@ -16,11 +16,7 @@ Think of this page as the shop window. It is the primary display point of the br - Promote the latest offers. ## Example - -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/hub.mdx b/src/content/docs/page-types/hub.mdx index 76528d2aa..a98fcade6 100644 --- a/src/content/docs/page-types/hub.mdx +++ b/src/content/docs/page-types/hub.mdx @@ -2,7 +2,7 @@ title: Hub description: Page type | Hub page --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction Hub pages are designed to link other pages (often product pages) and navigate users down the right path. That means hub pages contain lots of links and snippets of information. They’re essential site navigation tools, but they can also be powerful SEO tools. We know existing customers often use hub pages to navigate to their end goal. @@ -18,10 +18,7 @@ Hub pages are designed to link other pages (often product pages) and navigate us ## Example -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/product.mdx b/src/content/docs/page-types/product.mdx index 893d24f6c..265df2243 100644 --- a/src/content/docs/page-types/product.mdx +++ b/src/content/docs/page-types/product.mdx @@ -2,7 +2,7 @@ title: Product description: Page type | Product page --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction Product pages introduce more granular detail than hub pages. They often display pricing, product terms and promotion details. Primary actions on the page drive customers into the sales journey, and conversion rate should be measured into these journeys to deduce how to optimise page performance. @@ -17,11 +17,7 @@ Product pages introduce more granular detail than hub pages. They often display - Direct users to more information if they’re not at the sales part of their buying journey. ## Example - -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/roadblock.mdx b/src/content/docs/page-types/roadblock.mdx index 6a4c4b814..9b91b970b 100644 --- a/src/content/docs/page-types/roadblock.mdx +++ b/src/content/docs/page-types/roadblock.mdx @@ -2,7 +2,7 @@ title: Roadblock description: Page type | Roadblock --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction The Roadblock is a page type used to inform a user that they have met a dead end and cannot continue with their original journey. @@ -15,10 +15,7 @@ The Roadblock is a page type used to inform a user that they have met a dead end ## Example -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/start.mdx b/src/content/docs/page-types/start.mdx index 97d9f5a1f..b1cf00233 100644 --- a/src/content/docs/page-types/start.mdx +++ b/src/content/docs/page-types/start.mdx @@ -2,7 +2,7 @@ title: Start description: Page type | Start --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction This page type should be used to clarify and set up a task for a user at the beginning of a journey. @@ -16,10 +16,7 @@ For more information on how to bookend your journeys [see the Confirmation page ## Example -
-

View full page example

- -
+ ## Content guidance diff --git a/src/content/docs/page-types/stopgap.mdx b/src/content/docs/page-types/stopgap.mdx index cd013fa58..07be97d99 100644 --- a/src/content/docs/page-types/stopgap.mdx +++ b/src/content/docs/page-types/stopgap.mdx @@ -2,7 +2,7 @@ title: Stopgap description: Page type | Stopgap --- - +import PageViewer from '@components/PageViewer.astro'; ## Introduction The Stopgap is a page type used to provide customers with an interstitial loading or processing page. @@ -16,10 +16,7 @@ The Stopgap is a page type used to provide customers with an interstitial loadin ## Example -
-

View full page example

- -
+ ## Content guidance From 02267e49748f2f241cf0ddee62b541a4f8479956 Mon Sep 17 00:00:00 2001 From: MekalaNagarajan_Centrica Date: Mon, 26 Feb 2024 16:07:39 +0000 Subject: [PATCH 16/20] chore: fix build --- src/content/docs/page-types/editorial.mdx | 1 + src/content/docs/page-types/guide.mdx | 1 + src/content/docs/page-types/home.mdx | 1 + src/content/docs/page-types/hub.mdx | 1 + src/content/docs/page-types/product.mdx | 1 + src/content/docs/page-types/roadblock.mdx | 1 + src/content/docs/page-types/start.mdx | 1 + src/content/docs/page-types/stopgap.mdx | 1 + 8 files changed, 8 insertions(+) diff --git a/src/content/docs/page-types/editorial.mdx b/src/content/docs/page-types/editorial.mdx index 0cb289109..e36063b0b 100644 --- a/src/content/docs/page-types/editorial.mdx +++ b/src/content/docs/page-types/editorial.mdx @@ -3,6 +3,7 @@ title: Editorial description: Page type | Editorial page --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction Editorial pages are more informative than promotional in nature. In some cases, it is necessary to explain something in more detail without the user needing to take an immediate action. diff --git a/src/content/docs/page-types/guide.mdx b/src/content/docs/page-types/guide.mdx index 569650b35..cc01c9c8e 100644 --- a/src/content/docs/page-types/guide.mdx +++ b/src/content/docs/page-types/guide.mdx @@ -3,6 +3,7 @@ title: Guide description: Page type | Guide page --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction Guide pages unsurprisingly, give guidance to the reader. This guidance is often on a wide range of topics related in some way to the products and services the organisation offers. Guide pages are also an essential SEO tool, designed to drive traffic to the site by proving the organisation to be an expert on a range of (well considered and relevant) topics. diff --git a/src/content/docs/page-types/home.mdx b/src/content/docs/page-types/home.mdx index d703f6a52..2d6f0f832 100644 --- a/src/content/docs/page-types/home.mdx +++ b/src/content/docs/page-types/home.mdx @@ -3,6 +3,7 @@ title: Home description: Page type | Home page --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction Think of this page as the shop window. It is the primary display point of the brand. It needs to capture attention, and peak interest. It is also the starting point for many users to navigate into specific product journeys, or learn before they purchase. The homepage has to work hard and wear many hats without being an overwhelming barrage of information. diff --git a/src/content/docs/page-types/hub.mdx b/src/content/docs/page-types/hub.mdx index a98fcade6..b790c2eea 100644 --- a/src/content/docs/page-types/hub.mdx +++ b/src/content/docs/page-types/hub.mdx @@ -3,6 +3,7 @@ title: Hub description: Page type | Hub page --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction Hub pages are designed to link other pages (often product pages) and navigate users down the right path. That means hub pages contain lots of links and snippets of information. They’re essential site navigation tools, but they can also be powerful SEO tools. We know existing customers often use hub pages to navigate to their end goal. diff --git a/src/content/docs/page-types/product.mdx b/src/content/docs/page-types/product.mdx index 265df2243..12d125577 100644 --- a/src/content/docs/page-types/product.mdx +++ b/src/content/docs/page-types/product.mdx @@ -3,6 +3,7 @@ title: Product description: Page type | Product page --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction Product pages introduce more granular detail than hub pages. They often display pricing, product terms and promotion details. Primary actions on the page drive customers into the sales journey, and conversion rate should be measured into these journeys to deduce how to optimise page performance. diff --git a/src/content/docs/page-types/roadblock.mdx b/src/content/docs/page-types/roadblock.mdx index 9b91b970b..e8dd742ef 100644 --- a/src/content/docs/page-types/roadblock.mdx +++ b/src/content/docs/page-types/roadblock.mdx @@ -3,6 +3,7 @@ title: Roadblock description: Page type | Roadblock --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction The Roadblock is a page type used to inform a user that they have met a dead end and cannot continue with their original journey. diff --git a/src/content/docs/page-types/start.mdx b/src/content/docs/page-types/start.mdx index b1cf00233..77525dc81 100644 --- a/src/content/docs/page-types/start.mdx +++ b/src/content/docs/page-types/start.mdx @@ -3,6 +3,7 @@ title: Start description: Page type | Start --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction This page type should be used to clarify and set up a task for a user at the beginning of a journey. diff --git a/src/content/docs/page-types/stopgap.mdx b/src/content/docs/page-types/stopgap.mdx index 07be97d99..38289f887 100644 --- a/src/content/docs/page-types/stopgap.mdx +++ b/src/content/docs/page-types/stopgap.mdx @@ -3,6 +3,7 @@ title: Stopgap description: Page type | Stopgap --- import PageViewer from '@components/PageViewer.astro'; + ## Introduction The Stopgap is a page type used to provide customers with an interstitial loading or processing page. From adc4a035c7f1a8d765bb56f0668547b089342fa1 Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 16:08:15 +0000 Subject: [PATCH 17/20] updated home mdx with image urls --- src/content/docs/page-types/home.mdx | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/src/content/docs/page-types/home.mdx b/src/content/docs/page-types/home.mdx index 90e880830..35294c8c3 100644 --- a/src/content/docs/page-types/home.mdx +++ b/src/content/docs/page-types/home.mdx @@ -32,16 +32,16 @@ Think of this page as the shop window. It is the primary display point of the br | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence with the logo. | -| ![Image of skyline](https://user-images.githubusercontent.com/78355810/121555785-348c6800-ca0b-11eb-922d-c2c3b4937acd.png) | Positioned directly beneath the global navigation and above any content, [``](/components/ns-skyline) displays high level messages to the user. The purpose of ns-skyline is to notify the user of important site-wide, or non-page specific events, that may affect their experience of using the website.| -| ![Image of Panel 1](https://user-images.githubusercontent.com/78355810/121552839-af07b880-ca08-11eb-9f48-63171fa005db.png) | This [``](/components/ns-landmark) consists of a heading, an introductory paragraph and a CTA. Landmarks are used to introduce the page, informing users of their current location and its primary purpose. They contain the most compelling and important message, emphasising the key points in bold text, accompanied with a relevant 'hero' image. | -| ![Image of Panel 2](https://user-images.githubusercontent.com/78355810/121559775-ce094900-ca0e-11eb-9d15-d370761a9202.png) | Next, this [``](/components/ns-panel) consists of a heading, an introductory paragraph and 3 [``](/components/ns-card) components (section type), with CTAs for the most common reasons a user would be visiting the website. | -| ![Image of Panel 3](https://user-images.githubusercontent.com/78355810/121560789-c0a08e80-ca0f-11eb-9708-658a94aa90a0.png) | Next is a [``](/components/ns-lockup) describing some information such as latest news or a promotion combined with an image and a CTA. | -| ![Image of Panel 4](https://user-images.githubusercontent.com/78355810/121561606-91d6e800-ca10-11eb-967c-824decbea4a8.png) | Following on, are 3 more [``](/components/ns-card) components with text CTAs, combined with a heading. These offer links to other services that may also be of interest, but are of less importance than the 3 cards above. | -| ![Image of Panel 5](https://user-images.githubusercontent.com/78355810/121562212-23465a00-ca11-11eb-8a39-10e0885ab05d.png) | Next is an [``](/components/ns-lockup) with decoration which is used to grab attention to another product or service lower down in the order. | -| ![Image of Panel 6](https://user-images.githubusercontent.com/78355810/121562898-d1520400-ca11-11eb-93e8-46dedc5bf79f.png) | Following is an [``](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | -| ![Image of Panel 7](https://user-images.githubusercontent.com/78355810/121563848-b8961e00-ca12-11eb-936e-b46c5de2394d.png) | Then there is an [``](/components/ns-lockup) with decoration... | -| ![Image of Panel 8](https://user-images.githubusercontent.com/78355810/121565028-fa739400-ca13-11eb-8a68-90ff869c3cb4.png) | ...and then, if it's really necessary another [``](/components/ns-lockup) variant can be used. Be mindful of putting too many lockups on one page. | -| ![Image of Panel 9](https://user-images.githubusercontent.com/78355810/121565846-c64ca300-ca14-11eb-803c-c7e2ba88de92.png) | Now towards the end of the page we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [``](/components/ns-card) components with text CTAs, and with a decoration that is sympathetic to the end of the page caveat or footer section. | -| ![Image of Caveat](https://user-images.githubusercontent.com/78355810/121566776-bed9c980-ca15-11eb-8032-8df59ac5c372.png) | If required, include [``](/components/ns-caveat) to provide additional information and legal details to the content. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](../../../assets/page-types/home/header.webp) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence with the logo. | +| ![Image of skyline](../../../assets/page-types/home/skyline.webp) | Positioned directly beneath the global navigation and above any content, [``](/components/ns-skyline) displays high level messages to the user. The purpose of ns-skyline is to notify the user of important site-wide, or non-page specific events, that may affect their experience of using the website.| +| ![Image of Panel 1](../../../assets/page-types/home/landmark.webp) | This [``](/components/ns-landmark) consists of a heading, an introductory paragraph and a CTA. Landmarks are used to introduce the page, informing users of their current location and its primary purpose. They contain the most compelling and important message, emphasising the key points in bold text, accompanied with a relevant 'hero' image. | +| ![Image of Panel 2](../../../assets/page-types/home/panel.webp) | Next, this [``](/components/ns-panel) consists of a heading, an introductory paragraph and 3 [``](/components/ns-card) components (section type), with CTAs for the most common reasons a user would be visiting the website. | +| ![Image of Panel 3](../../../assets/page-types/home/lockup-1.webp) | Next is a [``](/components/ns-lockup) describing some information such as latest news or a promotion combined with an image and a CTA. | +| ![Image of Panel 4](../../../assets/page-types/home/cards-1.webp) | Following on, are 3 more [``](/components/ns-card) components with text CTAs, combined with a heading. These offer links to other services that may also be of interest, but are of less importance than the 3 cards above. | +| ![Image of Panel 5](../../../assets/page-types/home/lockup-2.webp) | Next is an [``](/components/ns-lockup) with decoration which is used to grab attention to another product or service lower down in the order. | +| ![Image of Panel 6](../../../assets/page-types/home/lockup-3.webp) | Following is an [``](/components/ns-lockup) but without decoration, so of less importance than the lockup above. | +| ![Image of Panel 7](../../../assets/page-types/home/lockup-4.webp) | Then there is an [``](/components/ns-lockup) with decoration... | +| ![Image of Panel 8](../../../assets/page-types/home/lockup-5.webp) | ...and then, if it's really necessary another [``](/components/ns-lockup) variant can be used. Be mindful of putting too many lockups on one page. | +| ![Image of Panel 9](../../../assets/page-types/home/cards-2.webp) | Now towards the end of the page we can 'mop-up' any users that have scrolled this far. Ask, 'What else might they be looking for that's not already been mentioned above?' It consists of 3 more [``](/components/ns-card) components with text CTAs, and with a decoration that is sympathetic to the end of the page caveat or footer section. | +| ![Image of Caveat](../../../assets/page-types/home/caveat.webp) | If required, include [``](/components/ns-caveat) to provide additional information and legal details to the content. | +| ![Image of Footer](../../../assets/page-types/home/footer.webp) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | From 032a46fed53044be88ca60f0ebb960b38e00ec31 Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 16:13:32 +0000 Subject: [PATCH 18/20] updated product mdx with image urls --- src/content/docs/page-types/product.mdx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/content/docs/page-types/product.mdx b/src/content/docs/page-types/product.mdx index 893d24f6c..49a627171 100644 --- a/src/content/docs/page-types/product.mdx +++ b/src/content/docs/page-types/product.mdx @@ -37,12 +37,12 @@ There are different types of products, so you will need to assess your individua | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-lakeside](https://user-images.githubusercontent.com/78355810/131121916-b8dc224f-c978-483d-bf2e-0365b98e95d6.png) | Use the [``](/components/ns-landmark) component (lakeside) with a prominent, compelling, value proposition. Clearly and concisely describe the product and any offer, to confirm to the user the page they have opened. It effectively brings CTAs further up the page and into view, which in theory should increase conversions (the use of a single CTA here could also work in the absence of multiple choices). Optionally, you could include an [``](/components/ns-pill) component to highlight the offer.| -| ![Image of Product cards](https://user-images.githubusercontent.com/78355810/131130369-1b5a8516-e240-4a27-993c-059852ab43ce.png) | Conversions may be increased if the [``](/components/ns-pill) or [``](/components/ns-card) (support with image type) CTAs are high up in the order of a product page – situating them in the most visually scanned areas. Use images that conform to [``](/components/ns-image) 16:9 aspect ratio, and help communicate the product. It can also make comparisons easier. | -| ![Image of benefits bullet point list](https://user-images.githubusercontent.com/78355810/131134066-0a731188-1311-4730-82a9-7cdbf67975c1.png) | Explain the main benefits of the product. Perhaps tell a story or link to one. This could be in the form of a list within the [``](/components/ns-content) or [``](/components/ns-lockup) components. | -| ![Image of Trustpilot testimonials](https://user-images.githubusercontent.com/78355810/131661864-af82f913-94bd-4d44-93ee-8bbf3f95a77b.png) | Leverage social proof by including things like TrustPilot reviews or the [``](/components/ns-testimonial) component. TrustPilot can be of more value to the user as the content is honest and not curated by our business. However, in some cases, using the ns-testimonial component may be more appropriate and utilises the company's brand aesthetic in the section. | -| ![Image of lockup](https://user-images.githubusercontent.com/78355810/131138961-8f6b88a4-78bc-4774-96a9-96de6238585d.png) | Highlight related products, services or links to guides etc. using [``](/components/ns-lockup) component, but keep this lower down the page than the main product information. | -| ![Image of accordion](https://user-images.githubusercontent.com/78355810/131140408-01727e6c-e724-458c-bf15-0427f53149e0.png) | Use the [``](/components/ns-accordion) component to display any FAQs. If a user has scrolled this far they are likely to have unanswered questions. You may also want to consider including live chat support like 'Cosmo' (British Gas). | -| ![Image of caveat](https://user-images.githubusercontent.com/78355810/131139370-e7d72fef-b3a6-4a49-ad64-c7b7d4b63e70.png) | Following that we should display any caveats or legal information using the [``](/components/ns-caveat) component. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](../../../assets/page-types/product/header.webp) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-lakeside](../../../assets/page-types/product/landmark.webp) | Use the [``](/components/ns-landmark) component (lakeside) with a prominent, compelling, value proposition. Clearly and concisely describe the product and any offer, to confirm to the user the page they have opened. It effectively brings CTAs further up the page and into view, which in theory should increase conversions (the use of a single CTA here could also work in the absence of multiple choices). Optionally, you could include an [``](/components/ns-pill) component to highlight the offer.| +| ![Image of Product cards](../../../assets/page-types/product/product-card.webp) | Conversions may be increased if the [``](/components/ns-pill) or [``](/components/ns-card) (support with image type) CTAs are high up in the order of a product page – situating them in the most visually scanned areas. Use images that conform to [``](/components/ns-image) 16:9 aspect ratio, and help communicate the product. It can also make comparisons easier. | +| ![Image of benefits bullet point list](../../../assets/page-types/product/content.webp) | Explain the main benefits of the product. Perhaps tell a story or link to one. This could be in the form of a list within the [``](/components/ns-content) or [``](/components/ns-lockup) components. | +| ![Image of Trustpilot testimonials](../../../assets/page-types/product/testimonial.webp) | Leverage social proof by including things like TrustPilot reviews or the [``](/components/ns-testimonial) component. TrustPilot can be of more value to the user as the content is honest and not curated by our business. However, in some cases, using the ns-testimonial component may be more appropriate and utilises the company's brand aesthetic in the section. | +| ![Image of lockup](../../../assets/page-types/product/lockup.webp) | Highlight related products, services or links to guides etc. using [``](/components/ns-lockup) component, but keep this lower down the page than the main product information. | +| ![Image of accordion](../../../assets/page-types/product/accordion.webp) | Use the [``](/components/ns-accordion) component to display any FAQs. If a user has scrolled this far they are likely to have unanswered questions. You may also want to consider including live chat support like 'Cosmo' (British Gas). | +| ![Image of caveat](../../../assets/page-types/product/caveat.webp) | Following that we should display any caveats or legal information using the [``](/components/ns-caveat) component. | +| ![Image of Footer](../../../assets/page-types/product/footer.webp) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | From 30052c908b8162ee0f5b897a99c2f60bf23890c2 Mon Sep 17 00:00:00 2001 From: Rob Tobias Date: Mon, 26 Feb 2024 16:16:36 +0000 Subject: [PATCH 19/20] updated start mdx with image urls --- src/content/docs/page-types/start.mdx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/content/docs/page-types/start.mdx b/src/content/docs/page-types/start.mdx index 77525dc81..c84ee870e 100644 --- a/src/content/docs/page-types/start.mdx +++ b/src/content/docs/page-types/start.mdx @@ -33,8 +33,8 @@ A dedicated start page may not be needed if users are coming from a page where t | Page composition | Description | | :--- | :--- | -| ![Image of header](https://user-images.githubusercontent.com/78355810/121555708-250d1f00-ca0b-11eb-86b9-df4a65ccfb60.png) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | -| ![Image of landmark-hillside](https://user-images.githubusercontent.com/78355810/122067713-b6093f00-cdeb-11eb-8ee8-8b07c8c71bdf.png) | Next is [``](/components/ns-landmark) which clarifies the task at hand for the user. This should have a welcoming tone. | -| ![Image of Bullet list Content plus CTA](https://user-images.githubusercontent.com/78355810/122067871-d5a06780-cdeb-11eb-91d3-f5479778d76d.png) | Below the Landmark is [``](/components/ns-content) including an instructional heading with an unordered list to outline any information that the user needs to know to complete the journey. It also includes a prominent direct [``](/components/ns-cta). | -| ![Supplementary cards](https://user-images.githubusercontent.com/78355810/122068165-1304f500-cdec-11eb-9eaf-fe873e98903f.png) | Then there is a section with 3 [``](/components/ns-card) components that link to relevant help and support content. It may also include signposting to a secondary journey, or action for frequently misdirected users. Decorative background elements should be adapted to create balance with the surrounding page elements. | -| ![Image of Footer](https://user-images.githubusercontent.com/78355810/121567323-57704980-ca16-11eb-9951-598055b9808c.png) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | +| ![Image of header](../../../assets/page-types/start/header.webp) | This page will always start with [``](/components/nsx-header) providing the primary navigation for the website, whilst also being our main brand presence. | +| ![Image of landmark-hillside](../../../assets/page-types/start/landmark.webp) | Next is [``](/components/ns-landmark) which clarifies the task at hand for the user. This should have a welcoming tone. | +| ![Image of Bullet list Content plus CTA](../../../assets/page-types/start/content.webp) | Below the Landmark is [``](/components/ns-content) including an instructional heading with an unordered list to outline any information that the user needs to know to complete the journey. It also includes a prominent direct [``](/components/ns-cta). | +| ![Supplementary cards](../../../assets/page-types/start/cards.webp) | Then there is a section with 3 [``](/components/ns-card) components that link to relevant help and support content. It may also include signposting to a secondary journey, or action for frequently misdirected users. Decorative background elements should be adapted to create balance with the surrounding page elements. | +| ![Image of Footer](../../../assets/page-types/start/footer.webp) | Finally, there is [``](/components/nsx-footer) which holds all required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps. | From abdebf78bd9fcaccf2cbaf65058d667c9840200f Mon Sep 17 00:00:00 2001 From: Drew Jones Date: Mon, 26 Feb 2024 16:21:40 +0000 Subject: [PATCH 20/20] chore: whitespace --- src/content/docs/page-types/article.mdx | 1 + src/content/docs/page-types/confirmation.mdx | 2 ++ src/content/docs/page-types/editorial.mdx | 1 + src/content/docs/page-types/guide.mdx | 2 ++ src/content/docs/page-types/home.mdx | 2 ++ src/content/docs/page-types/hub.mdx | 1 + src/content/docs/page-types/product.mdx | 2 ++ src/content/docs/page-types/roadblock.mdx | 1 + src/content/docs/page-types/start.mdx | 1 + src/content/docs/page-types/stopgap.mdx | 1 + 10 files changed, 14 insertions(+) diff --git a/src/content/docs/page-types/article.mdx b/src/content/docs/page-types/article.mdx index 0a8154281..d799b8634 100644 --- a/src/content/docs/page-types/article.mdx +++ b/src/content/docs/page-types/article.mdx @@ -2,6 +2,7 @@ title: Article description: Page type | Article page --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction diff --git a/src/content/docs/page-types/confirmation.mdx b/src/content/docs/page-types/confirmation.mdx index ffb63796b..e2b841d29 100644 --- a/src/content/docs/page-types/confirmation.mdx +++ b/src/content/docs/page-types/confirmation.mdx @@ -2,6 +2,7 @@ title: Confirmation description: Page type | Confirmation --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction @@ -19,6 +20,7 @@ It is important to differentiate from previous stages. For more information on how to bookend your journeys [see the Start page type](/page-types/start). ## Example + ## Content guidance diff --git a/src/content/docs/page-types/editorial.mdx b/src/content/docs/page-types/editorial.mdx index 8f33342a8..8544cb192 100644 --- a/src/content/docs/page-types/editorial.mdx +++ b/src/content/docs/page-types/editorial.mdx @@ -2,6 +2,7 @@ title: Editorial description: Page type | Editorial page --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction diff --git a/src/content/docs/page-types/guide.mdx b/src/content/docs/page-types/guide.mdx index 573f99e96..cf3d4d3f1 100644 --- a/src/content/docs/page-types/guide.mdx +++ b/src/content/docs/page-types/guide.mdx @@ -2,6 +2,7 @@ title: Guide description: Page type | Guide page --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction @@ -17,6 +18,7 @@ Guide pages unsurprisingly, give guidance to the reader. This guidance is often - This might take the form of instructions on how to do something, breaking down a complex topic or deeper reading to help make a decision. ## Example + ## Content guidance diff --git a/src/content/docs/page-types/home.mdx b/src/content/docs/page-types/home.mdx index 1cb9e50c3..08e43bb23 100644 --- a/src/content/docs/page-types/home.mdx +++ b/src/content/docs/page-types/home.mdx @@ -2,6 +2,7 @@ title: Home description: Page type | Home page --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction @@ -17,6 +18,7 @@ Think of this page as the shop window. It is the primary display point of the br - Promote the latest offers. ## Example + ## Content guidance diff --git a/src/content/docs/page-types/hub.mdx b/src/content/docs/page-types/hub.mdx index b790c2eea..319fa52e3 100644 --- a/src/content/docs/page-types/hub.mdx +++ b/src/content/docs/page-types/hub.mdx @@ -2,6 +2,7 @@ title: Hub description: Page type | Hub page --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction diff --git a/src/content/docs/page-types/product.mdx b/src/content/docs/page-types/product.mdx index 5c12ab17d..89f792d2d 100644 --- a/src/content/docs/page-types/product.mdx +++ b/src/content/docs/page-types/product.mdx @@ -2,6 +2,7 @@ title: Product description: Page type | Product page --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction @@ -18,6 +19,7 @@ Product pages introduce more granular detail than hub pages. They often display - Direct users to more information if they’re not at the sales part of their buying journey. ## Example + ## Content guidance diff --git a/src/content/docs/page-types/roadblock.mdx b/src/content/docs/page-types/roadblock.mdx index e8dd742ef..33dc0d2b9 100644 --- a/src/content/docs/page-types/roadblock.mdx +++ b/src/content/docs/page-types/roadblock.mdx @@ -2,6 +2,7 @@ title: Roadblock description: Page type | Roadblock --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction diff --git a/src/content/docs/page-types/start.mdx b/src/content/docs/page-types/start.mdx index c84ee870e..158c4d62a 100644 --- a/src/content/docs/page-types/start.mdx +++ b/src/content/docs/page-types/start.mdx @@ -2,6 +2,7 @@ title: Start description: Page type | Start --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction diff --git a/src/content/docs/page-types/stopgap.mdx b/src/content/docs/page-types/stopgap.mdx index 38289f887..216e698cc 100644 --- a/src/content/docs/page-types/stopgap.mdx +++ b/src/content/docs/page-types/stopgap.mdx @@ -2,6 +2,7 @@ title: Stopgap description: Page type | Stopgap --- + import PageViewer from '@components/PageViewer.astro'; ## Introduction