auraofintelligence.github.io/smart-devices.html at main · auraofintelligence/auraofintelligence.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!doctype html>
<html lang="en-AU">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Smart IoT Devices | Aura of Intelligence</title>
  <meta name="description" content="Smart IoT Devices: bring your own phones, tablets, watches, robots, drones, home and business automation, sensors and magic compass together into a setup you own and shape.">
  <meta name="theme-color" content="#0a1420">
  <link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
  <link rel="preload" href="assets/fonts/archivo-var.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="assets/fonts/jetbrains-mono-var.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="styles.css?v=4">
</head>
<body data-page="smart-devices">
  <a class="skip-link" href="#main">Skip to content</a>
  <header class="site-header">
    <a class="brand" href="index.html" aria-label="Aura of Intelligence home">
      <span class="brand-mark" aria-hidden="true"></span>
      <span class="brand-text"><strong>Aura of Intelligence</strong><span>A Bridge to The Infinite</span></span>
    </a>
    <nav class="site-nav" data-nav aria-label="Primary">
      <a href="pathways/index.html">Pathways</a>
      <a href="courses/index.html">Courses</a>
      <a href="videos.html">Videos</a>
      <a href="contact.html">Contact</a>
    </nav>
    <button class="index-toggle" type="button" data-menu-toggle aria-expanded="false" aria-controls="site-index">
      <span class="index-toggle-lines" aria-hidden="true"><i></i><i></i><i></i></span>
      <span class="index-toggle-label">Index</span>
    </button>
  </header>
  <main id="main">

    <section class="hero page-hero">
      <div class="hero-content reveal">
        <p class="eyebrow">Pathways / Life &amp; living</p>
        <h1>Smart IoT Devices</h1>
        <p class="hero-copy">Every device in your life, working together on your terms: phones, tablets, watches, robots, drones, your home, your business, and a compass that reads more than direction, all part of a setup you own and shape yourself.</p>
      </div>
    </section>

    <section class="section" id="devices">
      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--hero-01.webp" alt="A digital interface for smartphone integration with AI." loading="lazy" width="1920" height="1920">
        <div class="feature-copy">
          <p class="eyebrow">Your world, in your hand</p>
          <h2>Smartphones</h2>
          <p>Your smartphone becomes the everyday way into all of this. Choose the phone that fits you and make it your main link to your own Aura, connecting your digital and physical lives. You pick the devices and set the standard for connectivity, performance and security: the setup is yours, not handed down to you, and it changes as your needs do.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-01.webp" alt="A digital interface for tablets controlling smart home devices." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">A bigger canvas, still yours</p>
          <h2>Tablets</h2>
          <p>A tablet turns your environment into a wider canvas. Choose the one that suits you and let your own Aura spread across a larger, tactile screen: a visual, hands-on experience that stays personal because you built it. It's yours to keep and shape, not a rented window into someone else's system.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-02.webp" alt="A smartwatch connectivity visualisation." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">Wear your own Aura</p>
          <h2>Smart Watches</h2>
          <p>A smartwatch does more than tell time; it keeps your own Aura on your wrist. Track your health, manage your schedule, and stay in step with your day, with a companion you set up to work your way. Your data stays yours, and the setup grows with you rather than resetting each renewal.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-03.webp" alt="An interactive robotics platform interface." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">Build your own helpers</p>
          <h2>Robotics</h2>
          <p>Bring robotics into a collaborative everyday life on your own terms. Choose robots that fit your world and connect to your Aura, learning your habits and adapting to the rhythm of your days. It's a partnership you shape and own, for personal, social or business goals, and it keeps evolving as you do.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-04.webp" alt="A flight-control and live-streaming drone interface." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">Your own view from above</p>
          <h2>Drones</h2>
          <p>Bring the sky within reach with drones you choose and connect to your own Aura. Get a bird's-eye view of your world, whether that's capturing footage or handling detailed tasks, all controlled by you. The setup is yours to keep and shape, not something rented back to you.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-05.webp" alt="Modern smart home devices with AI integration." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">Automate your own haven</p>
          <h2>Home Automation</h2>
          <p>Turn your living space into a place of ease with home automation you set up yourself. Connect it to your Aura so it learns and adapts to your preferences, making a home that responds to your needs and moods. You own the setup and it stays yours, evolving as your life at home does.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-06.webp" alt="A futuristic office space with smart devices." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">Streamline it your way</p>
          <h2>Business Automation</h2>
          <p>Bring automation into your business with tools you choose and connect to your Aura. From managing resources to smoothing operations, you build a setup that lets you focus on growth while it handles the rest. It's owned by you and your business, custom to how you work, and grows as you grow, rather than rented from big tech.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-07.webp" alt="Sensor devices monitoring air quality, temperature and humidity." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">Read your own surroundings</p>
          <h2>Environment Sensors</h2>
          <p>Stay tuned to the subtleties of your surroundings with sensors you choose and connect to your Aura. Get real-time data and insight to monitor, understand and adjust your environment for better living and working. The setup is yours, your readings stay yours, and it sharpens the more you use it.</p>
        </div>
      </div>

      <div class="feature-block reveal">
        <img src="assets/media/smart-devices--gallery-08.webp" alt="A digital interface for a smart navigation tool." loading="lazy" width="1200" height="1200">
        <div class="feature-copy">
          <p class="eyebrow">Navigate your own story</p>
          <h2>Your Magic Compass</h2>
          <p>Chart your journey with your own Magic Compass, built to sit in tune with your Aura. Find routes that fit your story and guidance shaped to your life, so you navigate not just places but possibilities. It reads more than direction, it's yours to keep, and it comes to know you better over time.</p>
        </div>
      </div>
    </section>

    <section class="section" id="explore-more">
      <div class="section-heading reveal">
        <div>
          <p class="eyebrow">Keep exploring</p>
          <h2>More of Life &amp; Living</h2>
        </div>
      </div>
      <div class="card-grid reveal">
        <a class="card" href="aura-wellness.html"><h3>Life Planning &amp; Well Being</h3><p>Plan a life, not just a day.</p></a>
        <a class="card" href="generative-a-i.html"><h3>Generative A.I. Customisation</h3><p>Made to order.</p></a>
        <a class="card" href="blockchain.html"><h3>Blockchain</h3><p>What trust looks like on-chain.</p></a>
        <a class="card" href="pathways/index.html"><h3>All seventeen pathways</h3><p>See the whole constellation.</p></a>
      </div>
    </section>

  </main>
  <footer class="site-footer">
    <div>
      <p>Aura of Intelligence: Luke Hayes × Claude, Minjerribah · 2026.</p>
      <p>Licensed under the Aura of Intelligence Public Source Licence.</p>
    </div>
    <nav class="footer-links" aria-label="Elsewhere">
      <a href="https://iseeinfinity.com" target="_blank" rel="noopener">iseeinfinity.com</a>
      <a href="https://lukecatalyst.com" target="_blank" rel="noopener">lukecatalyst.com</a>
      <a href="https://gajra.earth" target="_blank" rel="noopener">gajra.earth</a>
    </nav>
  </footer>
  <script src="assets/site-nav.js" defer></script>
  <script src="assets/core.js" defer></script>
</body>
</html>