136 lines
6.6 KiB
PHP
136 lines
6.6 KiB
PHP
<?php
|
|
require_once 'includes/header.php';
|
|
?>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h1><?php echo t('hero_title'); ?></h1>
|
|
<p><?php echo t('hero_subtitle'); ?></p>
|
|
<a href="#generator" class="cta-button"><?php echo t('hero_cta'); ?></a>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="generator" class="generator-section">
|
|
<div class="container">
|
|
<h2><?php echo t('generator_form_title'); ?></h2>
|
|
<form action="generate.php" method="POST" class="generator-form" enctype="multipart/form-data">
|
|
<div class="form-grid">
|
|
<div class="form-column-wide">
|
|
<div class="form-group">
|
|
<label for="photo-upload"><?php echo t('upload_label'); ?></label>
|
|
<div class="photo-upload-container">
|
|
<input type="file" id="photo-upload" name="photos[]" multiple accept="image/*" style="display: none;">
|
|
<div class="upload-area" id="upload-area">
|
|
<i data-feather="upload-cloud"></i>
|
|
<p>Click to browse or drag & drop your images here</p>
|
|
</div>
|
|
<div class="photo-preview" id="photo-preview"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-column">
|
|
<div class="form-group">
|
|
<label for="state"><?php echo t('state_label'); ?></label>
|
|
<select id="state" name="state" required>
|
|
<option value="new"><?php echo t('state_new'); ?></option>
|
|
<option value="used"><?php echo t('state_used'); ?></option>
|
|
<option value="visibly_used"><?php echo t('state_visibly_used'); ?></option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="material"><?php echo t('material_label'); ?></label>
|
|
<input type="text" id="material" name="material" placeholder="e.g., Cotton, Polyester">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="brand"><?php echo t('brand_label'); ?></label>
|
|
<input type="text" id="brand" name="brand" placeholder="e.g., Zara, Nike">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="size"><?php echo t('size_label'); ?></label>
|
|
<input type="text" id="size" name="size" placeholder="e.g., M, 38, 10" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-column">
|
|
<div class="form-group">
|
|
<label for="length"><?php echo t('length_label'); ?></label>
|
|
<input type="number" id="length" name="length" placeholder="e.g., 88">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="chest-width"><?php echo t('width_chest_label'); ?></label>
|
|
<input type="number" id="chest-width" name="chest_width" placeholder="e.g., 45">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="waist-width"><?php echo t('width_waist_label'); ?></label>
|
|
<input type="number" id="waist-width" name="waist_width" placeholder="e.g., 35">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="hips-width"><?php echo t('width_hips_label'); ?></label>
|
|
<input type="number" id="hips-width" name="hips_width" placeholder="e.g., 50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="additional-info"><?php echo t('additional_info_label'); ?></label>
|
|
<textarea id="additional-info" name="additional_info" rows="3" placeholder="<?php echo t('additional_info_placeholder'); ?>"></textarea>
|
|
</div>
|
|
<div class="form-group form-submit-group">
|
|
<button type="submit" class="cta-button"><?php echo t('generate_button'); ?></button>
|
|
</div>
|
|
</form>
|
|
|
|
<?php
|
|
if (isset($_SESSION['generation_result'])) {
|
|
echo $_SESSION['generation_result'];
|
|
unset($_SESSION['generation_result']);
|
|
}
|
|
if (isset($_SESSION['generation_error'])) {
|
|
echo '<div class="error-message">' . $_SESSION['generation_error'] . '</div>';
|
|
unset($_SESSION['generation_error']);
|
|
}
|
|
?>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="how-it-works">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2><?php echo t('how_it_works_title'); ?></h2>
|
|
<p>Our platform simplifies content creation into three easy steps.</p>
|
|
</div>
|
|
<div class="steps-container">
|
|
<div class="step-card">
|
|
<div class="step-icon-wrapper">
|
|
<i data-feather="upload-cloud"></i>
|
|
</div>
|
|
<div class="step-content">
|
|
<h3><?php echo t('step1_title'); ?></h3>
|
|
<p><?php echo t('step1_desc'); ?></p>
|
|
</div>
|
|
</div>
|
|
<div class="step-card">
|
|
<div class="step-icon-wrapper">
|
|
<i data-feather="edit-3"></i>
|
|
</div>
|
|
<div class="step-content">
|
|
<h3><?php echo t('step2_title'); ?></h3>
|
|
<p><?php echo t('step2_desc'); ?></p>
|
|
</div>
|
|
</div>
|
|
<div class="step-card">
|
|
<div class="step-icon-wrapper">
|
|
<i data-feather="zap"></i>
|
|
</div>
|
|
<div class="step-content">
|
|
<h3><?php echo t('step3_title'); ?></h3>
|
|
<p><?php echo t('step3_desc'); ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<?php include 'includes/footer.php'; ?>
|