Services - Auto Website Builder


<div class="container my-5">
    <div class="row text-center">
        <div class="col">
            <h1 class="display-4 editable-section" contenteditable="true">Our Services</h1>
            <p class="lead editable-section" contenteditable="true">Explore the amazing services we provide to help you create stunning websites effortlessly.</p>
            <hr class="my-4">
        </div>
    </div>

    <div class="row sortable-sections">
        <div class="col-md-4 editable-section" contenteditable="true">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title">Content Writing Tools</h5>
                    <p class="card-text">Automate your content creation with AI tools.</p>
                    <a href="#" class="btn btn-primary">Learn More</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 editable-section" contenteditable="true">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title">Copywriting Services</h5>
                    <p class="card-text">Engage customers with tailored copywriting.</p>
                    <a href="#" class="btn btn-primary">Explore Services</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 editable-section" contenteditable="true">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title">Social Media Marketing</h5>
                    <p class="card-text">Boost your brand with smart marketing solutions.</p>
                    <a href="#" class="btn btn-primary">Get Started</a>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- Additional Services Section -->
    <div class="row sortable-sections mt-5">
        <div class="col-md-4 editable-section" contenteditable="true">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title">Website Creation</h5>
                    <p class="card-text">Create a fully functional website with AI assistance in just a few clicks.</p>
                    <a href="/dashboard/generate/" class="btn btn-primary">Get Started</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 editable-section" contenteditable="true">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title">Customizable Templates</h5>
                    <p class="card-text">Choose from a variety of templates and customize them to suit your needs.</p>
                    <a href="/dashboard/" class="btn btn-primary">Explore Templates</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 editable-section" contenteditable="true">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title">Export as WordPress</h5>
                    <p class="card-text">Export your generated website as a WordPress theme with ease.</p>
                    <a href="/dashboard/export/1/" class="btn btn-primary">Export Now</a>
                </div>
            </div>
        </div>
    </div>
</div>