<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
echo render_partial( 'header' );
?>

<main>
    <section class="hero" style="padding: 60px 0;">
        <div class="container">
            <h1 data-i18n="hero_title"><?php echo $i18n->get('hero_title'); ?></h1>
            <p data-i18n="hero_subtitle"><?php echo $i18n->get('hero_subtitle'); ?></p>
        </div>
    </section>
    
    <section style="padding: 60px 0;">
        <div class="container">
            <div class="audit-form" style="max-width: 700px;">
                <h3 style="margin-bottom: 20px;">Start Your Free SEO Audit</h3>
                <p style="color: var(--gray-600); margin-bottom: 30px;">
                    Enter your business details below to receive a comprehensive analysis of your Google Business Profile visibility.
                </p>
                
                <form method="POST">
                    <div class="form-group">
                        <label data-i18n="form_business_name"><?php echo $i18n->get('form_business_name'); ?></label>
                        <input type="text" name="business_name" required 
                               data-i18n-placeholder="form_placeholder_business"
                               placeholder="<?php echo $i18n->get('form_placeholder_business'); ?>">
                    </div>
                    
                    <div class="form-group">
                        <label data-i18n="form_email"><?php echo $i18n->get('form_email'); ?></label>
                        <input type="email" name="email" required 
                               data-i18n-placeholder="form_placeholder_email"
                               placeholder="<?php echo $i18n->get('form_placeholder_email'); ?>">
                    </div>
                    
                    <div class="form-row">
                        <div class="form-group">
                            <label data-i18n="form_city"><?php echo $i18n->get('form_city'); ?></label>
                            <input type="text" name="city" required 
                                   data-i18n-placeholder="form_placeholder_city"
                                   placeholder="<?php echo $i18n->get('form_placeholder_city'); ?>">
                        </div>
                        
                        <div class="form-group">
                            <label data-i18n="form_category"><?php echo $i18n->get('form_category'); ?></label>
                            <input type="text" name="category" required 
                                   data-i18n-placeholder="form_placeholder_category"
                                   placeholder="<?php echo $i18n->get('form_placeholder_category'); ?>">
                        </div>
                    </div>
                    
                    <button type="submit" class="btn btn-primary" data-i18n="form_submit">
                        <?php echo $i18n->get('form_submit'); ?>
                    </button>
                </form>
            </div>
            
            <div class="alert-box info" style="max-width: 700px; margin: 30px auto;">
                <span class="icon">💡</span>
                <div>
                    <strong data-i18n="alert_did_you_know"><?php echo $i18n->get('alert_did_you_know'); ?></strong>
                    <p>46% of all Google searches are looking for local information. Make sure your business is visible!</p>
                </div>
            </div>
        </div>
    </section>
</main>

<?php echo render_partial('footer'); ?>
