{"id":7,"date":"2026-05-21T14:31:22","date_gmt":"2026-05-21T14:31:22","guid":{"rendered":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/?page_id=7"},"modified":"2026-05-21T14:39:07","modified_gmt":"2026-05-21T14:39:07","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0731859 e-con-full e-flex e-con e-parent\" data-id=\"0731859\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b456c46 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b456c46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Tan Rae Digital Graphics | Altus, Oklahoma<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;700&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --black: #0d0d0d;\r\n      --white: #f5f2ec;\r\n      --accent: #e84b1a;\r\n      --accent-dark: #b83510;\r\n      --mid: #2a2a2a;\r\n      --muted: #6b6560;\r\n      --rule: #2e2b27;\r\n    }\r\n\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      background: var(--black);\r\n      color: var(--white);\r\n      font-family: 'DM Sans', sans-serif;\r\n      font-weight: 300;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\r\n    nav {\r\n      position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      padding: 1.25rem 4rem;\r\n      background: rgba(13,13,13,0.85);\r\n      backdrop-filter: blur(12px);\r\n      border-bottom: 1px solid var(--rule);\r\n    }\r\n    .nav-logo {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.6rem;\r\n      letter-spacing: 0.1em;\r\n      color: var(--white);\r\n      text-decoration: none;\r\n    }\r\n    .nav-logo span { color: var(--accent); }\r\n    .nav-links { display: flex; gap: 2.5rem; list-style: none; }\r\n    .nav-links a {\r\n      font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase;\r\n      color: #a09890; text-decoration: none; transition: color 0.2s;\r\n    }\r\n    .nav-links a:hover { color: var(--white); }\r\n    .nav-cta {\r\n      background: var(--accent); color: var(--white);\r\n      padding: 0.55rem 1.4rem; font-size: 0.78rem;\r\n      letter-spacing: 0.1em; text-transform: uppercase;\r\n      text-decoration: none; font-weight: 500;\r\n      transition: background 0.2s;\r\n    }\r\n    .nav-cta:hover { background: var(--accent-dark); }\r\n\r\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n    .hero {\r\n      min-height: 100vh;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      align-items: center;\r\n      padding: 8rem 4rem 4rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .hero-grid-bg {\r\n      position: absolute; inset: 0;\r\n      background-image:\r\n        linear-gradient(var(--rule) 1px, transparent 1px),\r\n        linear-gradient(90deg, var(--rule) 1px, transparent 1px);\r\n      background-size: 60px 60px;\r\n      opacity: 0.35;\r\n    }\r\n    .hero-content { position: relative; z-index: 2; }\r\n    .hero-eyebrow {\r\n      font-size: 0.72rem; letter-spacing: 0.25em;\r\n      text-transform: uppercase; color: var(--accent);\r\n      margin-bottom: 1.25rem;\r\n      display: flex; align-items: center; gap: 0.75rem;\r\n    }\r\n    .hero-eyebrow::before {\r\n      content: ''; display: block;\r\n      width: 32px; height: 1px; background: var(--accent);\r\n    }\r\n    .hero-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(4.5rem, 9vw, 8rem);\r\n      line-height: 0.92;\r\n      letter-spacing: 0.02em;\r\n      margin-bottom: 2rem;\r\n    }\r\n    .hero-title .accent { color: var(--accent); }\r\n    .hero-sub {\r\n      font-size: 1.05rem; line-height: 1.75;\r\n      color: #a09890;\r\n      max-width: 420px;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n    .hero-actions { display: flex; gap: 1rem; align-items: center; }\r\n    .btn-primary {\r\n      background: var(--accent); color: var(--white);\r\n      padding: 0.85rem 2rem; font-size: 0.82rem;\r\n      letter-spacing: 0.1em; text-transform: uppercase;\r\n      text-decoration: none; font-weight: 500;\r\n      transition: background 0.2s;\r\n    }\r\n    .btn-primary:hover { background: var(--accent-dark); }\r\n    .btn-ghost {\r\n      border: 1px solid #4a4540; color: #a09890;\r\n      padding: 0.85rem 2rem; font-size: 0.82rem;\r\n      letter-spacing: 0.1em; text-transform: uppercase;\r\n      text-decoration: none; font-weight: 400;\r\n      transition: border-color 0.2s, color 0.2s;\r\n    }\r\n    .btn-ghost:hover { border-color: var(--white); color: var(--white); }\r\n\r\n    .hero-visual {\r\n      position: relative; z-index: 2;\r\n      display: flex; flex-direction: column;\r\n      align-items: flex-end; gap: 1rem;\r\n    }\r\n    .hero-stat-stack {\r\n      display: flex; flex-direction: column; gap: 1rem;\r\n      align-items: flex-end;\r\n    }\r\n    .hero-stat {\r\n      border: 1px solid var(--rule);\r\n      padding: 1.25rem 1.75rem;\r\n      min-width: 200px;\r\n      position: relative;\r\n    }\r\n    .hero-stat::before {\r\n      content: ''; position: absolute; top: -1px; left: -1px;\r\n      width: 32px; height: 3px; background: var(--accent);\r\n    }\r\n    .hero-stat-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 3rem; letter-spacing: 0.05em;\r\n      line-height: 1; color: var(--white);\r\n    }\r\n    .hero-stat-label {\r\n      font-size: 0.7rem; letter-spacing: 0.2em;\r\n      text-transform: uppercase; color: var(--muted);\r\n      margin-top: 0.25rem;\r\n    }\r\n    .hero-badge {\r\n      border: 1px solid var(--accent);\r\n      padding: 0.6rem 1.2rem;\r\n      font-size: 0.72rem; letter-spacing: 0.2em;\r\n      text-transform: uppercase; color: var(--accent);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 TICKER \u2500\u2500\u2500 *\/\r\n    .ticker {\r\n      border-top: 1px solid var(--rule);\r\n      border-bottom: 1px solid var(--rule);\r\n      overflow: hidden; white-space: nowrap;\r\n      padding: 1rem 0;\r\n      background: var(--mid);\r\n    }\r\n    .ticker-inner {\r\n      display: inline-block;\r\n      animation: ticker-scroll 22s linear infinite;\r\n    }\r\n    .ticker-inner span {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.1rem; letter-spacing: 0.2em;\r\n      color: #6b6560;\r\n      margin: 0 2.5rem;\r\n    }\r\n    .ticker-inner span.accent { color: var(--accent); }\r\n    @keyframes ticker-scroll {\r\n      from { transform: translateX(0); }\r\n      to { transform: translateX(-50%); }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 SECTION COMMON \u2500\u2500\u2500 *\/\r\n    section { padding: 6rem 4rem; }\r\n    .section-label {\r\n      font-size: 0.7rem; letter-spacing: 0.3em;\r\n      text-transform: uppercase; color: var(--accent);\r\n      margin-bottom: 1rem;\r\n    }\r\n    .section-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(2.5rem, 5vw, 4rem);\r\n      line-height: 1; letter-spacing: 0.03em;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n    .section-body {\r\n      font-size: 1rem; line-height: 1.8;\r\n      color: #a09890; max-width: 560px;\r\n    }\r\n    .divider { border: none; border-top: 1px solid var(--rule); }\r\n\r\n    \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\r\n    .services { background: var(--black); }\r\n    .services-header {\r\n      display: flex; justify-content: space-between;\r\n      align-items: flex-end; margin-bottom: 4rem;\r\n      flex-wrap: wrap; gap: 1.5rem;\r\n    }\r\n    .service-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 1px;\r\n      border: 1px solid var(--rule);\r\n    }\r\n    .service-card {\r\n      padding: 2.25rem 1.75rem;\r\n      border-right: 1px solid var(--rule);\r\n      position: relative; overflow: hidden;\r\n      transition: background 0.3s;\r\n      background: var(--black);\r\n    }\r\n    .service-card:last-child { border-right: none; }\r\n    .service-card:hover { background: #161412; }\r\n    .service-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 0.95rem; letter-spacing: 0.2em;\r\n      color: var(--accent); margin-bottom: 1.5rem;\r\n    }\r\n    .service-icon {\r\n      font-size: 2rem; margin-bottom: 1rem;\r\n      line-height: 1;\r\n    }\r\n    .service-name {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.55rem; letter-spacing: 0.05em;\r\n      margin-bottom: 0.75rem; line-height: 1.1;\r\n    }\r\n    .service-desc {\r\n      font-size: 0.83rem; line-height: 1.65;\r\n      color: #7a7570;\r\n    }\r\n    .service-card::after {\r\n      content: ''; position: absolute;\r\n      bottom: 0; left: 0; right: 0;\r\n      height: 2px; background: var(--accent);\r\n      transform: scaleX(0); transform-origin: left;\r\n      transition: transform 0.3s;\r\n    }\r\n    .service-card:hover::after { transform: scaleX(1); }\r\n\r\n    \/* \u2500\u2500\u2500 ABOUT STRIP \u2500\u2500\u2500 *\/\r\n    .about-strip {\r\n      background: #111;\r\n      display: grid; grid-template-columns: 1fr 1fr;\r\n      gap: 5rem; align-items: center;\r\n      border-top: 1px solid var(--rule);\r\n      border-bottom: 1px solid var(--rule);\r\n    }\r\n    .about-left {}\r\n    .about-right {\r\n      display: flex; flex-direction: column; gap: 2rem;\r\n    }\r\n    .about-feature {\r\n      display: flex; gap: 1.25rem; align-items: flex-start;\r\n    }\r\n    .feature-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 2.5rem; color: var(--rule);\r\n      line-height: 1; flex-shrink: 0; width: 2.5rem;\r\n    }\r\n    .feature-text h4 {\r\n      font-size: 0.9rem; font-weight: 500;\r\n      letter-spacing: 0.05em; margin-bottom: 0.35rem;\r\n    }\r\n    .feature-text p {\r\n      font-size: 0.82rem; color: #7a7570; line-height: 1.6;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 PROCESS \u2500\u2500\u2500 *\/\r\n    .process { background: var(--black); }\r\n    .process-steps {\r\n      display: grid; grid-template-columns: repeat(4, 1fr);\r\n      margin-top: 4rem; position: relative;\r\n    }\r\n    .process-steps::before {\r\n      content: ''; position: absolute;\r\n      top: 2rem; left: calc(12.5% + 1rem);\r\n      right: calc(12.5% + 1rem); height: 1px;\r\n      background: var(--rule);\r\n    }\r\n    .process-step { padding: 0 1.5rem 0 0; }\r\n    .step-dot {\r\n      width: 3.5rem; height: 3.5rem;\r\n      border: 1px solid var(--rule);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.1rem; letter-spacing: 0.1em;\r\n      color: var(--accent); margin-bottom: 1.5rem;\r\n      background: var(--black);\r\n      position: relative; z-index: 2;\r\n    }\r\n    .step-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.3rem; letter-spacing: 0.05em;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n    .step-desc {\r\n      font-size: 0.82rem; color: #7a7570; line-height: 1.6;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 CTA BAND \u2500\u2500\u2500 *\/\r\n    .cta-band {\r\n      background: var(--accent);\r\n      padding: 5rem 4rem;\r\n      display: flex; align-items: center;\r\n      justify-content: space-between; gap: 2rem;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-band h2 {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(2.5rem, 5vw, 4rem);\r\n      letter-spacing: 0.03em; color: var(--white);\r\n      line-height: 1;\r\n    }\r\n    .cta-band p {\r\n      font-size: 0.95rem; color: rgba(245,242,236,0.75);\r\n      margin-top: 0.5rem;\r\n    }\r\n    .btn-white {\r\n      background: var(--white); color: var(--accent);\r\n      padding: 0.95rem 2.5rem; font-size: 0.82rem;\r\n      letter-spacing: 0.12em; text-transform: uppercase;\r\n      text-decoration: none; font-weight: 700;\r\n      white-space: nowrap;\r\n      transition: background 0.2s;\r\n      flex-shrink: 0;\r\n    }\r\n    .btn-white:hover { background: #e5e2dc; }\r\n\r\n    \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\r\n    .contact { background: #111; }\r\n    .contact-grid {\r\n      display: grid; grid-template-columns: 1fr 1fr;\r\n      gap: 5rem; margin-top: 4rem;\r\n    }\r\n    .contact-info { display: flex; flex-direction: column; gap: 2rem; }\r\n    .contact-item h4 {\r\n      font-size: 0.7rem; letter-spacing: 0.25em;\r\n      text-transform: uppercase; color: var(--muted);\r\n      margin-bottom: 0.4rem;\r\n    }\r\n    .contact-item p, .contact-item a {\r\n      font-size: 1rem; color: var(--white);\r\n      text-decoration: none; line-height: 1.6;\r\n    }\r\n    .contact-item a:hover { color: var(--accent); }\r\n    .hours-grid {\r\n      display: grid; grid-template-columns: auto 1fr;\r\n      gap: 0.35rem 1.5rem;\r\n      font-size: 0.85rem;\r\n    }\r\n    .hours-day { color: var(--muted); }\r\n    .hours-time { color: var(--white); }\r\n    .contact-form { display: flex; flex-direction: column; gap: 1rem; }\r\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n    .contact-form input,\r\n    .contact-form textarea,\r\n    .contact-form select {\r\n      width: 100%;\r\n      background: #1a1815;\r\n      border: 1px solid var(--rule);\r\n      color: var(--white);\r\n      padding: 0.85rem 1rem;\r\n      font-family: 'DM Sans', sans-serif;\r\n      font-size: 0.88rem;\r\n      outline: none;\r\n      transition: border-color 0.2s;\r\n    }\r\n    .contact-form input:focus,\r\n    .contact-form textarea:focus { border-color: var(--accent); }\r\n    .contact-form input::placeholder,\r\n    .contact-form textarea::placeholder { color: #4a4540; }\r\n    .contact-form textarea { height: 130px; resize: none; }\r\n    .contact-form select { color: #4a4540; cursor: pointer; }\r\n    .contact-form select option { color: var(--white); }\r\n\r\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\n    footer {\r\n      background: var(--black);\r\n      border-top: 1px solid var(--rule);\r\n      padding: 2rem 4rem;\r\n      display: flex; justify-content: space-between;\r\n      align-items: center; gap: 1rem; flex-wrap: wrap;\r\n    }\r\n    .footer-logo {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.3rem; letter-spacing: 0.1em;\r\n      color: var(--white); text-decoration: none;\r\n    }\r\n    .footer-logo span { color: var(--accent); }\r\n    footer p {\r\n      font-size: 0.75rem; color: var(--muted);\r\n      letter-spacing: 0.05em;\r\n    }\r\n    .footer-links { display: flex; gap: 2rem; }\r\n    .footer-links a {\r\n      font-size: 0.75rem; letter-spacing: 0.1em;\r\n      text-transform: uppercase; color: var(--muted);\r\n      text-decoration: none; transition: color 0.2s;\r\n    }\r\n    .footer-links a:hover { color: var(--white); }\r\n\r\n    \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\r\n    @keyframes fade-up {\r\n      from { opacity: 0; transform: translateY(28px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    .hero-content > * {\r\n      animation: fade-up 0.7s ease both;\r\n    }\r\n    .hero-content > *:nth-child(1) { animation-delay: 0.1s; }\r\n    .hero-content > *:nth-child(2) { animation-delay: 0.22s; }\r\n    .hero-content > *:nth-child(3) { animation-delay: 0.34s; }\r\n    .hero-content > *:nth-child(4) { animation-delay: 0.46s; }\r\n    .hero-visual { animation: fade-up 0.8s 0.4s ease both; }\r\n\r\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n    @media (max-width: 900px) {\r\n      nav { padding: 1rem 1.5rem; }\r\n      .nav-links { display: none; }\r\n      .hero { grid-template-columns: 1fr; padding: 7rem 1.5rem 3rem; }\r\n      .hero-visual { align-items: flex-start; }\r\n      .hero-stat-stack { flex-direction: row; flex-wrap: wrap; }\r\n      .service-grid { grid-template-columns: 1fr 1fr; }\r\n      .about-strip { grid-template-columns: 1fr; }\r\n      .process-steps { grid-template-columns: 1fr 1fr; }\r\n      .process-steps::before { display: none; }\r\n      .contact-grid { grid-template-columns: 1fr; }\r\n      section { padding: 4rem 1.5rem; }\r\n      .cta-band { padding: 3rem 1.5rem; }\r\n      footer { padding: 2rem 1.5rem; flex-direction: column; text-align: center; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .service-grid { grid-template-columns: 1fr; }\r\n      .process-steps { grid-template-columns: 1fr; }\r\n      .form-row { grid-template-columns: 1fr; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n  <a href=\"#\" class=\"nav-logo\">Tan<span>Rae<\/span><\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#services\">Services<\/a><\/li>\r\n    <li><a href=\"#about\">About<\/a><\/li>\r\n    <li><a href=\"#process\">Process<\/a><\/li>\r\n    <li><a href=\"#contact\">Contact<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"#contact\" class=\"nav-cta\">Get a Quote<\/a>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"home\">\r\n  <div class=\"hero-grid-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"hero-content\">\r\n    <p class=\"hero-eyebrow\">Altus, Oklahoma \u2014 Est. 2004<\/p>\r\n    <h1 class=\"hero-title\">\r\n      Make Your<br>\r\n      <span class=\"accent\">Mark<\/span><br>\r\n      Stand Out.\r\n    <\/h1>\r\n    <p class=\"hero-sub\">\r\n      From vinyl graphics and vehicle wraps to metal signs and LED displays \u2014 Tan Rae Digital Graphics brings bold, professional signage to businesses across southwest Oklahoma.\r\n    <\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#contact\" class=\"btn-primary\">Request a Quote<\/a>\r\n      <a href=\"#services\" class=\"btn-ghost\">Our Services<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-visual\">\r\n    <div class=\"hero-stat-stack\">\r\n      <div class=\"hero-stat\">\r\n        <div class=\"hero-stat-num\">20+<\/div>\r\n        <div class=\"hero-stat-label\">Years in Business<\/div>\r\n      <\/div>\r\n      <div class=\"hero-stat\">\r\n        <div class=\"hero-stat-num\">100%<\/div>\r\n        <div class=\"hero-stat-label\">Customer Recommended<\/div>\r\n      <\/div>\r\n      <div class=\"hero-stat\">\r\n        <div class=\"hero-stat-num\">BBB<\/div>\r\n        <div class=\"hero-stat-label\">Accredited Business<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-badge\">Vinyl \u00b7 Metal \u00b7 LED \u00b7 Lettering<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TICKER -->\r\n<div class=\"ticker\" aria-hidden=\"true\">\r\n  <div class=\"ticker-inner\">\r\n    <span>Vinyl Graphics<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Metal Signs<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>LED Signs<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Vehicle Lettering<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Banners<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Digital Printing<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Custom Graphics<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Altus Oklahoma<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n\r\n    <span>Vinyl Graphics<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Metal Signs<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>LED Signs<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Vehicle Lettering<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Banners<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Digital Printing<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Custom Graphics<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n    <span>Altus Oklahoma<\/span>\r\n    <span class=\"accent\">\u2726<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services\" id=\"services\">\r\n  <div class=\"services-header\">\r\n    <div>\r\n      <p class=\"section-label\">What We Do<\/p>\r\n      <h2 class=\"section-title\">Our Services<\/h2>\r\n    <\/div>\r\n    <p class=\"section-body\" style=\"max-width:360px;\">\r\n      Professional signage and graphics solutions for every business need \u2014 designed and produced right here in Altus.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"service-grid\">\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">01<\/div>\r\n      <div class=\"service-icon\">\ud83c\udff7\ufe0f<\/div>\r\n      <h3 class=\"service-name\">Vinyl Graphics<\/h3>\r\n      <p class=\"service-desc\">Custom vinyl graphics for storefronts, walls, floors, and windows. Durable, vibrant, and built to last outdoors.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">02<\/div>\r\n      <div class=\"service-icon\">\ud83d\udd29<\/div>\r\n      <h3 class=\"service-name\">Metal Signs<\/h3>\r\n      <p class=\"service-desc\">Heavy-duty metal signage for businesses, properties, and industrial applications. Precision-cut and weather-resistant.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">03<\/div>\r\n      <div class=\"service-icon\">\ud83d\udca1<\/div>\r\n      <h3 class=\"service-name\">LED Signs<\/h3>\r\n      <p class=\"service-desc\">Bright, energy-efficient LED displays that make your business visible day and night. Draw attention and drive traffic.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card\">\r\n      <div class=\"service-num\">04<\/div>\r\n      <div class=\"service-icon\">\ud83d\ude97<\/div>\r\n      <h3 class=\"service-name\">Vehicle Lettering<\/h3>\r\n      <p class=\"service-desc\">Turn your vehicle into a moving billboard. Professional lettering and wraps that advertise everywhere you drive.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<hr class=\"divider\" \/>\r\n\r\n<!-- ABOUT -->\r\n<section class=\"about-strip\" id=\"about\">\r\n  <div class=\"about-left\">\r\n    <p class=\"section-label\">Who We Are<\/p>\r\n    <h2 class=\"section-title\">Altus's Trusted Sign Shop Since 2004<\/h2>\r\n    <p class=\"section-body\" style=\"margin-bottom:2rem;\">\r\n      Tan Rae Digital Graphics LLC has been serving businesses across southwest Oklahoma for over two decades. Owner Chris Cary and the team bring craftsmanship, creativity, and fast turnaround to every project \u2014 big or small.\r\n    <\/p>\r\n    <p class=\"section-body\">\r\n      We're locally rooted and community proud. You'll find us at 2200 Falcon Road, and our work all over Altus \u2014 from Altus AFB to Main Street storefronts.\r\n    <\/p>\r\n  <\/div>\r\n  <div class=\"about-right\">\r\n    <div class=\"about-feature\">\r\n      <div class=\"feature-num\">01<\/div>\r\n      <div class=\"feature-text\">\r\n        <h4>Local Expertise<\/h4>\r\n        <p>We know Altus, southwest Oklahoma, and the businesses that make it thrive. Our designs reflect your community.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"about-feature\">\r\n      <div class=\"feature-num\">02<\/div>\r\n      <div class=\"feature-text\">\r\n        <h4>Quality Materials<\/h4>\r\n        <p>We use professional-grade materials built to withstand Oklahoma weather \u2014 sun, wind, and everything in between.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"about-feature\">\r\n      <div class=\"feature-num\">03<\/div>\r\n      <div class=\"feature-text\">\r\n        <h4>Fast Turnaround<\/h4>\r\n        <p>We respect your time and your deadlines. We work efficiently without cutting corners on quality.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"about-feature\">\r\n      <div class=\"feature-num\">04<\/div>\r\n      <div class=\"feature-text\">\r\n        <h4>Accepts Major Cards & Checks<\/h4>\r\n        <p>Visa, Mastercard, Discover, Amex, and personal checks \u2014 we make it easy to pay however works for you.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PROCESS -->\r\n<section class=\"process\" id=\"process\">\r\n  <p class=\"section-label\">How It Works<\/p>\r\n  <h2 class=\"section-title\">From Idea to Installation<\/h2>\r\n\r\n  <div class=\"process-steps\">\r\n    <div class=\"process-step\">\r\n      <div class=\"step-dot\">01<\/div>\r\n      <h3 class=\"step-title\">Consult<\/h3>\r\n      <p class=\"step-desc\">Tell us about your project. We'll talk through your goals, location, budget, and timeline to find the right solution.<\/p>\r\n    <\/div>\r\n    <div class=\"process-step\">\r\n      <div class=\"step-dot\">02<\/div>\r\n      <h3 class=\"step-title\">Design<\/h3>\r\n      <p class=\"step-desc\">Our team creates a custom design tailored to your brand. We'll refine it until it's exactly right.<\/p>\r\n    <\/div>\r\n    <div class=\"process-step\">\r\n      <div class=\"step-dot\">03<\/div>\r\n      <h3 class=\"step-title\">Produce<\/h3>\r\n      <p class=\"step-desc\">We print and fabricate your sign using quality materials and professional-grade equipment right here in Altus.<\/p>\r\n    <\/div>\r\n    <div class=\"process-step\">\r\n      <div class=\"step-dot\">04<\/div>\r\n      <h3 class=\"step-title\">Install<\/h3>\r\n      <p class=\"step-desc\">We handle the installation so everything looks perfect and is built to last. Your sign, done right.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA BAND -->\r\n<div class=\"cta-band\">\r\n  <div>\r\n    <h2>Ready to Make Your Business Impossible to Miss?<\/h2>\r\n    <p>Call or email us today \u2014 we're open Monday through Friday, 9am\u20135:30pm.<\/p>\r\n  <\/div>\r\n  <a href=\"tel:5804823914\" class=\"btn-white\">Call (580) 482-3914<\/a>\r\n<\/div>\r\n\r\n<!-- CONTACT -->\r\n<section class=\"contact\" id=\"contact\">\r\n  <p class=\"section-label\">Get in Touch<\/p>\r\n  <h2 class=\"section-title\">Request a Quote<\/h2>\r\n\r\n  <div class=\"contact-grid\">\r\n    <div class=\"contact-info\">\r\n      <div class=\"contact-item\">\r\n        <h4>Address<\/h4>\r\n        <p>2200 Falcon Road<br>Altus, OK 73521<\/p>\r\n      <\/div>\r\n      <div class=\"contact-item\">\r\n        <h4>Phone<\/h4>\r\n        <a href=\"tel:5804823914\">(580) 482-3914<\/a>\r\n      <\/div>\r\n      <div class=\"contact-item\">\r\n        <h4>Email<\/h4>\r\n        <a href=\"mailto:tanraedigitalgraphics@gmail.com\">tanraedigitalgraphics@gmail.com<\/a>\r\n      <\/div>\r\n      <div class=\"contact-item\">\r\n        <h4>Hours<\/h4>\r\n        <div class=\"hours-grid\">\r\n          <span class=\"hours-day\">Monday \u2013 Friday<\/span>\r\n          <span class=\"hours-time\">9:00 AM \u2013 5:30 PM<\/span>\r\n          <span class=\"hours-day\">Saturday \u2013 Sunday<\/span>\r\n          <span class=\"hours-time\">Closed<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"contact-item\">\r\n        <h4>Follow Us<\/h4>\r\n        <a href=\"https:\/\/www.facebook.com\/TanRaeDigitalGraphics\/\" target=\"_blank\" rel=\"noopener\">Facebook \u2014 Tan Rae Digital Graphics<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <form class=\"contact-form\" onsubmit=\"return false;\">\r\n      <div class=\"form-row\">\r\n        <input type=\"text\" placeholder=\"Your Name\" \/>\r\n        <input type=\"text\" placeholder=\"Business Name\" \/>\r\n      <\/div>\r\n      <div class=\"form-row\">\r\n        <input type=\"tel\" placeholder=\"Phone Number\" \/>\r\n        <input type=\"email\" placeholder=\"Email Address\" \/>\r\n      <\/div>\r\n      <select>\r\n        <option value=\"\" disabled selected>Service Needed\u2026<\/option>\r\n        <option>Vinyl Graphics<\/option>\r\n        <option>Metal Signs<\/option>\r\n        <option>LED Signs<\/option>\r\n        <option>Vehicle Lettering \/ Wrap<\/option>\r\n        <option>Banners<\/option>\r\n        <option>Other \/ Not Sure<\/option>\r\n      <\/select>\r\n      <textarea placeholder=\"Tell us about your project\u2026\"><\/textarea>\r\n      <a href=\"#\" class=\"btn-primary\" style=\"text-align:center;\">Send Message<\/a>\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <a href=\"#\" class=\"footer-logo\">Tan<span>Rae<\/span> Digital Graphics<\/a>\r\n  <p>\u00a9 2025 Tan Rae Digital Graphics LLC \u00b7 Altus, Oklahoma<\/p>\r\n  <div class=\"footer-links\">\r\n    <a href=\"#services\">Services<\/a>\r\n    <a href=\"#about\">About<\/a>\r\n    <a href=\"#contact\">Contact<\/a>\r\n    <a href=\"https:\/\/www.facebook.com\/TanRaeDigitalGraphics\/\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tan Rae Digital Graphics | Altus, Oklahoma TanRae Services About Process Contact Get a Quote Altus, Oklahoma \u2014 Est. 2004 Make Your Mark Stand Out. From vinyl graphics and vehicle wraps to metal signs and LED displays \u2014 Tan Rae Digital Graphics brings bold, professional signage to businesses across southwest Oklahoma. Request a Quote Our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/45-33-122-25.ip.linodeusercontent.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}