Merge pull request 'Commerical rework' (#1) from commerical-rework into main

Reviewed-on: #1

.gitignore

@@ -3,8 +3,7 @@
 
 ### Project ###
 Site*
-website-copy.md
+*.md
-style-guide.md
 
 ### dotenv ###
 .env

index.html

@@ -1,14 +1,47 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" prefix="og: https://ogp.me/ns#">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="theme-color" content="#F4EDE3">
     <meta
       name="description"
-      content="Holiday installations shaped by the character of your space and the people who gather there. Enter the world of Noel Design Atelier in the Pacific Northwest."
+      content="Holiday installations for hotels, automotive showrooms, and flagship stores, shaped by the spirit of the season. Noel Design Atelier, Pacific Northwest."
     >
     <title>Noel Design Atelier — Composing the Season</title>
+    <link rel="canonical" href="https://www.noeldesignatelier.com/">
+
+    <meta property="og:title" content="Noel Design Atelier — Composing the Season">
+    <meta
+      property="og:description"
+      content="Holiday installations for hotels, automotive showrooms, and flagship stores, shaped by the spirit of the season. Noel Design Atelier, Pacific Northwest."
+    >
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="Noel Design Atelier">
+    <meta property="og:locale" content="en_US">
+    <meta property="og:url" content="https://www.noeldesignatelier.com/">
+    <meta property="og:image" content="https://www.noeldesignatelier.com/images/og-image.png">
+    <meta property="og:image:type" content="image/png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta
+      property="og:image:alt"
+      content="Noel Design Atelier logo on a warm cream background, with “Composing the season” and “Holiday installations / Pacific Northwest.”"
+    >
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Noel Design Atelier — Composing the Season">
+    <meta
+      name="twitter:description"
+      content="Holiday installations for hotels, automotive showrooms, and flagship stores, shaped by the spirit of the season. Noel Design Atelier, Pacific Northwest."
+    >
+    <meta name="twitter:image" content="https://www.noeldesignatelier.com/images/og-image.png">
+    <meta
+      name="twitter:image:alt"
+      content="Noel Design Atelier logo on a warm cream background, with “Composing the season” and “Holiday installations / Pacific Northwest.”"
+    >
+    <meta name="twitter:creator" content="@omgitsalexl">
+
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
@@ -66,7 +99,8 @@
         <div class="grid-lower-leading-copy">
           <span class="decorative-mark" aria-hidden="true">✦</span>
           <p>
-            We create holiday installations that welcome you into the season. From the first
+            We create holiday installations that welcome guests into the season, from hotels
+            to showrooms and flagship stores. From the first
             glimpse of greenery to the glow beyond a doorway, each space offers a reason to
             pause and stay a little longer.
           </p>
@@ -119,7 +153,7 @@
                 We begin by noticing what makes a place itself.
               </p>
               <p>
-                A sweeping staircase invites a different gesture from an intimate room. We study
+                A sweeping lobby invites a different gesture from an intimate window display. We study
                 those proportions and compose installations to suit them, following an
                 architectural curve or giving a quiet corner a seasonal focal point.
               </p>
@@ -246,18 +280,18 @@
               <div
                 class="image-frame aspect-ratio-sixteen-to-nine"
                 role="img"
-                aria-label="A tall evergreen tree lit with warm lights in a grand room"
+                aria-label="Holiday tree and cedar garland in an automotive showroom, with a car beyond."
               >
                 <picture>
                   <source srcset="images/gather-1.webp" type="image/webp">
-                  <img src="images/gather-1.webp" alt="A tall evergreen tree lit with warm lights in a grand room" decoding="async">
+                  <img src="images/gather-1.jpg" alt="Holiday tree and cedar garland in an automotive showroom, with a car beyond." decoding="async">
                 </picture>
               </div>
               <figcaption class="caption-grid">
                 <span class="caption-label label-uppercase">On arrival</span>
                 <span class="caption-description">
-                  A tree glowing at the end of a room offers a first glimpse of the celebration
+                  A tree glowing beyond the showroom glass offers a first glimpse of the season,
-                  within, inviting a guest to slow their step as they enter.
+                  inviting visitors to slow their step as they enter.
                 </span>
               </figcaption>
             </figure>
@@ -266,18 +300,18 @@
               <div
                 class="image-frame aspect-ratio-three-to-four"
                 role="img"
-                aria-label="A holiday table set with greenery and candles for a small gathering"
+                aria-label="Flagship-store window and entrance framed by cedar garland and velvet ribbon."
               >
                 <picture>
                   <source srcset="images/gather-2.webp" type="image/webp">
-                  <img src="images/gather-2.webp" alt="A holiday table set with greenery and candles for a small gathering" decoding="async">
+                  <img src="images/gather-2.jpg" alt="Flagship-store window and entrance framed by cedar garland and velvet ribbon." decoding="async">
                 </picture>
               </div>
               <figcaption class="caption-grid">
-                <span class="caption-label label-uppercase">Around the table</span>
+                <span class="caption-label label-uppercase">Beyond the window</span>
                 <span class="caption-description">
-                  A table framed by greenery leaves room for familiar faces and a conversation
+                  Greenery frames a glimpse of the world within, inviting a passing glance to
-                  that carries on long after the last plate is cleared.
+                  become a moment of discovery.
                 </span>
               </figcaption>
             </figure>
@@ -312,9 +346,9 @@
               <p class="eyebrow-label label-uppercase text-brass">Who we design for</p>
               <h2 class="heading-editorial heading-large heading-large-raised reveal-on-scroll" id="client-fit-title">Your kind of welcome.</h2>
               <p class="text-light-introduction">
-                Whether you are welcoming guests for a night or bringing family home for the
+                Whether you are welcoming guests for a stay or opening your doors for the day,
-                season, your space holds its own rituals. We design our compositions around the
+                your space holds its own rituals. We design our compositions around the way you
-                way you welcome people, giving your gatherings a setting that feels like yours.
+                welcome people, giving the season a setting that feels like yours.
               </p>
               <a class="arrow-link label-uppercase text-paper" href="#contact">
                 Start a conversation <span aria-hidden="true">→</span>