Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Content/page types #433

Merged
merged 23 commits into from
Feb 26, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
196efb6
feat: page-types content
andij Feb 26, 2024
76d11e6
added article content images
RobTobias123 Feb 26, 2024
4ccef4b
added confirmation content images
RobTobias123 Feb 26, 2024
6f127da
added editotial webps
RobTobias123 Feb 26, 2024
1417e0e
Added guide and home webps
RobTobias123 Feb 26, 2024
5f7ba40
added product webps
RobTobias123 Feb 26, 2024
3750f54
removed PNGs
RobTobias123 Feb 26, 2024
a390800
Added Start webps
RobTobias123 Feb 26, 2024
acb2474
moved to assets / page-types
RobTobias123 Feb 26, 2024
b31a0ba
Merge pull request #434 from centrica-engineering/feature/page-type-c…
RobTobias123 Feb 26, 2024
4fe0ba1
updated URLs to images on article mdx
RobTobias123 Feb 26, 2024
316605e
updated urls to images confirmation mdx
RobTobias123 Feb 26, 2024
2d13974
updated image urls on editorial mdx
RobTobias123 Feb 26, 2024
98b6084
added urls and one webp to guides mdx
RobTobias123 Feb 26, 2024
6ac366c
feat: page view components
MekalaNagarajan-Centrica Feb 26, 2024
0cdcd30
feat: use pageview in page-types
MekalaNagarajan-Centrica Feb 26, 2024
02267e4
chore: fix build
MekalaNagarajan-Centrica Feb 26, 2024
adc4a03
updated home mdx with image urls
RobTobias123 Feb 26, 2024
d175ff6
Merge pull request #435 from centrica-engineering/feature/page-types-…
MekalaNagarajan-Centrica Feb 26, 2024
032a46f
updated product mdx with image urls
RobTobias123 Feb 26, 2024
8406dd9
Merge branch 'content/page-types' of https://github.com/centrica-engi…
RobTobias123 Feb 26, 2024
30052c9
updated start mdx with image urls
RobTobias123 Feb 26, 2024
abdebf7
chore: whitespace
andij Feb 26, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/assets/page-types/article/article-1.webp
Binary file not shown.
Binary file added src/assets/page-types/article/article-2.webp
Binary file not shown.
Binary file added src/assets/page-types/article/footer.webp
Binary file not shown.
Binary file added src/assets/page-types/article/header.webp
Binary file not shown.
80 changes: 80 additions & 0 deletions src/assets/page-types/article/page.html

Large diffs are not rendered by default.

Binary file added src/assets/page-types/confirmation/cards.webp
Binary file not shown.
Binary file added src/assets/page-types/confirmation/footer.webp
Binary file not shown.
Binary file added src/assets/page-types/confirmation/header.webp
Binary file not shown.
Binary file added src/assets/page-types/confirmation/landmark.webp
Binary file not shown.
92 changes: 92 additions & 0 deletions src/assets/page-types/confirmation/page.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@

