Move detailed example to partials and add back in Fundamentals

Author: RebeccaTamachiro

src/content/docs/dns/manage-dns-records/proxy-status/about-proxying.mdx

@@ -35,22 +35,12 @@ In addition to potentially exposing your origin IP addresses to bad actors and [
 
 ## Detailed explanation
 
-<Example>
+<Render file="proxy-status-dns-table" />
 
-DNS management for **example.com**:
+### Proxied record example
 
-| Type |  Name  |   Content   | Proxy status |   TTL  |
-| :--: | :----: | :---------: | :----------: | :----: |
-|  A | `blog` | `192.0.2.1` |   Proxied  | Auto |
-|  A | `shop` | `192.0.2.2` |  DNS only  | Auto |
-</Example>
+<Render file="proxy-on-example" />
 
-In the example DNS table above, there are two DNS records. The record with the name `blog` has the proxy on, while the record named `shop` has the proxy off (that is, **DNS only**).
+### DNS-only record example
 
-### Proxied DNS record example
-
-When a browser initiates an HTTP/HTTPS request to `blog.example.com`, a DNS resolver will convert the hostname into an IP address. Since this domain is using Cloudflare as its authoritative DNS provider, the DNS query will be routed to Cloudflare; and because the proxy is on, Cloudflare will answer with an anycast IP address. Subsequently, the browser initiates an HTTP/HTTPS request back to Cloudflare. When Cloudflare receives this request, it performs a lookup to find the matching domain and account configuration and processes the request accordingly. When needed, Cloudflare forwards the request to the configured origin server, which is `192.0.2.1`.
-
-### DNS only record example
-
-When the browser initiates an HTTP/HTTPS request to `shop.example.com`, a DNS resolver will convert the hostname into an IP address. Since this domain is using Cloudflare as its authoritative DNS provider, the DNS query will be routed to Cloudflare; but since the proxy is off (that is, **DNS only**), Cloudflare will answer with `192.0.2.2`. Finally, the browser initiates an HTTP/HTTPS request to the server hosted at `192.0.2.2`.
+<Render file="proxy-off-example" />

src/content/docs/fundamentals/concepts/how-cloudflare-works.mdx

@@ -6,7 +6,7 @@ sidebar:
 
 ---
 
-import { GlossaryTooltip } from "~/components"
+import { GlossaryTooltip, Render } from "~/components"
 
 The [Cloudflare global network](https://www.cloudflare.com/network/) can improve the security, performance, reliability, and privacy of anything connected to the Internet, such as your website, SaaS application, or corporate network.
 
@@ -34,8 +34,19 @@ Refer to our [Load Balancing reference architecture](/reference-architecture/arc
 
 In the Cloudflare dashboard, find out which DNS records are proxied by selecting your domain and navigating to the **DNS records** tab.
 
-#### Protocols, ports, and methods
+#### Example DNS table
+
+<Render file="proxy-status-dns-table" product="dns" />
+
+#### Proxied record example
+
+<Render file="proxy-on-example" product="dns" />
 
+#### DNS-only record example
+
+<Render file="proxy-off-example" product="dns" />
+
+#### Protocols, ports, and methods
 
 Proxying is on by default for records that serve HTTP/HTTPS traffic (A, AAAA, and CNAME records). To proxy HTTP/HTTPS traffic on [non-standard ports](/fundamentals/reference/network-ports/) or to proxy a TCP- or UDP- based application, use [Cloudflare Spectrum](/spectrum/).
 

src/content/partials/dns/proxy-off-example.mdx

@@ -0,0 +1,6 @@
+---
+{}
+
+---
+
+When a browser initiates an HTTP/HTTPS request to `shop.example.com`, a DNS resolver will convert the hostname into an IP address. Since this domain is using Cloudflare as its authoritative DNS provider, the DNS query will be routed to Cloudflare; but since the proxy is off (that is, **DNS only**), Cloudflare will answer with `192.0.2.2`. Finally, the browser initiates an HTTP/HTTPS request to the server hosted at `192.0.2.2`.

src/content/partials/dns/proxy-on-example.mdx

@@ -0,0 +1,6 @@
+---
+{}
+
+---
+
+When a browser initiates an HTTP/HTTPS request to `blog.example.com`, a DNS resolver will convert the hostname into an IP address. Since this domain is using Cloudflare as its authoritative DNS provider, the DNS query will be routed to Cloudflare; and because the proxy is on, Cloudflare will answer with an anycast IP address. Subsequently, the browser initiates an HTTP/HTTPS request back to Cloudflare. When Cloudflare receives this request, it performs a lookup to find the matching domain and account configuration and processes the request accordingly. When needed, Cloudflare forwards the request to the configured origin server, which is `192.0.2.1`.

src/content/partials/dns/proxy-status-dns-table.mdx

@@ -0,0 +1,18 @@
+---
+{}
+
+---
+
+import { Example } from "~/components";
+
+<Example>
+
+DNS management for **example.com**:
+
+| Type |  Name  |   Content   | Proxy status |   TTL  |
+| :--: | :----: | :---------: | :----------: | :----: |
+|  A | `blog` | `192.0.2.1` |   Proxied  | Auto |
+|  A | `shop` | `192.0.2.2` |  DNS only  | Auto |
+</Example>
+
+In the example DNS table above, there are two DNS records. The record with the name `blog` has the proxy on, while the record named `shop` has the proxy off (that is, **DNS only**).