@page "/"

<PageTitle>Ctrl Alt Assist - Home</PageTitle>

<!-- Hero Section -->
<header id="home" class="hero-section">
    <div class="container">
        <h1>Ctrl Alt Assist, Reboot Your Business Efficiency</h1>
        <p>Professional Executive & Financial Virtual Assistance tailored for the modern entrepreneur. </p>
        <p>We streamline your back office, ensure SARS compliance, and organise your administration so you can focus on what you do best - growing your business.</p>
        <a href="#services" class="btn btn-lg btn-pastel">Discover Our Services</a>
    </div>
</header>

<!-- About Us Section -->
<section id="about" class="section-padding">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 mb-4 mb-lg-0">
                <img src="Images/about-us.png" class="img-fluid rounded shadow" alt="About Ctrl Alt Assist">
            </div>
            <div class="col-lg-6">
                <h2>Who We Are</h2>
                <p>Since 2004, Ctrl Alt Assist has been providing exceptional virtual office assistance, empowering businesses to thrive by handling the administrative burden. We understand that your time is valuable, and our goal is to streamline your operations, allowing you to focus on growth and core competencies.</p>
                <p>Our team is dedicated to offering personalized, efficient, and reliable support, tailored to the unique needs of each client. We pride ourselves on our proactive approach and commitment to delivering peace of mind.</p>
            </div>
        </div>
    </div>
</section>

<!-- Services Section -->
<section id="services" class="section-padding bg-light-green">
    <div class="container">
        <h2 class="text-center mb-5 text-light">Our Comprehensive Services</h2>
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 service-list">
            <div class="col">
                <div class="card h-100 bg-light-blue text-light">
                    <div class="card-body">
                        <h5 class="card-title text-light">Financial & Accounting Support</h5>
                        <ul>
                            <li>Bookkeeping, Budgets, Management Accounts</li>
                            <li>SAGE, SAGE ONE, SAGE Online Tools, SAGE Payroll</li>
                            <li>Reseller, Training & Support for SAGE products</li>
                            <li>Monthly SARS Returns</li>
                            <li>Bank, Debtors & Creditors Reconciliations</li>
                            <li>Sorting & Capturing Invoices & Receipts</li>
                            <li>Sending Statements & Payment Reminders</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100 bg-light-purple text-light">
                    <div class="card-body">
                        <h5 class="card-title text-light">Office & Administrative Management</h5>
                        <ul>
                            <li>Complete office management – full admin service</li>
                            <li>Creation and organizing of Business Systems & Procedures</li>
                            <li>Product & Business Manuals</li>
                            <li>Accounting System Setup, Training & Support</li>
                            <li>Company Registrations</li>
                            <li>Creating & Maintaining databases</li>
                            <li>Payroll, Staff Hiring Assistance and process streamlining</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100 bg-light-blue text-light">
                    <div class="card-body">
                        <h5 class="card-title text-light">Digital & Project Support</h5>
                        <ul>
                            <li>Report Writing, PowerPoint Presentations</li>
                            <li>Customer Relations Management</li>
                            <li>Project Management</li>
                            <li>Typing & Transcribing Services</li>
                            <li>Research</li>
                            <li>Event Planning & Coordination</li>
                            <li>Basic Websites, Domain Name Registrations</li>
                            <li>Website, Email Hosting & Setup</li>
                            <li>Cloud Backup Servers & Offsite Servers</li>
                            <li>Computer Support, Training & Maintenance</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center mt-5">
            <p class="lead text-light">We offer both package, hourly or group rates customised to your personal needs.</p>
            <a href="#contact" class="btn btn-lg btn-pastel">Get a Custom Quote</a>
        </div>
    </div>
</section>

<!-- Founder Section -->
<section id="founder" class="section-padding text-center">
    <div class="container">
        <h2>Meet Our Founder</h2>
        <img src="Images/Olivia.png" alt="Olivia, Founder of Ctrl Alt Assist" class="founder-img">
        <h3>Olivia</h3>
        <p class="lead">Loving wife, involved mom, and devoted pet parent.</p>
        <p>Olivia brings over 20 years of robust experience in both the Corporate and Private sector, working with JSE listed companies and privately owned businesses across diverse industries from transport to the arts. Her extensive knowledge is backed by a Bcompt, Business Studies Diploma, various Computer & Accounting software diplomas, and a Mini-MBA with Action Coach Ignite.</p>
        <p>A firm believer in continuous learning and growth, Olivia is a motivated and organized professional. She provides all necessary software, hardware, and office requirements, ensuring a seamless and efficient service. Clients also benefit from a personal login to our website, allowing them to view timesheets, track hours remaining, and more.</p>
    </div>
</section>

<!-- Call to Action for Login -->
<section id="login-cta" class="call-to-action">
    <div class="container">
        <h2>Already a Client?</h2>
        <p class="lead">Access your personalized portal to manage your services and track progress.</p>
        <a href="/login" class="btn btn-lg btn-pastel">Client Login</a>
    </div>
</section>

<CtrlAltAssist.Components.UI.ContactUsForm />