<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Page type - Confirmation">
<meta name="format-detection" content="telephone=no">
<title>Page type - Confirmation</title>
</head>
<body class="ndsn">
<nsx-header menu-banner="[{&quot;text&quot;:&quot;Make the switch to a fixed energy tariff today&quot;,&quot;link&quot;:{&quot;href&quot;:&quot;/GetAQuote/&quot;,&quot;text&quot;:&quot;Get your energy quote&quot;,&quot;type&quot;:&quot;direct&quot;}},{&quot;text&quot;:&quot;HomeCare keeps you ready for the unexpected&quot;,&quot;link&quot;:{&quot;href&quot;:&quot;/home-services/boilers-and-heating/boiler-and-heating-cover.html&quot;,&quot;text&quot;:&quot;Choose your HomeCare cover&quot;,&quot;type&quot;:&quot;direct&quot;}},{&quot;text&quot;:&quot;We'll get your broken boiler back up and running&quot;,&quot;link&quot;:{&quot;href&quot;:&quot;/home-services/boilers-and-heating/boiler-and-heating-repair.html&quot;,&quot;text&quot;:&quot;Book a boiler repair&quot;,&quot;type&quot;:&quot;direct&quot;}},{&quot;text&quot;:&quot;Get a boiler service from experts you can trust&quot;,&quot;link&quot;:{&quot;href&quot;:&quot;/home-services/boilers-and-heating/boiler-service.html&quot;,&quot;text&quot;:&quot;Book a boiler service today&quot;,&quot;type&quot;:&quot;direct&quot;}},{&quot;text&quot;:&quot;Let’s get your home to net zero&quot;,&quot;link&quot;:{&quot;href&quot;:&quot;/smart-home/greener-homes.html&quot;,&quot;text&quot;:&quot;Discover net zero&quot;,&quot;type&quot;:&quot;direct&quot;}},{&quot;text&quot;:&quot;I need help with something else&quot;,&quot;link&quot;:{&quot;href&quot;:&quot;/help-and-support&quot;,&quot;text&quot;:&quot;Go to help centre&quot;,&quot;type&quot;:&quot;direct&quot;}}]" secondary-banner="[{&quot;text&quot;:&quot;We have over 6,500 engineers nationwide, ready to help.&quot;,&quot;link&quot;:{&quot;href&quot;:&quot;/apps/boilers-and-heating/boiler-repair/how-can-we-help&quot;,&quot;text&quot;:&quot;Book a repair&quot;}}]" quick-links="[[{&quot;heading&quot;:&quot;Common actions&quot;,&quot;href&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Send a meter reading&quot;,&quot;href&quot;:&quot;/meterreads&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Top up your meter&quot;,&quot;href&quot;:&quot;/my-account/topup&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Tell us you are moving home&quot;,&quot;href&quot;:&quot;/discover/home-move/&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Tell us about a bereavement&quot;,&quot;href&quot;:&quot;/help-and-support/probate&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Refer a friend&quot;,&quot;href&quot;:&quot;/my-account/rewards/refer-a-friend&quot;,&quot;data-ns-link&quot;:&quot;&quot;}]}],[{&quot;heading&quot;:&quot;Common actions&quot;,&quot;href&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Send a meter reading&quot;,&quot;href&quot;:&quot;/my-account/premises/select/accounts/meter-reads&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Top up your meter&quot;,&quot;href&quot;:&quot;/my-account/topup&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Tell us you are moving home&quot;,&quot;href&quot;:&quot;/discover/home-move/&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Tell us about a bereavement&quot;,&quot;href&quot;:&quot;/help-and-support/probate&quot;,&quot;data-ns-link&quot;:&quot;&quot;},{&quot;text&quot;:&quot;Refer a friend&quot;,&quot;href&quot;:&quot;/my-account/rewards/refer-a-friend&quot;,&quot;data-ns-link&quot;:&quot;&quot;}]}]]" sections="[[{&quot;heading&quot;:&quot;Gas and electric tariffs&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Get an energy quote&quot;,&quot;href&quot;:&quot;/GetAQuote/&quot;,&quot;alt&quot;:&quot;Get an energy quote&quot;},{&quot;text&quot;:&quot;Change your tariff&quot;,&quot;href&quot;:&quot;/energy/manage-your-energy.html&quot;,&quot;alt&quot;:&quot;Change your tariff&quot;},{&quot;text&quot;:&quot;Our tariffs&quot;,&quot;href&quot;:&quot;/energy/gas-and-electricity.html&quot;,&quot;alt&quot;:&quot;Our tariffs&quot;},{&quot;text&quot;:&quot;Electric vehicle tariff&quot;,&quot;href&quot;:&quot;/energy/ev-tariff-home.html&quot;,&quot;alt&quot;:&quot;Electric vehicle tariff&quot;},{&quot;text&quot;:&quot;Moving home&quot;,&quot;href&quot;:&quot;/discover/home-move/&quot;,&quot;alt&quot;:&quot;Moving home&quot;},{&quot;text&quot;:&quot;New energy connections&quot;,&quot;href&quot;:&quot;/energy/gas-and-electricity/new-connections.html&quot;,&quot;alt&quot;:&quot;New energy connections&quot;}]},{&quot;heading&quot;:&quot;Help with energy costs&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Energy price cap&quot;,&quot;href&quot;:&quot;/energy/price-cap.html&quot;,&quot;alt&quot;:&quot;Energy price cap&quot;},{&quot;text&quot;:&quot;Support with paying bills&quot;,&quot;href&quot;:&quot;/energy/help-if-youre-struggling-to-pay.html&quot;,&quot;alt&quot;:&quot;Support with paying bills&quot;},{&quot;text&quot;:&quot;Energy saving tips&quot;,&quot;href&quot;:&quot;/energy/energy-saving/energy-saving-tips.html&quot;,&quot;alt&quot;:&quot;Energy saving tips&quot;},{&quot;text&quot;:&quot;Book a smart meter&quot;,&quot;href&quot;:&quot;/smart-home/smart-meters.html&quot;,&quot;alt&quot;:&quot;Book a smart meter&quot;},{&quot;text&quot;:&quot;PeakSave&quot;,&quot;href&quot;:&quot;/energy/peak-save.html&quot;,&quot;alt&quot;:&quot;PeakSave&quot;}]}],[{&quot;heading&quot;:&quot;HomeCare cover&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Boiler and heating cover&quot;,&quot;href&quot;:&quot;/home-services/boilers-and-heating/boiler-and-heating-cover.html&quot;,&quot;alt&quot;:&quot;Boiler and heating cover&quot;},{&quot;text&quot;:&quot;Appliance cover&quot;,&quot;href&quot;:&quot;/home-services/appliance-cover.html&quot;,&quot;alt&quot;:&quot;Appliance cover&quot;},{&quot;text&quot;:&quot;Plumbing and drains cover&quot;,&quot;href&quot;:&quot;/home-services/plumbing-and-drains/plumbing-and-drains-cover.html&quot;,&quot;alt&quot;:&quot;Plumbing and drains cover&quot;},{&quot;text&quot;:&quot;Home electrical cover&quot;,&quot;href&quot;:&quot;/home-services/home-electrical-cover.html&quot;,&quot;alt&quot;:&quot;Home electrical cover&quot;},{&quot;text&quot;:&quot;Windows, locks, roof and pest cover&quot;,&quot;href&quot;:&quot;/home-services/home-insurance/windows-locks-roof-and-pest-cover.html&quot;,&quot;alt&quot;:&quot;Windows, locks, roof and pest cover&quot;},{&quot;text&quot;:&quot;Landlord cover&quot;,&quot;href&quot;:&quot;/home-services/landlords/landlord-cover.html&quot;,&quot;alt&quot;:&quot;Landlord cover&quot;}]}],[{&quot;heading&quot;:&quot;Get a fix&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Boiler repair&quot;,&quot;href&quot;:&quot;/home-services/boilers-and-heating/boiler-and-heating-repair.html&quot;,&quot;alt&quot;:&quot;Boiler repair&quot;},{&quot;text&quot;:&quot;Appliance repair&quot;,&quot;href&quot;:&quot;/home-services/appliance-and-home-electrical-repairs.html&quot;,&quot;alt&quot;:&quot;Appliance repair&quot;},{&quot;text&quot;:&quot;Home electrics repair &quot;,&quot;href&quot;:&quot;/home-services/appliance-and-home-electrical-repairs/electrics-and-lighting.html&quot;,&quot;alt&quot;:&quot;Home electrics repair &quot;},{&quot;text&quot;:&quot;Plumbing and drains repair&quot;,&quot;href&quot;:&quot;/home-services/plumbing-and-drains/plumbing-and-drains-repairs.html&quot;,&quot;alt&quot;:&quot;Plumbing and drains repair&quot;}]}],[{&quot;heading&quot;:&quot;Heating&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;New &amp; replacement boilers&quot;,&quot;href&quot;:&quot;/home-services/boilers-and-heating/new-boilers.html&quot;,&quot;alt&quot;:&quot;New &amp; replacement boilers&quot;},{&quot;text&quot;:&quot;Air source heat pumps&quot;,&quot;href&quot;:&quot;/home-services/boilers-and-heating/air-source-heat-pumps.html&quot;,&quot;alt&quot;:&quot;Air source heat pumps&quot;},{&quot;text&quot;:&quot;Thermostats&quot;,&quot;href&quot;:&quot;https://www.hivehome.com/shop/smart-heating/hive-active-heating&quot;,&quot;alt&quot;:&quot;Thermostats&quot;},{&quot;text&quot;:&quot;Thermostatic radiator valves&quot;,&quot;href&quot;:&quot;/home-services/home-improvements/thermostatic-radiator-valves.html&quot;,&quot;alt&quot;:&quot;Thermostatic radiator valves&quot;},{&quot;text&quot;:&quot;Boiler servicing&quot;,&quot;href&quot;:&quot;/home-services/boilers-and-heating/boiler-service.html&quot;,&quot;alt&quot;:&quot;Boiler servicing&quot;},{&quot;text&quot;:&quot;Boiler guides&quot;,&quot;href&quot;:&quot;/home-services/boilers-and-heating/guides.html&quot;,&quot;alt&quot;:&quot;Boiler guides&quot;}]}],[{&quot;heading&quot;:&quot;Greener Homes&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Smart meters&quot;,&quot;href&quot;:&quot;/smart-home/smart-meters.html&quot;,&quot;alt&quot;:&quot;Smart meters&quot;},{&quot;text&quot;:&quot;Solar panels&quot;,&quot;href&quot;:&quot;/smart-home/greener-homes/solar-products.html&quot;,&quot;alt&quot;:&quot;Solar panels&quot;},{&quot;text&quot;:&quot;Air source heat pumps&quot;,&quot;href&quot;:&quot;/home-services/boilers-and-heating/air-source-heat-pumps.html&quot;,&quot;alt&quot;:&quot;Air source heat pumps&quot;},{&quot;text&quot;:&quot;Smart export guarantee&quot;,&quot;href&quot;:&quot;/energy/smart-export-guarantee.html&quot;,&quot;alt&quot;:&quot;Smart export guarantee&quot;},{&quot;text&quot;:&quot;Home insulation&quot;,&quot;href&quot;:&quot;/smart-home/greener-homes/home-insulation.html&quot;,&quot;alt&quot;:&quot;Home insulation&quot;},{&quot;text&quot;:&quot;Home Health Check&quot;,&quot;href&quot;:&quot;/smart-home/greener-homes/home-health-check.html&quot;,&quot;alt&quot;:&quot;Home Health Check&quot;}]},{&quot;heading&quot;:&quot;Electric Vehicles&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Tariffs&quot;,&quot;href&quot;:&quot;/energy/ev-tariff-home.html&quot;,&quot;alt&quot;:&quot;Tariffs&quot;},{&quot;text&quot;:&quot;Charging&quot;,&quot;href&quot;:&quot;/smart-home/electric-vehicles.html&quot;,&quot;alt&quot;:&quot;Charging&quot;}]}],[{&quot;heading&quot;:&quot;Bills and Payments&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;Support paying my bills&quot;,&quot;href&quot;:&quot;/energy/help-if-youre-struggling-to-pay.html&quot;,&quot;alt&quot;:&quot;Support paying my bills&quot;},{&quot;text&quot;:&quot;To top up my prepay meter&quot;,&quot;href&quot;:&quot;/help-and-support/meters/where-to-top-up-your-pay-as-you-go-meter&quot;,&quot;alt&quot;:&quot;To top up my prepay meter&quot;},{&quot;text&quot;:&quot;Why has my Direct Debit changed&quot;,&quot;href&quot;:&quot;/help-and-support/bills-and-payments/changing-your-direct-debit&quot;,&quot;alt&quot;:&quot;Why has my Direct Debit changed&quot;},{&quot;text&quot;:&quot;Set up a Direct Debit&quot;,&quot;href&quot;:&quot;/help-and-support/bills-and-payments/setting-up-a-direct-debit&quot;,&quot;alt&quot;:&quot;Set up a Direct Debit&quot;},{&quot;text&quot;:&quot;Energy guides&quot;,&quot;href&quot;:&quot;/energy/guides.html&quot;,&quot;alt&quot;:&quot;Energy guides&quot;}]},{&quot;heading&quot;:&quot;Problem with a meter&quot;,&quot;href&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;links&quot;:[{&quot;text&quot;:&quot;A new prepay card or key&quot;,&quot;href&quot;:&quot;/help-and-support/meters/getting-a-new-card-or-key-for-your-meter&quot;,&quot;alt&quot;:&quot;A new prepay card or key&quot;},{&quot;text&quot;:&quot;Problems with my smart meter&quot;,&quot;href&quot;:&quot;/help-and-support/meters/using-your-smart-energy-monitor&quot;,&quot;alt&quot;:&quot;Problems with my smart meter&quot;},{&quot;text&quot;:&quot;Help with smart prepay meter&quot;,&quot;href&quot;:&quot;/help-and-support/meters/help-with-smart-pay-as-you-go&quot;,&quot;alt&quot;:&quot;Help with smart prepay meter&quot;},{&quot;text&quot;:&quot;I have a fault with my meter&quot;,&quot;href&quot;:&quot;/help-and-support/meters/if-your-meter-isnt-working&quot;,&quot;alt&quot;:&quot;I have a fault with my meter&quot;}]}]]"></nsx-header>

