Home 2

<!– HERO SECTION –>
<section class=”oxy-hero”>
<div class=”oxy-container”>
<img src=”/wp-content/uploads/OxyOne.png” alt=”OxyOne Logo” class=”oxy-logo”>

<h1>Empower Your Business with 26 Cloud Tools in One Platform</h1>

<p class=”oxy-subtitle”>
OxyCloud brings HR, Sales, Finance, Operations, and Productivity together
in one secure, affordable cloud platform built specifically for UK SMEs.
</p>

<div class=”oxy-buttons”>
<a href=”/contact/” class=”oxy-btn oxy-btn-primary”>
Request a Demo
</a>

<a href=”/oxyone/” class=”oxy-btn oxy-btn-secondary”>
Explore OxyOne
</a>
</div>
</div>
</section>

<!– KEY HIGHLIGHTS –>
<section class=”oxy-highlights”>
<div class=”oxy-container”>

<div class=”oxy-card”>
<h3>One Cloud</h3>
<p>26 integrated business applications in a single platform.</p>
</div>

<div class=”oxy-card”>
<h3>Built for UK SMEs</h3>
<p>Designed specifically for growing businesses across the United Kingdom.</p>
</div>

<div class=”oxy-card”>
<h3>AI Developed</h3>
<p>One of the world’s first SME operating systems developed using AI.</p>
</div>

</div>

</div>
</section>

<!– ABOUT OXYONE –>
<section class=”oxy-about”>
<div class=”oxy-container oxy-two-column”>

<div class=”oxy-content”>
<h2>The Unified AI-Built Operating System</h2>

<p>
OxyOne is a next-generation UK-ready SaaS platform and the flagship
product of OxyCloud.
</p>

<p>
Built with precision, powered by AI, and designed for growth,
OxyOne replaces fragmented tools with a single intelligent
business operating system.
</p>

<ul>
<li>Accelerates decision-making</li>
<li>Reduces operational costs</li>
<li>Improves compliance</li>
<li>Creates a high-performance digital workplace</li>
<li>Built to UK standards</li>
</ul>

<p>
OxyOne helps organisations improve productivity, increase visibility,
and accelerate digital transformation from a single subscription.
</p>
</div>

</div>
</section>

<!– STATS –>
<section class=”oxy-stats”>
<div class=”oxy-container”>

<div class=”stat-card”>
<h3>26+</h3>
<p>Business Applications</p>
</div>

<div class=”stat-card”>
<h3>2,000+</h3>
<p>Happy Clients</p>
</div>

<div class=”stat-card”>
<h3>30+</h3>
<p>Industries Served</p>
</div>

<div class=”stat-card”>
<h3>24/7</h3>
<p>Support Available</p>
</div>

</div>

</div>
</section>

.oxy-hero{
padding:100px 0;
text-align:center;
background:#0d6efd;
color:#fff;
}

.oxy-logo{
max-width:180px;
margin-bottom:30px;
}

.oxy-hero h1{
font-size:48px;
margin-bottom:20px;
line-height:1.2;
}

.oxy-subtitle{
max-width:800px;
margin:auto;
font-size:20px;
}

.oxy-buttons{
margin-top:40px;
}

.oxy-btn{
display:inline-block;
padding:14px 30px;
text-decoration:none;
border-radius:6px;
margin:0 10px;
font-weight:600;
}

.oxy-btn-primary{
background:#fff;
color:#0d6efd;
}

.oxy-btn-secondary{
border:2px solid #fff;
color:#fff;
}

.oxy-highlights{
padding:80px 0;
}

.oxy-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.oxy-card{
background:#fff;
padding:30px;
text-align:center;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.oxy-about{
padding:100px 0;
background:#f8f9fa;
}

.oxy-two-column{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

.oxy-image img{
width:100%;
border-radius:10px;
}

.oxy-content h2{
margin-bottom:20px;
}

.oxy-content ul{
padding-left:20px;
}

.oxy-content li{
margin-bottom:10px;
}

.oxy-stats{
padding:80px 0;
}

.stat-card{
background:#fff;
text-align:center;
padding:40px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.stat-card h3{
font-size:42px;
color:#0d6efd;
margin-bottom:10px;
}

@media(max-width:768px){

.oxy-hero h1{
font-size:34px;
}

.oxy-two-column{
grid-template-columns:1fr;