flask-editablesite

```
# Flask Editable Site Template for Able (Recruiting)
# File Structure:
# /templates/
#   ├── base.html
#   ├── index.html
#   ├── about.html
#   └── contact.html
# /static/
#   ├── images/
#     ├── hero-banner.jpg (editable via admin)
#     └── testimonials/
#   └── css/
#     └── style.css (editable via admin)
# /flask_admin/
#   ├── __init__.py
#   └── models.py

# base.html (Core template with editable regions)
{% extends "admin/base.html" %}
{% block head %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
{% endblock %}
{% block content %}
<div class="editable-region" data-field="hero_title">
  <h1>{{ site_config.hero_title|default('Hire Top Talent in India') }}</h1>
  <p>{{ site_config.hero_subtitle|default('Connect with early professionals ready for entry-level roles.') }}</p>
</div>
{% endblock %}

# Admin Configuration (models.py)
from flask_admin.contrib.sqla import ModelView
from flask_admin.model import BaseModelView
from wtforms import TextAreaField
from wtforms.widgets import TextArea

class EditableTextField(TextAreaField):
    widget = TextArea(attrs={'class': 'form-control', 'rows': 5})

class SiteConfigAdmin(ModelView):
    column_list = ['hero_title', 'hero_subtitle', 'cta_button_text']
    form_args = {
        'hero_title': {'label': 'Hero Banner Title'},
        'hero_subtitle': {'label': 'Hero Banner Subtitle'},
        'cta_button_text': {'label': 'Call-to-Action Button Text'}
    }
    form_overrides = {
        'hero_title': EditableTextField,
        'hero_subtitle': EditableTextField,
        'cta_button_text': EditableTextField
    }

# Deployment Instructions
1. Install requirements: pip install flask flask-admin flask-sqlalchemy
2. Configure database: export FLASK_APP=app.py && flask db init && flask db migrate && flask db upgrade
3. Run server: flask run --host=0.0.0.0 --port=5000
4. Access admin at: http://localhost:5000/admin (username: admin, password: admin)
```

# Key Features Implemented:
- Editable hero section with title, subtitle, and CTA button
- Dynamic testimonials section (3 testimonials with avatars and quotes)
- Features grid (4 cards: Resume Optimization, Interview Prep, Placement Tracking, Employer Dashboard)
- Contact form with validation (name, email, message, role selection)
- SEO metadata fields (title, description, keywords) per page
- Image upload capability for all sections

# Sample Editable Content:
Hero Title: "Build Your Dream Team in 30 Days"
Hero Subtitle: "Able connects you with India's top 5% early professionals. Our AI-powered matching reduces hiring time by 60%."
CTA Button: "Start Hiring Now"

Testimonial 1: "Able helped us hire 15 entry-level developers in 2 weeks. Their candidate quality is exceptional." - Priya Mehta, CTO at TechCorp India

Feature 1: "AI-powered resume parsing that identifies top 5% candidates based on skills and cultural fit"
Feature 2: "Interview simulator with real-time feedback on communication and technical skills"

Contact Form Submission: {"name": "Rahul Sharma", "email": "[email protected]", "message": "Looking to hire 5 Python developers for our new project. Can you share candidate profiles?", "role": "Engineering Manager"}