<main id="content">

<ns-landmark type="hillside">
<h1 slot="heading">
<span class="h5">Confirmation.</span>
<span class="h1">Your annual service is booked.</span>
</h1>
<p slot="paragraph">We'll be with you <b>Tuesday 22 June</b> between <b>10am and 2pm.</b></p>
</ns-landmark>

<ns-panel>
<ns-timeline showstepcount>
<h2 slot="heading">Your appointment</h2>
<ns-timeline-event slot="event" status="completed">
<h3 slot="heading">Annual service is booked</h3>
<dl class="dl-row">
<div>
<dt>Your customer number</dt>
<dd>911001253857</dd>
</div>
</dl>
</ns-timeline-event>
<ns-timeline-event slot="event" status="completed">
<h3 slot="heading">Confirmation email sent</h3>
<dl class="dl-row">
<div>
<dt>Your email address</dt>
<dd>[email protected]</dd>
</div>
</dl>
</ns-timeline-event>
<ns-timeline-event slot="event" status="pending">
<h3 slot="heading">We'll call you</h3>
<p>Our engineers will call to let you know when they're on their way.</p>
</ns-timeline-event>
<ns-timeline-event slot="event" status="pending">
<h3 slot="heading">Expert engineers</h3>
<p>One of our expert engineers will repair your boiler and central heating.</p>
</ns-timeline-event>
<ns-timeline-event slot="event" status="pending">
<h3 slot="heading">Boiler service</h3>
<p>Our engineer will also carry out your first boiler service to make sure everything is running safely and efficiently.</p>
</ns-timeline-event>
<ns-timeline-event slot="event" status="pending" icon="boiler">
<h3 slot="heading">Completion</h3>
<p>We provide you with a checklist of work completed at the end of our visit.</p>
</ns-timeline-event>
</ns-timeline>
</ns-panel>

