{"id":9,"date":"2026-10-10T13:06:50","date_gmt":"2026-10-10T11:06:50","guid":{"rendered":"http:\/\/smartyard.online\/?page_id=9"},"modified":"2026-10-10T13:56:14","modified_gmt":"2026-10-10T11:56:14","slug":"home","status":"publish","type":"page","link":"https:\/\/smartyard.online\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');\n\n#sy-home {\n  --ink: #171717;\n  --gold: #b89b65;\n  --cream: #f6f1e8;\n  --muted: #69645b;\n  --line: #ded5c5;\n  background: var(--cream);\n  color: var(--ink);\n  font-family: 'DM Sans', Arial, sans-serif;\n  line-height: 1.6;\n  width: 100%;\n  overflow: hidden;\n  text-align: left;\n}\n\n#sy-home * { box-sizing: border-box; }\n\n#sy-home h1,\n#sy-home h2,\n#sy-home h3,\n#sy-home p {\n  margin: 0;\n  padding: 0;\n  color: inherit;\n}\n\n#sy-home a {\n  color: inherit;\n  text-decoration: none;\n}\n\n#sy-home a:focus-visible {\n  outline: 3px solid #98783e;\n  outline-offset: 5px;\n}\n\n#sy-home .sy-container {\n  width: min(1220px, calc(100% - 72px));\n  margin: 0 auto;\n}\n\n#sy-home .sy-serif {\n  font-family: 'Libre Caslon Display', Georgia, serif;\n  font-weight: 400;\n  letter-spacing: -.025em;\n}\n\n#sy-home .sy-kicker {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: #80663a;\n}\n\n#sy-home .sy-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 15px 24px;\n  border: 1px solid var(--ink);\n  font-size: 13px;\n  font-weight: 600;\n  transition: background .2s, color .2s;\n  border-radius: 3px;\n}\n\n#sy-home .sy-btn-dark {\n  background: var(--ink);\n  color: var(--cream);\n}\n\n#sy-home .sy-btn-dark:hover { background: #343029; }\n#sy-home .sy-btn-light:hover { background: #e9dfcf; }\n#sy-home .sy-arrow { font-size: 18px; }\n\n\/* Header *\/\n#sy-home .sy-header {\n  border-bottom: 1px solid var(--line);\n}\n\n#sy-home .sy-header-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  padding: 23px 0;\n}\n\n#sy-home .sy-logo {\n  display: block;\n  width: 265px;\n  max-width: 100%;\n  height: auto;\n}\n\n#sy-home .sy-nav {\n  display: flex;\n  align-items: center;\n  gap: 30px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n#sy-home .sy-nav a:hover { color: #80663a; }\n\n#sy-home .sy-signin {\n  border: 1px solid var(--line);\n  padding: 10px 17px;\n}\n\n\/* Introduction *\/\n#sy-home .sy-hero {\n  padding: 78px 0 66px;\n  display: grid;\n  grid-template-columns: 1.02fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n#sy-home .sy-hero h1 {\n  font-size: clamp(48px, 5.5vw, 80px);\n  line-height: 1.03;\n  margin: 20px 0 25px;\n  max-width: 650px;\n}\n\n#sy-home .sy-hero h1 em {\n  font-style: normal;\n  color: #927442;\n}\n\n#sy-home .sy-hero-copy {\n  max-width: 475px;\n  font-size: 16px;\n  color: var(--muted);\n  line-height: 1.85;\n}\n\n#sy-home .sy-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin: 30px 0 18px;\n}\n\n#sy-home .sy-small {\n  font-size: 11px;\n  color: var(--muted);\n}\n\n\/* Fictional dashboard preview *\/\n#sy-home .sy-preview-frame {\n  position: relative;\n  padding: 22px;\n  background: #e6ddce;\n  border: 1px solid #d5c9b5;\n  border-radius: 9px;\n  transform: rotate(1deg);\n}\n\n#sy-home .sy-preview {\n  background: #fffdf9;\n  border: 1px solid #ddd5c7;\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px #342c2012;\n  transform: rotate(-1deg);\n}\n\n#sy-home .sy-preview-head {\n  background: var(--ink);\n  padding: 20px 24px;\n  color: var(--cream);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n#sy-home .sy-preview-name {\n  font-family: 'Libre Caslon Display', Georgia, serif;\n  font-size: 28px;\n}\n\n#sy-home .sy-preview-label {\n  font-size: 9px;\n  color: #d5c097;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n#sy-home .sy-preview-body { padding: 25px; }\n\n#sy-home .sy-preview-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 23px;\n}\n\n#sy-home .sy-preview-top strong { font-size: 15px; }\n\n#sy-home .sy-preview-top span {\n  display: block;\n  color: var(--muted);\n  font-size: 10px;\n  margin-top: 3px;\n}\n\n#sy-home .sy-demo-chip {\n  font-size: 9px;\n  border: 1px solid #dfd2b8;\n  padding: 4px 8px;\n  color: #80663a;\n  border-radius: 20px;\n}\n\n#sy-home .sy-metrics {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin-bottom: 24px;\n}\n\n#sy-home .sy-metric {\n  background: #f2ede4;\n  padding: 15px;\n  border: 1px solid #e9e0d0;\n}\n\n#sy-home .sy-metric small {\n  display: block;\n  font-size: 10px;\n  color: var(--muted);\n}\n\n#sy-home .sy-metric strong {\n  font-size: 26px;\n  font-weight: 500;\n  letter-spacing: -1px;\n}\n\n#sy-home .sy-preview-table {\n  width: 100%;\n  margin: 0;\n  border: 0;\n  border-collapse: collapse;\n  font-size: 10px;\n}\n\n#sy-home .sy-preview-table th {\n  text-align: left;\n  font-size: 9px;\n  color: var(--muted);\n  font-weight: 500;\n  padding: 8px 0;\n  border: 0;\n  border-bottom: 1px solid #e1d9cb;\n}\n\n#sy-home .sy-preview-table td {\n  padding: 13px 0;\n  border: 0;\n  border-bottom: 1px solid #eee7dc;\n}\n\n#sy-home .sy-preview-table td:last-child { text-align: right; }\n\n#sy-home .sy-status {\n  font-size: 9px;\n  background: #ede6d7;\n  color: #72572c;\n  padding: 4px 7px;\n  border-radius: 20px;\n  white-space: nowrap;\n}\n\n#sy-home .sy-status-paid {\n  background: #e7eee7;\n  color: #395842;\n}\n\n#sy-home .sy-preview-caption {\n  margin-top: 17px;\n  text-align: center;\n  font-size: 10px;\n  color: var(--muted);\n}\n\n\/* Disciplines *\/\n#sy-home .sy-discipline-strip {\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  padding: 22px 0;\n}\n\n#sy-home .sy-discipline-inner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 22px;\n  flex-wrap: wrap;\n}\n\n#sy-home .sy-discipline-inner strong {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n#sy-home .sy-disciplines {\n  display: flex;\n  gap: 23px;\n  flex-wrap: wrap;\n  font-size: 12px;\n  color: var(--muted);\n}\n\n\/* Features *\/\n#sy-home .sy-section { padding: 88px 0; }\n\n#sy-home .sy-section-heading {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 40px;\n  margin-bottom: 38px;\n}\n\n#sy-home .sy-section-heading h2 {\n  font-size: clamp(37px, 4vw, 54px);\n  line-height: 1.08;\n  max-width: 600px;\n  margin-top: 13px;\n}\n\n#sy-home .sy-section-heading > p {\n  max-width: 360px;\n  font-size: 14px;\n  color: var(--muted);\n}\n\n#sy-home .sy-features {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--line);\n  border-left: 1px solid var(--line);\n}\n\n#sy-home .sy-feature {\n  padding: 29px 28px;\n  border-right: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  background: #fffdf833;\n  min-height: 225px;\n}\n\n#sy-home .sy-feature-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 23px;\n}\n\n#sy-home .sy-feature-no {\n  font-family: Georgia, serif;\n  font-size: 23px;\n  color: #9b8052;\n}\n\n#sy-home .sy-feature-badge {\n  font-size: 9px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  color: #6d6558;\n  border: 1px solid var(--line);\n  padding: 3px 7px;\n}\n\n#sy-home .sy-feature h3 {\n  font-size: 18px;\n  font-weight: 500;\n  margin-bottom: 11px;\n}\n\n#sy-home .sy-feature p {\n  font-size: 13px;\n  line-height: 1.8;\n  color: var(--muted);\n}\n\n\/* Demo invitation *\/\n#sy-home .sy-demo-section {\n  background: var(--ink);\n  color: var(--cream);\n  padding: 76px 0;\n}\n\n#sy-home .sy-demo-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n#sy-home .sy-demo-section .sy-kicker { color: #ceb787; }\n\n#sy-home .sy-demo-section h2 {\n  font-size: clamp(40px, 4vw, 59px);\n  line-height: 1.08;\n  margin: 15px 0 24px;\n  color: var(--cream);\n}\n\n#sy-home .sy-demo-section p {\n  font-size: 14px;\n  color: #c8c3bb;\n  max-width: 460px;\n  line-height: 1.9;\n}\n\n#sy-home .sy-demo-section .sy-btn {\n  background: #d0b583;\n  color: var(--ink);\n  border-color: #d0b583;\n  margin-top: 28px;\n}\n\n#sy-home .sy-demo-section .sy-btn:hover { background: #dec99f; }\n\n#sy-home .sy-steps {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  counter-reset: steps;\n}\n\n#sy-home .sy-steps li {\n  counter-increment: steps;\n  display: grid;\n  grid-template-columns: 35px 1fr;\n  gap: 20px;\n  padding: 21px 0;\n  border-bottom: 1px solid #ffffff20;\n}\n\n#sy-home .sy-steps li::before {\n  content: '0' counter(steps);\n  font-family: Georgia, serif;\n  color: #ceb787;\n  font-size: 22px;\n}\n\n#sy-home .sy-steps h3 {\n  font-size: 15px;\n  font-weight: 500;\n  margin-bottom: 5px;\n  color: var(--cream);\n}\n\n#sy-home .sy-steps p {\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n#sy-home .sy-demo-note {\n  margin-top: 20px;\n  font-size: 11px;\n  color: #a49d91;\n}\n\n\/* About *\/\n#sy-home .sy-vision {\n  display: grid;\n  grid-template-columns: .8fr 1.2fr;\n  gap: 90px;\n  align-items: start;\n}\n\n#sy-home .sy-vision h2 {\n  font-size: clamp(39px, 4vw, 55px);\n  line-height: 1.1;\n  margin-top: 15px;\n}\n\n#sy-home .sy-vision-text > p {\n  font-size: 15px;\n  color: var(--muted);\n  line-height: 1.9;\n  margin-bottom: 23px;\n}\n\n#sy-home .sy-vision-details {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 25px;\n  padding-top: 25px;\n  border-top: 1px solid var(--line);\n}\n\n#sy-home .sy-vision-details h3 {\n  font-size: 13px;\n  margin-bottom: 7px;\n  font-weight: 600;\n}\n\n#sy-home .sy-vision-details p {\n  font-size: 12px;\n  color: var(--muted);\n  line-height: 1.8;\n}\n\n\/* Footer *\/\n#sy-home .sy-footer {\n  border-top: 1px solid var(--line);\n  padding: 32px 0;\n}\n\n#sy-home .sy-footer-inner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 25px;\n}\n\n#sy-home .sy-footer-brand {\n  font-family: 'Libre Caslon Display', Georgia, serif;\n  font-size: 27px;\n}\n\n#sy-home .sy-footer p {\n  font-size: 10px;\n  color: var(--muted);\n}\n\n#sy-home .sy-footer-links {\n  display: flex;\n  gap: 20px;\n  font-size: 11px;\n}\n\n\/* Responsive layouts *\/\n@media (max-width: 1000px) {\n  #sy-home .sy-hero { gap: 30px; }\n  #sy-home .sy-nav { gap: 18px; }\n  #sy-home .sy-logo { width: 225px; }\n  #sy-home .sy-demo-grid { gap: 40px; }\n  #sy-home .sy-vision { gap: 45px; }\n}\n\n@media (max-width: 760px) {\n  #sy-home .sy-container { width: calc(100% - 36px); }\n  #sy-home .sy-header-inner {\n    gap: 16px;\n    flex-wrap: wrap;\n    padding: 18px 0;\n  }\n  #sy-home .sy-logo { width: 235px; }\n  #sy-home .sy-nav {\n    width: 100%;\n    justify-content: space-between;\n    gap: 12px;\n  }\n  #sy-home .sy-hero {\n    grid-template-columns: 1fr;\n    padding: 46px 0 40px;\n    gap: 40px;\n  }\n  #sy-home .sy-hero h1 { font-size: 57px; }\n  #sy-home .sy-preview-frame {\n    padding: 13px;\n    transform: none;\n  }\n  #sy-home .sy-preview { transform: none; }\n  #sy-home .sy-disciplines { gap: 10px 18px; }\n  #sy-home .sy-section { padding: 58px 0; }\n  #sy-home .sy-section-heading { display: block; }\n  #sy-home .sy-section-heading > p {\n    margin-top: 20px;\n    max-width: 100%;\n  }\n  #sy-home .sy-features { grid-template-columns: 1fr 1fr; }\n  #sy-home .sy-feature {\n    padding: 23px 19px;\n    min-height: 240px;\n  }\n  #sy-home .sy-demo-grid,\n  #sy-home .sy-vision {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  #sy-home .sy-demo-section { padding: 53px 0; }\n  #sy-home .sy-footer-inner { flex-wrap: wrap; }\n}\n\n@media (max-width: 420px) {\n  #sy-home .sy-hero h1 { font-size: 49px; }\n  #sy-home .sy-features { grid-template-columns: 1fr; }\n  #sy-home .sy-feature { min-height: 0; }\n  #sy-home .sy-vision-details { grid-template-columns: 1fr; }\n  #sy-home .sy-preview-body { padding: 18px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sy-home .sy-btn { transition: none; }\n}\n<\/style>\n\n<div id=\"sy-home\">\n\n  <header class=\"sy-header\">\n    <div class=\"sy-container sy-header-inner\">\n\n      <a href=\"#sy-home\" aria-label=\"Smart Yard home\">\n        <img decoding=\"async\"\n          class=\"sy-logo\"\n          src=\"\/\/smartyard.online\/wp-content\/uploads\/2026\/10\/Smart-Yard-Equestrian-Logo.png\"\n          alt=\"Smart Yard \u2014 Equestrian Management by Smart Tree\"\n          fetchpriority=\"high\"\n        >\n      <\/a>\n\n      <nav class=\"sy-nav\" aria-label=\"Smart Yard navigation\">\n        <a href=\"#sy-features\">The system<\/a>\n        <a href=\"#sy-demo\">Explore the demo<\/a>\n        <a href=\"#sy-about\">Our approach<\/a>\n        <a class=\"sy-signin\" href=\"\/index.php\/smart-yard\/\">\n          Sign in <span aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n      <\/nav>\n\n    <\/div>\n  <\/header>\n\n  <section class=\"sy-container sy-hero\" aria-labelledby=\"sy-title\">\n\n    <div>\n      <p class=\"sy-kicker\">\n        Equestrian management, thoughtfully designed\n      <\/p>\n\n      <h1 class=\"sy-serif\" id=\"sy-title\">\n        Your yard.<br>\n        Your people.<br>\n        <em>Beautifully organised.<\/em>\n      <\/h1>\n\n      <p class=\"sy-hero-copy\">\n        A considered approach to the business behind your horses.\n        Smart Yard is bringing client accounts, daily routines and\n        yard management into one clear, connected workspace.\n      <\/p>\n\n      <div class=\"sy-hero-actions\">\n        <a class=\"sy-btn sy-btn-dark\" href=\"\/index.php\/smart-yard\/\">\n          Open the accounts demo\n          <span class=\"sy-arrow\" aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n        <a class=\"sy-btn sy-btn-light\" href=\"#sy-features\">\n          Discover Smart Yard\n        <\/a>\n      <\/div>\n\n      <p class=\"sy-small\">\n        Currently in development \u00b7 Accounts demo available to authorised users\n      <\/p>\n    <\/div>\n\n    <div>\n      <div class=\"sy-preview-frame\">\n\n        <div\n          class=\"sy-preview\"\n          role=\"group\"\n          aria-label=\"Illustrative accounts dashboard with fictional demo records\"\n        >\n\n          <div class=\"sy-preview-head\">\n            <span class=\"sy-preview-name\">Smart Yard<\/span>\n            <span class=\"sy-preview-label\">Your workspace<\/span>\n          <\/div>\n\n          <div class=\"sy-preview-body\">\n\n            <div class=\"sy-preview-top\">\n              <div>\n                <strong>A little more clarity.<\/strong>\n                <span>Oakfield Equestrian Centre \u00b7 Fictional demo<\/span>\n              <\/div>\n              <div class=\"sy-demo-chip\">DEMO<\/div>\n            <\/div>\n\n            <div class=\"sy-metrics\">\n              <div class=\"sy-metric\">\n                <small>Invoiced<\/small>\n                <strong>R 6,300<\/strong>\n              <\/div>\n              <div class=\"sy-metric\">\n                <small>Outstanding<\/small>\n                <strong>R 3,600<\/strong>\n              <\/div>\n            <\/div>\n\n            <table class=\"sy-preview-table\">\n              <thead>\n                <tr>\n                  <th scope=\"col\">Invoice \/ client<\/th>\n                  <th scope=\"col\">Service<\/th>\n                  <th scope=\"col\">Status<\/th>\n                <\/tr>\n              <\/thead>\n              <tbody>\n                <tr>\n                  <td><strong>INV-001<\/strong><br>Emma Reed<\/td>\n                  <td>Monthly livery<\/td>\n                  <td><span class=\"sy-status\">Part-paid<\/span><\/td>\n                <\/tr>\n                <tr>\n                  <td><strong>INV-002<\/strong><br>Daniel Brooks<\/td>\n                  <td>Group lessons<\/td>\n                  <td><span class=\"sy-status sy-status-paid\">Paid<\/span><\/td>\n                <\/tr>\n                <tr>\n                  <td><strong>INV-003<\/strong><br>Sophie Ellis<\/td>\n                  <td>Show stable<\/td>\n                  <td><span class=\"sy-status\">Draft<\/span><\/td>\n                <\/tr>\n              <\/tbody>\n            <\/table>\n\n          <\/div>\n        <\/div>\n\n        <p class=\"sy-preview-caption\">\n          Illustrative dashboard design \u00b7 All names and figures are fictional\n        <\/p>\n\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <div class=\"sy-discipline-strip\">\n    <div class=\"sy-container sy-discipline-inner\">\n      <strong>One equestrian community.<\/strong>\n      <div class=\"sy-disciplines\">\n        <span>Dressage<\/span>\n        <span>Show jumping<\/span>\n        <span>Working hunter<\/span>\n        <span>Riding schools<\/span>\n        <span>Livery yards<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section\n    id=\"sy-features\"\n    class=\"sy-container sy-section\"\n    aria-labelledby=\"sy-features-title\"\n  >\n\n    <div class=\"sy-section-heading\">\n      <div>\n        <p class=\"sy-kicker\">The Smart Yard vision<\/p>\n        <h2 class=\"sy-serif\" id=\"sy-features-title\">\n          Everything that makes<br>a yard run well.\n        <\/h2>\n      <\/div>\n      <p>\n        We\u2019re building section by section, starting with client accounts.\n        Each new area will support the people, horses and routines\n        at the heart of your yard.\n      <\/p>\n    <\/div>\n\n    <div class=\"sy-features\">\n\n      <article class=\"sy-feature\">\n        <div class=\"sy-feature-top\">\n          <span class=\"sy-feature-no\">01<\/span>\n          <span class=\"sy-feature-badge\">Available in demo<\/span>\n        <\/div>\n        <h3>Clients &amp; accounts<\/h3>\n        <p>\n          Explore client records, invoices, payments and statements.\n          Keep a clear view of what has been billed, paid and\n          remains outstanding.\n        <\/p>\n      <\/article>\n\n      <article class=\"sy-feature\">\n        <div class=\"sy-feature-top\">\n          <span class=\"sy-feature-no\">02<\/span>\n          <span class=\"sy-feature-badge\">Planned<\/span>\n        <\/div>\n        <h3>Stabling &amp; livery<\/h3>\n        <p>\n          A home for stable allocations, livery packages, monthly fees\n          and additional services linked to each horse and owner.\n        <\/p>\n      <\/article>\n\n      <article class=\"sy-feature\">\n        <div class=\"sy-feature-top\">\n          <span class=\"sy-feature-no\">03<\/span>\n          <span class=\"sy-feature-badge\">Planned<\/span>\n        <\/div>\n        <h3>Lessons &amp; schedules<\/h3>\n        <p>\n          Bring instructors, riders and horses together through lesson\n          bookings, attendance, schedules and lesson charges.\n        <\/p>\n      <\/article>\n\n      <article class=\"sy-feature\">\n        <div class=\"sy-feature-top\">\n          <span class=\"sy-feature-no\">04<\/span>\n          <span class=\"sy-feature-badge\">Planned<\/span>\n        <\/div>\n        <h3>Grooms &amp; daily tasks<\/h3>\n        <p>\n          Plan shifts, assign horses and share clear daily\n          responsibilities, helping everyone know what needs\n          to happen next.\n        <\/p>\n      <\/article>\n\n      <article class=\"sy-feature\">\n        <div class=\"sy-feature-top\">\n          <span class=\"sy-feature-no\">05<\/span>\n          <span class=\"sy-feature-badge\">Planned<\/span>\n        <\/div>\n        <h3>Horse care &amp; routines<\/h3>\n        <p>\n          Keep feeding instructions, care records, exercise routines\n          and farrier or veterinary appointments organised\n          around each horse.\n        <\/p>\n      <\/article>\n\n      <article class=\"sy-feature\">\n        <div class=\"sy-feature-top\">\n          <span class=\"sy-feature-no\">06<\/span>\n          <span class=\"sy-feature-badge\">Planned<\/span>\n        <\/div>\n        <h3>Suppliers &amp; farm orders<\/h3>\n        <p>\n          Manage supplier details, feed and bedding orders,\n          equipment purchases and deliveries for the everyday\n          needs of your farm.\n        <\/p>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <section\n    id=\"sy-demo\"\n    class=\"sy-demo-section\"\n    aria-labelledby=\"sy-demo-title\"\n  >\n    <div class=\"sy-container sy-demo-grid\">\n\n      <div>\n        <p class=\"sy-kicker\">Start with the essentials<\/p>\n        <h2 class=\"sy-serif\" id=\"sy-demo-title\">\n          See the detail.<br>Explore the possibilities.\n        <\/h2>\n        <p>\n          Our first working demo focuses on client accounts.\n          Use fictional records to explore the workflow and\n          help shape the next stage of Smart Yard.\n        <\/p>\n        <a class=\"sy-btn\" href=\"\/index.php\/smart-yard\/\">\n          Open the accounts demo\n          <span class=\"sy-arrow\" aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n        <p class=\"sy-demo-note\">\n          Authorised account required. Review demo only;\n          emails and public submissions are disabled.\n        <\/p>\n      <\/div>\n\n      <ol class=\"sy-steps\">\n        <li>\n          <div>\n            <h3>Meet the demo yard<\/h3>\n            <p>\n              Explore Oakfield\u2019s fictional clients and horses\n              in a sample workspace.\n            <\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div>\n            <h3>Follow an invoice<\/h3>\n            <p>\n              Review sample livery, lesson and stabling charges,\n              then see their payment status.\n            <\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div>\n            <h3>Find your next improvement<\/h3>\n            <p>\n              Consider which routines and records would make\n              the biggest difference to your own yard.\n            <\/p>\n          <\/div>\n        <\/li>\n      <\/ol>\n\n    <\/div>\n  <\/section>\n\n  <section\n    id=\"sy-about\"\n    class=\"sy-container sy-section sy-vision\"\n    aria-labelledby=\"sy-about-title\"\n  >\n\n    <div>\n      <p class=\"sy-kicker\">Created by Smart Tree<\/p>\n      <h2 class=\"sy-serif\" id=\"sy-about-title\">\n        Designed around<br>real yard life.\n      <\/h2>\n    <\/div>\n\n    <div class=\"sy-vision-text\">\n\n      <p>\n        Every yard has its own rhythm. Different disciplines,\n        different services and different people \u2014 with the same\n        need for clear information and well-managed routines.\n      <\/p>\n\n      <p>\n        Smart Yard\u2019s direction is simple: thoughtful software\n        that gives the business and daily care of an equestrian\n        yard the attention they deserve.\n      <\/p>\n\n      <div class=\"sy-vision-details\">\n        <div>\n          <h3>A complete equestrian perspective<\/h3>\n          <p>\n            A shared foundation for training, riding schools,\n            livery and competition yards across disciplines.\n          <\/p>\n        <\/div>\n        <div>\n          <h3>Built with care, section by section<\/h3>\n          <p>\n            Client accounts first, followed by the schedules,\n            care and operational tools that connect the\n            rest of your yard.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <footer class=\"sy-footer\">\n    <div class=\"sy-container sy-footer-inner\">\n\n      <div>\n        <div class=\"sy-footer-brand\">Smart Yard<\/div>\n        <p>Equestrian Management \u00b7 By Smart Tree (Pty) Ltd<\/p>\n      <\/div>\n\n      <div class=\"sy-footer-links\">\n        <a href=\"#sy-features\">The system<\/a>\n        <a href=\"#sy-demo\">Demo<\/a>\n        <a href=\"\/index.php\/smart-yard\/\">Sign in<\/a>\n      <\/div>\n\n      <p>Smart Yard \u00b7 Development preview<\/p>\n\n    <\/div>\n  <\/footer>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":7,"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/smartyard.online\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}