<ns-panel decoration="invert-concave-grey-light">
<ns-content>
<h2>It's quick and easy with an online account</h2>
</ns-content>
<ns-column hockeypitch="3">
<ns-card type="section" decoration="boiler">
<h2 slot="heading">Track your booking</h2>
<p slot="paragraph">Track your engineer when you've booked a breakdown appointment or service visit.</p>
<ns-cta slot="cta" href="#!">Track your booking</ns-cta>
</ns-card>
<ns-card type="section" decoration="clock">
<h2 slot="heading">Change appointment</h2>
<p slot="paragraph">Make a change or cancel your appointment.</p>
<ns-cta slot="cta" href="#!">Change your booking</ns-cta>
</ns-card>
<ns-card type="section" decoration="home">
<h2 slot="heading">Join Rewards</h2>
<p slot="paragraph">Enjoy great discounts, exclusive giveaways, tickets to The O2 and much more.</p>
<ns-cta slot="cta" href="#!">Register for Rewards</ns-cta>
</ns-card>
</ns-column>
</ns-panel>

</main>
<nsx-footer id="footer"></nsx-footer>

<script src="https://www.britishgas.co.uk/nucleus/nucleus.min.js"></script>
</body>
</html>
Binary file added src/assets/page-types/confirmation/timeline.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/cards.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/editorial-1.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/editorial-2.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/editorial-3.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/footer.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/header.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/landmark.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/lockup-1.webp
Binary file not shown.
Binary file added src/assets/page-types/editorial/lockup-2.webp
Binary file not shown.
Loading