Spaces:

vergen-dev
/

deepsite-project-de4im

Running

App Files Files Community

vergen-dev commited on 30 days ago

Commit

36f2119

verified ·

1 Parent(s): f506717

Upload 28 files

Browse files

Files changed (29) hide show

.gitattributes +4 -0
.htaccess +11 -0
474691146_1999105570500674_8091151825404414418_n.jpg +0 -0
LOGO.PNG +0 -0
LOGO1.png +0 -0
admin/index.php +99 -0
admin/login.php +79 -0
admin/manage.php +314 -0
admin/style.css +216 -0
agenzia.jpg +3 -0
android-chrome-192x192.png +0 -0
android-chrome-512x512.png +0 -0
apple-touch-icon.png +0 -0
cava.png +3 -0
database.sqlite +0 -0
db_connect.php +12 -0
elio.jpg +0 -0
fav.png +0 -0
favicon-16x16.png +0 -0
favicon-32x32.png +0 -0
favicon.ico +0 -0
francesco.jpg +0 -0
index.php +937 -0
michele.jpg +0 -0
nautica.PNG +0 -0
oft.pdf +3 -0
setup_db.php +303 -0
site.webmanifest +1 -0
team.jpg +3 -0

.gitattributes CHANGED Viewed

@@ -33,3 +33,7 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+agenzia.jpg filter=lfs diff=lfs merge=lfs -text
+cava.png filter=lfs diff=lfs merge=lfs -text
+oft.pdf filter=lfs diff=lfs merge=lfs -text
+team.jpg filter=lfs diff=lfs merge=lfs -text

.htaccess ADDED Viewed

	@@ -0,0 +1,11 @@

+<Files "database.sqlite">
+    Order Allow,Deny
+    Deny from all
+</Files>
+<Files "setup_db.php">
+    Order Allow,Deny
+    Deny from all
+</Files>
+Options -Indexes

474691146_1999105570500674_8091151825404414418_n.jpg ADDED Viewed

LOGO.PNG ADDED Viewed

LOGO1.png ADDED Viewed

admin/index.php ADDED Viewed

	@@ -0,0 +1,99 @@

+<?php
+session_start();
+if (!isset($_SESSION['admin_logged_in'])) {
+    header('Location: login.php');
+    exit;
+}
+require '../db_connect.php';
+?>
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard - OFT MGMT</title>
+    <link href="style.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+</head>
+<body>
+<div class="app-layout">
+    <!-- Sidebar -->
+    <aside class="sidebar">
+        <div class="brand">
+            <span>⚡</span> OFT Admin
+        </div>
+        <nav>
+            <div class="nav-section">Contenuti</div>
+            <a href="manage.php?section=config" class="nav-link">⚙️ Configurazione</a>
+            <a href="manage.php?section=solutions" class="nav-link">💡 Soluzioni</a>
+            <a href="manage.php?section=goals" class="nav-link">🚀 Obiettivi</a>
+            <a href="manage.php?section=roadmap" class="nav-link">🗺️ Roadmap</a>
+            <div class="nav-section">Liste</div>
+            <a href="manage.php?section=services" class="nav-link">🛠️ Servizi</a>
+            <a href="manage.php?section=cases" class="nav-link">📂 Case Studies</a>
+            <a href="manage.php?section=founders" class="nav-link">👥 Team</a>
+            <a href="manage.php?section=about_gallery" class="nav-link">🖼️ Gallery Chi Siamo</a>
+            <a href="manage.php?section=pricing" class="nav-link">💎 Pricing</a>
+            <a href="manage.php?section=faq" class="nav-link">❓ FAQ</a>
+            <div class="nav-section">Altro</div>
+            <a href="manage.php?section=stats" class="nav-link">📊 Statistiche</a>
+            <a href="manage.php?section=bottom_stats" class="nav-link">📈 Big Stats</a>
+        </nav>
+        <div style="margin-top:auto">
+            <a href="?logout=1" class="nav-link" style="color:var(--danger)">🚪 Logout</a>
+        </div>
+    </aside>
+    <!-- Main Content -->
+    <main class="main-content">
+        <div class="page-header">
+            <h1>Dashboard</h1>
+            <a href="../index.php" target="_blank" class="btn btn-outline">
+                Vai al sito ↗
+            </a>
+        </div>
+        <div class="card-grid">
+            <a href="manage.php?section=config" class="dashboard-card">
+                <div class="card-icon">⚙️</div>
+                <div>
+                    <strong style="display:block">Configurazione</strong>
+                    <span class="item-meta">Modifica testi, contatti e foto</span>
+                </div>
+            </a>
+            <a href="manage.php?section=cases" class="dashboard-card">
+                <div class="card-icon">📂</div>
+                <div>
+                    <strong style="display:block">Case Studies</strong>
+                    <span class="item-meta">Gestisci i lavori portfolio</span>
+                </div>
+            </a>
+            <a href="manage.php?section=pricing" class="dashboard-card">
+                <div class="card-icon">💎</div>
+                <div>
+                    <strong style="display:block">Pricing</strong>
+                    <span class="item-meta">Modifica i pacchetti</span>
+                </div>
+            </a>
+             <a href="manage.php?section=about_gallery" class="dashboard-card">
+                <div class="card-icon">🖼️</div>
+                <div>
+                    <strong style="display:block">Gallery</strong>
+                    <span class="item-meta">Foto Chi Siamo</span>
+                </div>
+            </a>
+        </div>
+        <div style="margin-top:40px; color:var(--muted)">
+            <p>Seleziona una voce dal menu laterale per iniziare a modificare.</p>
+        </div>
+    </main>
+</div>
+</body>
+</html>

admin/login.php ADDED Viewed

	@@ -0,0 +1,79 @@

+<?php
+session_start();
+require '../db_connect.php';
+$error = '';
+// Handle logout
+if (isset($_GET['logout'])) {
+    session_destroy();
+    header('Location: login.php');
+    exit;
+}
+// Redirect if already logged in
+if (isset($_SESSION['admin_logged_in'])) {
+    header('Location: index.php');
+    exit;
+}
+// Handle login
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $password = $_POST['password'] ?? '';
+    try {
+        $stmt = $db->prepare("SELECT value_text FROM config WHERE key_name = 'admin_password'");
+        $stmt->execute();
+        $stored = $stmt->fetchColumn();
+        if ($stored && password_verify($password, $stored)) {
+            $_SESSION['admin_logged_in'] = true;
+            header('Location: index.php');
+            exit;
+        } else {
+            $error = 'Password non corretta';
+        }
+    } catch (Exception $e) {
+        $error = 'Errore di sistema';
+    }
+}
+?>
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login Admin — OFT MGMT</title>
+    <link href="style.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+</head>
+<body>
+<div class="login-page">
+    <div class="login-card">
+        <div class="brand" style="justify-content:center; margin-bottom:30px; font-size:24px">
+            <span>⚡</span> OFT Admin
+        </div>
+        <?php if ($error): ?>
+            <div style="background:rgba(239,68,68,0.1); color:var(--danger); padding:12px; border-radius:8px; font-size:14px; margin-bottom:20px; text-align:center; border:1px solid var(--danger)">
+                <?php echo htmlspecialchars($error); ?>
+            </div>
+        <?php endif; ?>
+        <form method="POST">
+            <div class="form-group">
+                <label>Password Amministratore</label>
+                <input type="password" name="password" required placeholder="••••••••" style="text-align:center; letter-spacing:2px" autofocus>
+            </div>
+            <button type="submit" class="btn" style="width:100%; justify-content:center">Accedi</button>
+        </form>
+        <div style="text-align:center; margin-top:24px">
+            <a href="../index.php" style="font-size:13px; color:var(--muted)">Torna al sito</a>
+        </div>
+    </div>
+</div>
+</body>
+</html>

admin/manage.php ADDED Viewed

	@@ -0,0 +1,314 @@

+<?php
+session_start();
+if (!isset($_SESSION['admin_logged_in'])) {
+    header('Location: login.php');
+    exit;
+}
+require '../db_connect.php';
+$section = $_GET['section'] ?? 'config';
+$valid_sections = ['config', 'stats', 'services', 'founders', 'cases', 'pricing', 'faq', 'solutions', 'goals', 'roadmap', 'bottom_stats', 'about_gallery'];
+if (!in_array($section, $valid_sections)) {
+    die("Sezione non valida.");
+}
+// DELETE
+if (isset($_GET['delete']) && $section !== 'config') {
+    $id = (int)$_GET['delete'];
+    $db->prepare("DELETE FROM $section WHERE id = ?")->execute([$id]);
+    header("Location: manage.php?section=$section");
+    exit;
+}
+// SAVE / UPDATE
+$success = false;
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    if ($section === 'config') {
+        foreach ($_POST as $k => $v) {
+            if ($k === 'admin_password' || $k === 'id') continue;
+            $stmt = $db->prepare("INSERT OR REPLACE INTO config (key_name, value_text) VALUES (?, ?)");
+            $stmt->execute([$k, $v]);
+        }
+        // Handle Config Images
+        foreach ($_FILES as $key => $file) {
+            if ($file['error'] === UPLOAD_ERR_OK) {
+                $ext = pathinfo($file['name'], PATHINFO_EXTENSION);
+                $filename = "uploads/" . $key . "_" . time() . "." . $ext;
+                if (move_uploaded_file($file['tmp_name'], "../" . $filename)) {
+                     $db->prepare("INSERT OR REPLACE INTO config (key_name, value_text) VALUES (?, ?)")->execute([$key, $filename]);
+                }
+            }
+        }
+        $success = true;
+    } else {
+        // Add or Edit Item
+        $is_edit = isset($_POST['id']);
+        $fields = [];
+        $values = [];
+        // Define fields based on section (same logic as before)
+        $expected_fields = [];
+        if($section=='stats') $expected_fields=['label','value','unit','sort_order'];
+        if($section=='services') $expected_fields=['title','icon','description','sort_order'];
+        if($section=='founders') $expected_fields=['name','role','image_path','sort_order'];
+        if($section=='cases') $expected_fields=['title','stats_text','role_text','tags','image_path','sort_order'];
+        if($section=='pricing') $expected_fields=['name','price','features','is_recommended','sort_order'];
+        if($section=='faq') $expected_fields=['question','answer','sort_order'];
+        if($section=='solutions') $expected_fields=['title','description','sort_order'];
+        if($section=='goals') $expected_fields=['title','description','sort_order'];
+        if($section=='roadmap') $expected_fields=['phase','detail','sort_order'];
+        if($section=='bottom_stats') $expected_fields=['value','label','sort_order'];
+        if($section=='about_gallery') $expected_fields=['image_path','sort_order'];
+        foreach ($expected_fields as $f) {
+            if (isset($_POST[$f])) {
+                $fields[] = $f;
+                $values[] = $_POST[$f];
+            }
+        }
+        // Handle File Upload for Item
+        if (in_array('image_path', $expected_fields) && isset($_FILES['image_path']) && $_FILES['image_path']['error'] === UPLOAD_ERR_OK) {
+             $ext = pathinfo($_FILES['image_path']['name'], PATHINFO_EXTENSION);
+             $filename = "uploads/" . $section . "_" . time() . "." . $ext;
+             if (move_uploaded_file($_FILES['image_path']['tmp_name'], "../" . $filename)) {
+                 if(!in_array('image_path', $fields)) {
+                     $fields[] = 'image_path';
+                     $values[] = $filename;
+                 } else {
+                     $key = array_search('image_path', $fields);
+                     $values[$key] = $filename;
+                 }
+             }
+        }
+        if ($is_edit) {
+            $id = $_POST['id'];
+            $set = [];
+            foreach ($fields as $index => $field) {
+                $set[] = "$field = ?";
+            }
+            $sql = "UPDATE $section SET " . implode(', ', $set) . " WHERE id = ?";
+            $values[] = $id;
+            $db->prepare($sql)->execute($values);
+        } else {
+            $placeholders = array_fill(0, count($fields), '?');
+            $sql = "INSERT INTO $section (" . implode(', ', $fields) . ") VALUES (" . implode(', ', $placeholders) . ")";
+            $db->prepare($sql)->execute($values);
+        }
+    }
+    if ($section !== 'config') {
+        header("Location: manage.php?section=$section");
+        exit;
+    }
+}
+// FETCH DATA
+if ($section === 'config') {
+    $items = [];
+    try {
+        $rows = $db->query("SELECT key_name, value_text FROM config")->fetchAll(PDO::FETCH_KEY_PAIR);
+        $items = $rows;
+    } catch (Exception $e) {
+        die("Errore database config: " . $e->getMessage());
+    }
+} else {
+    try {
+        $items = $db->query("SELECT * FROM $section ORDER BY sort_order ASC")->fetchAll();
+    } catch (Exception $e) {
+        die("Errore database $section: " . $e->getMessage());
+    }
+}
+?>
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gestisci <?php echo ucfirst($section); ?> — OFT Admin</title>
+    <link href="style.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+</head>
+<body>
+<div class="app-layout">
+    <!-- Sidebar -->
+    <aside class="sidebar">
+        <div class="brand">
+            <span>⚡</span> OFT Admin
+        </div>
+        <nav>
+            <div class="nav-section">Contenuti</div>
+            <a href="manage.php?section=config" class="nav-link <?php if($section=='config') echo 'active'; ?>">⚙️ Configurazione</a>
+            <a href="manage.php?section=solutions" class="nav-link <?php if($section=='solutions') echo 'active'; ?>">💡 Soluzioni</a>
+            <a href="manage.php?section=goals" class="nav-link <?php if($section=='goals') echo 'active'; ?>">🚀 Obiettivi</a>
+            <a href="manage.php?section=roadmap" class="nav-link <?php if($section=='roadmap') echo 'active'; ?>">🗺️ Roadmap</a>
+            <div class="nav-section">Liste</div>
+            <a href="manage.php?section=services" class="nav-link <?php if($section=='services') echo 'active'; ?>">🛠️ Servizi</a>
+            <a href="manage.php?section=cases" class="nav-link <?php if($section=='cases') echo 'active'; ?>">📂 Case Studies</a>
+            <a href="manage.php?section=founders" class="nav-link <?php if($section=='founders') echo 'active'; ?>">👥 Team</a>
+            <a href="manage.php?section=about_gallery" class="nav-link <?php if($section=='about_gallery') echo 'active'; ?>">🖼️ Gallery Chi Siamo</a>
+            <a href="manage.php?section=pricing" class="nav-link <?php if($section=='pricing') echo 'active'; ?>">💎 Pricing</a>
+            <a href="manage.php?section=faq" class="nav-link <?php if($section=='faq') echo 'active'; ?>">❓ FAQ</a>
+            <div class="nav-section">Altro</div>
+            <a href="manage.php?section=stats" class="nav-link <?php if($section=='stats') echo 'active'; ?>">📊 Statistiche</a>
+            <a href="manage.php?section=bottom_stats" class="nav-link <?php if($section=='bottom_stats') echo 'active'; ?>">📈 Big Stats</a>
+        </nav>
+        <div style="margin-top:auto">
+            <a href="index.php?logout=1" class="nav-link" style="color:var(--danger)">🚪 Logout</a>
+        </div>
+    </aside>
+    <!-- Main Content -->
+    <main class="main-content">
+        <div class="page-header">
+            <div>
+                <a href="index.php" style="color:var(--muted); font-size:12px; font-weight:700; text-transform:uppercase;">← Dashboard</a>
+                <h1 style="text-transform:capitalize">Gestisci <?php echo str_replace('_', ' ', $section); ?></h1>
+            </div>
+        </div>
+        <?php if($section === 'config'): ?>
+            <?php if($success): ?>
+                <div style="background:rgba(16,185,129,0.1); color:var(--success); padding:16px; border-radius:8px; margin-bottom:24px; border:1px solid var(--success)">
+                    ✅ Configurazione salvata con successo!
+                </div>
+            <?php endif; ?>
+            <div class="panel" style="padding:32px; max-width:800px">
+                <form method="POST" enctype="multipart/form-data">
+                    <?php foreach($items as $key => $val): if($key=='admin_password' || $key=='id') continue; ?>
+                    <div class="form-group">
+                        <label><?php echo str_replace('_', ' ', $key); ?></label>
+                        <?php if(strpos($key, 'image') !== false): ?>
+                             <div style="display:flex; align-items:center; gap:12px; margin-bottom:12px; background:var(--bg); padding:10px; border-radius:8px; border:1px solid var(--border)">
+                                <img src="../<?php echo htmlspecialchars($val); ?>" style="height:60px; width:60px; object-fit:cover; border-radius:6px;">
+                                <div style="font-size:13px; color:var(--muted); word-break:break-all"><?php echo htmlspecialchars($val); ?></div>
+                            </div>
+                            <input type="file" name="<?php echo $key; ?>" accept="image/*">
+                            <input type="hidden" name="<?php echo $key; ?>" value="<?php echo htmlspecialchars($val); ?>">
+                        <?php else: ?>
+                            <input type="text" name="<?php echo $key; ?>" value="<?php echo htmlspecialchars($val); ?>">
+                        <?php endif; ?>
+                    </div>
+                    <?php endforeach; ?>
+                    <button type="submit" class="btn">Salva Modifiche</button>
+                </form>
+            </div>
+        <?php else: ?>
+            <!-- Add New -->
+            <div style="margin-bottom:30px">
+                <details>
+                    <summary class="btn" style="display:inline-flex; list-style:none">
+                        <span>+ Aggiungi Nuovo</span>
+                    </summary>
+                    <div class="panel" style="margin-top:20px; padding:32px; max-width:700px; animation: fadeIn 0.3s ease">
+                        <h3 style="margin-top:0">Nuovo Elemento</h3>
+                        <form method="POST" enctype="multipart/form-data">
+                             <!-- Fields based on section -->
+                            <?php
+                            $fields = [];
+                            if($section=='stats') $fields=['label','value','unit','sort_order'];
+                            if($section=='services') $fields=['title','icon','description','sort_order'];
+                            if($section=='founders') $fields=['name','role','image_path','sort_order'];
+                            if($section=='cases') $fields=['title','stats_text','role_text','tags','image_path','sort_order'];
+                            if($section=='pricing') $fields=['name','price','features','is_recommended','sort_order'];
+                            if($section=='faq') $fields=['question','answer','sort_order'];
+                            if($section=='solutions') $fields=['title','description','sort_order'];
+                            if($section=='goals') $fields=['title','description','sort_order'];
+                            if($section=='roadmap') $fields=['phase','detail','sort_order'];
+                            if($section=='bottom_stats') $fields=['value','label','sort_order'];
+                            if($section=='about_gallery') $fields=['image_path','sort_order'];
+                            foreach($fields as $f): ?>
+                            <div class="form-group">
+                                <label><?php echo str_replace('_', ' ', $f); ?></label>
+                                <?php if($f == 'description' || $f == 'answer' || $f == 'features'): ?>
+                                    <textarea name="<?php echo $f; ?>" rows="4"></textarea>
+                                <?php elseif($f == 'image_path'): ?>
+                                     <input type="file" name="<?php echo $f; ?>" accept="image/*">
+                                <?php else: ?>
+                                    <input type="text" name="<?php echo $f; ?>" value="<?php echo ($f=='sort_order')?'0':''; ?>">
+                                <?php endif; ?>
+                            </div>
+                            <?php endforeach; ?>
+                            <button type="submit" class="btn">Aggiungi Elemento</button>
+                        </form>
+                    </div>
+                </details>
+            </div>
+            <!-- List Panel -->
+            <div class="panel">
+                <?php foreach($items as $row): ?>
+                <div class="list-item">
+                    <?php if(isset($row['image_path'])): ?>
+                        <img src="../<?php echo htmlspecialchars($row['image_path']); ?>" class="item-image">
+                    <?php endif; ?>
+                    <div class="item-content">
+                        <span class="item-title">
+                            <?php echo htmlspecialchars(reset($row)); // fallback ?>
+                            <?php echo isset($row['title']) ? $row['title'] : (isset($row['name']) ? $row['name'] : (isset($row['label']) ? $row['label'] : (isset($row['question']) ? $row['question'] : ''))); ?>
+                        </span>
+                        <div class="item-meta">
+                            Ordine: <?php echo $row['sort_order']; ?>
+                        </div>
+                    </div>
+                    <div style="display:flex; gap:10px; align-items:center">
+                         <details>
+                            <summary class="btn btn-outline" style="padding:6px 12px; font-size:12px">Modifica</summary>
+                            <div style="position:fixed; inset:0; background:rgba(0,0,0,0.8); z-index:999; display:flex; align-items:center; justify-content:center; padding:20px">
+                                <div class="panel" style="width:100%; max-width:600px; padding:32px; position:relative; max-height:90vh; overflow-y:auto">
+                                    <div style="position:absolute; top:20px; right:20px; cursor:pointer" onclick="this.closest('details').removeAttribute('open')">✕</div>
+                                    <h3 style="margin-top:0">Modifica Elemento</h3>
+                                    <form method="POST" enctype="multipart/form-data">
+                                        <input type="hidden" name="id" value="<?php echo $row['id']; ?>">
+                                        <?php foreach($fields as $f): ?>
+                                        <div class="form-group">
+                                            <label><?php echo str_replace('_', ' ', $f); ?></label>
+                                            <?php if($f == 'description' || $f == 'answer' || $f == 'features'): ?>
+                                                <textarea name="<?php echo $f; ?>" rows="4"><?php echo htmlspecialchars($row[$f]); ?></textarea>
+                                            <?php elseif($f == 'image_path'): ?>
+                                                <div style="display:flex; align-items:center; gap:12px; margin-bottom:10px">
+                                                    <img src="../<?php echo htmlspecialchars($row[$f]); ?>" style="height:40px; border-radius:4px">
+                                                </div>
+                                                <input type="file" name="<?php echo $f; ?>" accept="image/*">
+                                            <?php else: ?>
+                                                <input type="text" name="<?php echo $f; ?>" value="<?php echo htmlspecialchars($row[$f]); ?>">
+                                            <?php endif; ?>
+                                        </div>
+                                        <?php endforeach; ?>
+                                        <button type="submit" class="btn">Salva Modifiche</button>
+                                    </form>
+                                </div>
+                            </div>
+                        </details>
+                        <a href="?section=<?php echo $section; ?>&delete=<?php echo $row['id']; ?>" class="btn-danger" style="padding:8px 12px; border-radius:6px; font-size:12px; text-decoration:none" onclick="return confirm('Sicuro di voler eliminare?')">Elimina</a>
+                    </div>
+                </div>
+                <?php endforeach; ?>
+                <?php if(empty($items)): ?>
+                    <div style="padding:40px; text-align:center; color:var(--muted)">
+                        Nessun elemento presente.
+                    </div>
+                <?php endif; ?>
+            </div>
+        <?php endif; ?>
+    </main>
+</div>
+</body>
+</html>

admin/style.css ADDED Viewed

	@@ -0,0 +1,216 @@

+:root {
+    --bg: #0f172a;
+    --sidebar: #1e293b;
+    --card: #1e293b;
+    --border: #334155;
+    --text: #f1f5f9;
+    --muted: #94a3b8;
+    --primary: #3b82f6;
+    --primary-hover: #2563eb;
+    --danger: #ef4444;
+    --success: #10b981;
+    --radius: 12px;
+}
+body {
+    background: var(--bg);
+    color: var(--text);
+    font-family: 'Inter', system-ui, sans-serif;
+    margin: 0;
+    line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+}
+a { text-decoration: none; color: inherit; transition: 0.2s; }
+* { box-sizing: border-box; }
+/* Layout */
+.app-layout {
+    display: flex;
+    min-height: 100vh;
+}
+.sidebar {
+    width: 260px;
+    background: var(--sidebar);
+    border-right: 1px solid var(--border);
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    height: 100vh;
+}
+.main-content {
+    flex: 1;
+    margin-left: 260px;
+    padding: 40px;
+    background: var(--bg);
+}
+.brand {
+    font-size: 20px;
+    font-weight: 800;
+    margin-bottom: 40px;
+    color: var(--text);
+    letter-spacing: -0.5px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+.brand span { color: var(--primary); }
+/* Navigation */
+.nav-link {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px 16px;
+    border-radius: 8px;
+    color: var(--muted);
+    font-weight: 500;
+    margin-bottom: 4px;
+}
+.nav-link:hover, .nav-link.active {
+    background: rgba(59, 130, 246, 0.1);
+    color: var(--primary);
+}
+.nav-section {
+    font-size: 11px;
+    text-transform: uppercase;
+    color: var(--muted);
+    font-weight: 700;
+    margin: 24px 0 10px 12px;
+    letter-spacing: 0.05em;
+}
+/* Cards */
+.card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+    gap: 20px;
+}
+.dashboard-card {
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 24px;
+    transition: 0.2s;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+.dashboard-card:hover {
+    transform: translateY(-2px);
+    border-color: var(--primary);
+}
+.card-icon {
+    width: 48px;
+    height: 48px;
+    background: rgba(59, 130, 246, 0.1);
+    color: var(--primary);
+    border-radius: 12px;
+    display: grid;
+    place-items: center;
+    font-size: 20px;
+}
+/* Forms & Tables */
+.page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 32px;
+}
+h1 { margin: 0; font-size: 24px; font-weight: 700; }
+.panel {
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    overflow: hidden;
+}
+.form-group { margin-bottom: 20px; }
+label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: var(--muted); }
+input, textarea, select {
+    width: 100%;
+    background: var(--bg);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 12px;
+    color: var(--text);
+    font-family: inherit;
+    transition: 0.2s;
+}
+input:focus, textarea:focus {
+    border-color: var(--primary);
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
+}
+.btn {
+    background: var(--primary);
+    color: white;
+    padding: 12px 24px;
+    border-radius: 8px;
+    border: none;
+    font-weight: 600;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+}
+.btn:hover { background: var(--primary-hover); }
+.btn-outline {
+    background: transparent;
+    border: 1px solid var(--border);
+    color: var(--muted);
+}
+.btn-outline:hover {
+    border-color: var(--text);
+    color: var(--text);
+}
+.btn-danger { color: var(--danger); background: rgba(239, 68, 68, 0.1); }
+.btn-danger:hover { background: rgba(239, 68, 68, 0.2); }
+/* List Items */
+.list-item {
+    display: flex;
+    align-items: center;
+    padding: 16px 24px;
+    border-bottom: 1px solid var(--border);
+    gap: 20px;
+}
+.list-item:last-child { border-bottom: none; }
+.item-image {
+    width: 48px;
+    height: 48px;
+    border-radius: 8px;
+    object-fit: cover;
+    background: var(--bg);
+}
+.item-content { flex: 1; }
+.item-title { font-weight: 600; margin-bottom: 4px; display: block; }
+.item-meta { font-size: 13px; color: var(--muted); }
+/* Login */
+.login-page {
+    display: grid;
+    place-items: center;
+    height: 100vh;
+    background: var(--bg);
+}
+.login-card {
+    background: var(--card);
+    padding: 40px;
+    border-radius: 24px;
+    border: 1px solid var(--border);
+    width: 100%;
+    max-width: 400px;
+}
+/* Details/Summary Customization */
+details > summary { list-style: none; }
+details > summary::-webkit-details-marker { display: none; }

agenzia.jpg ADDED Viewed

Git LFS Details

SHA256: 87fbe849dc912eb3ad3950a610b4d50faafebb0ca7f4a32098e131c17a63c23c
Pointer size: 131 Bytes
Size of remote file: 316 kB

android-chrome-192x192.png ADDED Viewed

android-chrome-512x512.png ADDED Viewed

apple-touch-icon.png ADDED Viewed

cava.png ADDED Viewed

Git LFS Details

SHA256: ce2642608213b83847a76747d94388ac5279ab4821b8ea1e27d9704a8a39c69a
Pointer size: 131 Bytes
Size of remote file: 200 kB

database.sqlite ADDED Viewed

Binary file (61.4 kB). View file

db_connect.php ADDED Viewed

	@@ -0,0 +1,12 @@

+<?php
+try {
+    // Create (or connect to) the SQLite database in the same directory
+    $db = new PDO('sqlite:' . __DIR__ . '/database.sqlite');
+    // Set error mode to exceptions
+    $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+    // Fetch results as associative arrays by default
+    $db->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
+} catch (PDOException $e) {
+    die("Database connection failed: " . $e->getMessage());
+}
+?>

elio.jpg ADDED Viewed

fav.png ADDED Viewed

favicon-16x16.png ADDED Viewed

favicon-32x32.png ADDED Viewed

favicon.ico ADDED Viewed

francesco.jpg ADDED Viewed

index.php ADDED Viewed

	@@ -0,0 +1,937 @@

+<?php
+  // =========================
+  // Config OFT MGMT
+  // =========================
+  require_once 'db_connect.php';
+  // Prevent caching
+  header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
+  header("Cache-Control: post-check=0, pre-check=0", false);
+  header("Pragma: no-cache");
+  function get_config($db, $key, $default = '') {
+      try {
+          $stmt = $db->prepare("SELECT value_text FROM config WHERE key_name = ?");
+          $stmt->execute([$key]);
+          $res = $stmt->fetchColumn();
+          return $res !== false ? $res : $default;
+      } catch(Exception $e) { return $default; }
+  }
+  $brand     = get_config($db, 'brand', 'OFT MGMT');
+  $tagline   = get_config($db, 'tagline');
+  $email     = get_config($db, 'email');
+  $phone     = get_config($db, 'phone');
+  $whatsapp  = get_config($db, 'whatsapp_url');
+  $instagram = get_config($db, 'instagram_url');
+  $instagram_label = get_config($db, 'instagram_label', '@oft_mgmt');
+  $tiktok    = get_config($db, 'tiktok_url');
+  $callUrl   = get_config($db, 'booking_url');
+  $address   = get_config($db, 'address');
+  $year      = date('Y');
+  // Load Lists
+  $stats_list = $db->query("SELECT * FROM stats ORDER BY sort_order ASC")->fetchAll();
+  $services_list = $db->query("SELECT * FROM services ORDER BY sort_order ASC")->fetchAll();
+  $founders_list = $db->query("SELECT * FROM founders ORDER BY sort_order ASC")->fetchAll();
+  $cases_list = $db->query("SELECT * FROM cases ORDER BY sort_order ASC")->fetchAll();
+  $pricing_list = $db->query("SELECT * FROM pricing ORDER BY sort_order ASC")->fetchAll();
+  $faq_list = $db->query("SELECT * FROM faq ORDER BY sort_order ASC")->fetchAll();
+  // Load New Lists
+  $solutions_list = $db->query("SELECT * FROM solutions ORDER BY sort_order ASC")->fetchAll();
+  $goals_list = $db->query("SELECT * FROM goals ORDER BY sort_order ASC")->fetchAll();
+  $roadmap_list = $db->query("SELECT * FROM roadmap ORDER BY sort_order ASC")->fetchAll();
+  $bottom_stats_list = $db->query("SELECT * FROM bottom_stats ORDER BY sort_order ASC")->fetchAll();
+  $gallery_list = $db->query("SELECT * FROM about_gallery ORDER BY sort_order ASC")->fetchAll();
+  // Extra Configs
+  $hero_h1 = get_config($db, 'hero_h1', 'Creatività, performance e contenuti che portano <span class="accent">risultati reali</span>.');
+  $hero_sub = get_config($db, 'hero_sub', $tagline);
+  $video_url = get_config($db, 'video_embed_url', 'https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&rel=0');
+  // About Text
+  $about_title = get_config($db, 'about_title', 'Chi <span class="accent">siamo</span>');
+  $about_intro = get_config($db, 'about_intro');
+  $about_txt1  = get_config($db, 'about_text_1');
+  $about_txt2  = get_config($db, 'about_text_2');
+  // Contact Text
+  $contact_title = get_config($db, 'contact_title', 'Contatti');
+  $contact_intro = get_config($db, 'contact_intro');
+  // SEO canonical and OG absolute URLs
+  $scheme    = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? 'https' : 'http';
+  $host      = $_SERVER['HTTP_HOST'] ?? 'localhost';
+  $path      = strtok($_SERVER['REQUEST_URI'] ?? '/', '?') ?: '/';
+  $canonical = $scheme.'://'.$host.$path;
+  $ogImage   = $scheme.'://'.$host.'/LOGO1.png';
+  function e($s){ return htmlspecialchars((string)$s, ENT_QUOTES, 'UTF-8'); }
+?>
+<!doctype html>
+<html lang="it">
+<head>
+  <meta charset="utf-8">
+  <title><?php echo e($brand); ?> — Fai Crescere la tua attività</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <meta name="description" content="<?php echo e($tagline); ?>">
+  <link rel="canonical" href="<?php echo e($canonical); ?>">
+  <meta property="og:site_name" content="<?php echo e($brand); ?>">
+  <meta property="og:title" content="<?php echo e($brand); ?>">
+  <meta property="og:description" content="<?php echo e($tagline); ?>">
+  <meta property="og:image" content="<?php echo e($ogImage); ?>">
+  <meta property="og:url" content="<?php echo e($canonical); ?>">
+  <meta property="og:type" content="website">
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:title" content="<?php echo e($brand); ?>">
+  <meta name="twitter:description" content="<?php echo e($tagline); ?>">
+  <meta name="twitter:image" content="<?php echo e($ogImage); ?>">
+  <meta name="theme-color" content="#04070d">
+  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+  <link rel="manifest" href="site.webmanifest">
+  <link rel="shortcut icon" href="favicon.ico">
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
+  <style>
+    :root{
+      /* Premium Dark Palette */
+      --bg: #04070d;
+      --panel:#0b0f19;
+      --panel-hover: #121828;
+      --border: #1e293b;
+      --text: #ECF2FF;
+      --muted: #94A3B8;
+      /* Vibrant Accents */
+      --primary: #5B8CFA;
+      --cyan: #22D3EE;
+      --accent-glow: rgba(91, 140, 250, 0.25);
+      /* Spacing & Radius */
+      --radius: 24px;
+      --container: 1240px;
+      /* Effects */
+      --glass: blur(12px) saturate(160%);
+      --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+      --shadow-glow: 0 0 40px -10px var(--accent-glow);
+    }
+    *{ box-sizing: border-box; outline-offset: 4px; }
+    html{ scroll-behavior: smooth; }
+    body{
+      margin: 0; background: var(--bg); color: var(--text);
+      font-family: 'Manrope', -apple-system, sans-serif;
+      overflow-x: hidden; -webkit-font-smoothing: antialiased;
+      line-height: 1.6;
+    }
+    /* Backgrounds */
+    .scene{ position: fixed; inset: 0; z-index: -2; pointer-events: none; opacity: 1; }
+    #aurora { display: block; width: 100%; height: 100%; }
+    .grid{
+      position: fixed; inset: 0; z-index: -3; pointer-events: none; opacity: 0.15;
+      background-image:
+        linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);
+      background-size: 40px 40px;
+      mask-image: radial-gradient(circle at center, black, transparent 80%);
+    }
+    /* Layout */
+    .container{ width: min(var(--container), 92vw); margin-inline: auto; }
+    img{ max-width: 100%; display: block; border-radius: inherit; }
+    a{ color: inherit; text-decoration: none; transition: 0.3s; }
+    /* Typography */
+    h1,h2,h3{ margin: 0; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; color: #fff; }
+    h1{ font-size: clamp(48px, 6vw, 82px); margin-bottom: 24px; }
+    h2{ font-size: clamp(32px, 5vw, 52px); margin-bottom: 20px; }
+    h3{ font-size: 24px; margin-bottom: 12px; }
+    p{ margin: 0 0 1em; color: var(--muted); }
+    .eyebrow{
+      font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em;
+      color: var(--cyan); margin-bottom: 16px; display: flex; align-items: center; gap: 12px;
+    }
+    .eyebrow::before{ content:''; width: 30px; height: 1px; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
+    .accent{
+      background: linear-gradient(135deg, #fff 30%, var(--primary) 100%);
+      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+    }
+    /* UI Components */
+    .btn{
+      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
+      height: 54px; padding: 0 28px; border-radius: 999px;
+      font-weight: 700; cursor: pointer; border: 1px solid transparent;
+      transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
+    }
+    .btn:active{ transform: scale(0.96); }
+    .btn.primary{
+      background: #F2F4F8; color: #000;
+      box-shadow: 0 0 20px -5px rgba(255,255,255,0.4);
+    }
+    .btn.primary:hover{
+      transform: translateY(-3px); box-shadow: 0 10px 40px -5px rgba(255,255,255,0.6);
+    }
+    .btn.ghost{ border: 1px solid var(--border); background: rgba(255,255,255,0.03); color: #fff; }
+    .btn.ghost:hover{ border-color: #fff; background: rgba(255,255,255,0.1); }
+    /* Header */
+    header{
+      position: sticky; top: 0; z-index: 50;
+      border-bottom: 1px solid transparent; transition: 0.4s;
+    }
+    header.scrolled{
+      background: rgba(4, 7, 13, 0.8); backdrop-filter: var(--glass);
+      border-bottom-color: var(--border);
+    }
+    .nav{ height: 80px; display: flex; align-items: center; justify-content: space-between; }
+    .logo{ width: 300px; display: flex; align-items: center; } /* Reduced logo size */
+    .menu{ display: flex; gap: 32px; font-weight: 600; font-size: 14px; }
+    .menu a{ opacity: 0.6; }
+    .menu a:hover, .menu a.active{ opacity: 1; text-shadow: 0 0 12px rgba(255,255,255,0.4); }
+    /* Mobile Menu */
+    .hamb{ display: none; width: 32px; height: 32px; background: none; border: none; cursor: pointer; padding: 0; position: relative; }
+    .hamb span, .hamb span::before, .hamb span::after{ display: block; width: 24px; height: 2px; background: var(--text); transition: 0.3s; }
+    .hamb span{ position: relative; }
+    .hamb span::before, .hamb span::after{ content: ''; position: absolute; }
+    .hamb span::before{ top: -8px; }
+    .hamb span::after{ top: 8px; }
+    .drawer{ position: fixed; top: 0; right: -100%; width: 100%; max-width: 400px; height: 100vh; background: var(--panel); z-index: 100; transition: 0.4s; padding: 80px 40px; overflow-y: auto; }
+    .drawer.open{ right: 0; box-shadow: -10px 0 40px rgba(0,0,0,0.5); }
+    .drawer a{ display: block; padding: 16px 0; font-size: 18px; font-weight: 600; border-bottom: 1px solid var(--border); }
+    .drawer a:last-child{ border-bottom: none; }
+    /* Layouts */
+    section{ padding: 120px 0; position: relative; }
+    .hero{ padding: 160px 0 100px; }
+    .head{ max-width: 800px; margin: 0 auto 60px; text-align: center; }
+    .metrics{
+      display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 80px;
+      padding-top: 40px; border-top: 1px solid var(--border);
+    }
+    .metric{ text-align: center; }
+    .metric b{ font-size: 56px; display: block; color: var(--primary); text-shadow: 0 0 40px var(--accent-glow); font-weight: 900; }
+    .metric span{ font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; }
+    /* Cards */
+    .srv, .founder, .plan {
+        background: var(--panel); border: 1px solid var(--border);
+        border-radius: var(--radius); padding: 36px;
+        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
+        position: relative; overflow: hidden;
+    }
+    .srv::before, .founder::before, .plan::before {
+        content: ''; position: absolute; inset: 0;
+        background: radial-gradient(circle at top right, rgba(91, 140, 250, 0.08), transparent 60%);
+        opacity: 0; transition: 0.4s;
+    }
+    .srv:hover, .founder:hover, .plan:hover {
+        transform: translateY(-8px); border-color: var(--primary);
+        box-shadow: 0 20px 60px -10px var(--accent-glow);
+    }
+    .srv:hover::before, .founder:hover::before, .plan:hover::before { opacity: 1; }
+    .srv .icon{ font-size: 40px; margin-bottom: 20px; display: block; }
+    .srv h3, .founder h3, .plan h3{ position: relative; z-index: 1; }
+    /* Grids */
+    .services{ display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }
+    /* Case Studies (Fixed) */
+    .cases {
+      display: grid; grid-template-columns: 1fr 1fr; gap: 40px;
+      align-items: center;
+      background: var(--panel); border: 1px solid var(--border);
+      border-radius: var(--radius); padding: 40px; margin-bottom: 24px;
+      transition: 0.3s;
+    }
+    .cases:hover { border-color: var(--primary); }
+    .cases .img { order: 2; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
+    .cases h3 { font-size: 32px; margin-bottom: 12px; }
+    .tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
+    .tag { padding: 6px 12px; border-radius: 99px; background: rgba(255,255,255,0.05); font-size: 12px; font-weight: 700; border: 1px solid var(--border); }
+    /* Pricing */
+    .plan{ position: relative; overflow: hidden; }
+    .price{ font-size: 48px; font-weight: 800; margin: 20px 0; color: #fff; }
+    .plan ul{ border-top: 1px solid var(--border); padding-top: 24px; margin-top: 24px; list-style: none; padding-left: 0; }
+    .plan li { margin-bottom: 10px; display: flex; gap: 10px; }
+    .plan li::before { content: '✓'; color: var(--primary); font-weight: bold; }
+    /* Footer */
+    footer{
+      border-top: 1px solid var(--border); padding: 80px 0 40px;
+      background: linear-gradient(to bottom, transparent, #000);
+    }
+    .foot-grid{ display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 40px; padding-top: 40px; }
+    /* Mobile */
+    @media(max-width: 900px){
+      h1{ font-size: 42px; }
+      .metrics{ grid-template-columns: 1fr; gap: 40px; }
+      .nav .menu{ display: none; }
+      .hamb{ display: block; }
+      .cases{ grid-template-columns: 1fr; }
+      .cases .img{ order: -1; margin-bottom: 20px; }
+      .foot-grid{ grid-template-columns: 1fr; }
+      .contact-grid{ grid-template-columns: 1fr; }
+      .stack{ grid-template-columns: 1fr; }
+    }
+    /* FIXES requested by user */
+    /* 1. Gallery Horizontal Scroll */
+    .agency-photos {
+      display: flex; overflow-x: auto; gap: 20px; margin-top: 32px;
+      padding-bottom: 16px; scroll-snap-type: x mandatory;
+      scrollbar-width: thin; scrollbar-color: var(--primary) var(--panel);
+    }
+    .agency-photos::-webkit-scrollbar { height: 8px; }
+    .agency-photos::-webkit-scrollbar-track { background: var(--panel); border-radius: 4px; }
+    .agency-photos::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 4px; }
+    .agency-photo {
+      flex: 0 0 300px; scroll-snap-align: start;
+      border-radius: 16px; overflow: hidden; border: 1px solid var(--border);
+      transition: 0.3s; cursor: pointer;
+    }
+    .agency-photo:hover { transform: scale(1.05); border-color: var(--primary); }
+    .media img { width: 100%; height: 220px; object-fit: cover; display: block; transition: 0.3s; }
+    .agency-photo:hover .media img { transform: scale(1.1); }
+    /* 2. Team Horizontal Grid */
+    .founders {
+      display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 20px; margin-top: 32px;
+    }
+    /* 3. Pricing Horizontal Grid */
+    .pricing {
+      display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+      gap: 24px;
+    }
+    /* 4. Roadmap Lines */
+    .timeline { position: relative; padding-left: 30px; margin-top: 40px; }
+    .tl-line {
+        position: absolute; left: 10px; top: 0; bottom: 0; width: 2px;
+        background: linear-gradient(to bottom, var(--primary), var(--cyan)); opacity: 0.5;
+    }
+    .step {
+        position: relative; margin-bottom: 30px; padding-left: 20px;
+    }
+    .step::before {
+        content: ''; position: absolute; left: -26px; top: 6px; width: 14px; height: 14px;
+        border-radius: 50%; background: var(--bg); border: 2px solid var(--primary);
+        box-shadow: 0 0 10px var(--accent-glow);
+    }
+    /* 5. FAQ Accordion (Collapsible) */
+    .faq { display: flex; flex-direction: column; gap: 12px; }
+    .qa {
+        background: var(--panel); border: 1px solid var(--border); border-radius: 12px; overflow: hidden;
+    }
+    .qa summary {
+        padding: 20px; cursor: pointer; font-weight: 700; list-style: none; display: flex; justify-content: space-between; align-items: center;
+    }
+    .qa summary::-webkit-details-marker { display: none; }
+    .qa[open] summary { border-bottom: 1px solid var(--border); }
+    .qa p { padding: 20px; margin: 0; color: var(--muted); }
+    .chev { transition: 0.3s; }
+    .qa[open] .chev { transform: rotate(180deg); }
+    /* 6. Contact Grid Horizontal */
+    .contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 32px; margin-top: 40px; }
+    .stack { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+    .map-card {
+        background: var(--panel); border: 1px solid var(--border); border-radius: 20px; padding: 12px;
+        display: flex; flex-direction: column; gap: 12px; height: 100%;
+    }
+    .map-embed { flex: 1; border-radius: 12px; overflow: hidden; min-height: 250px; }
+    .map-embed iframe { width: 100%; height: 100%; border: 0; }
+    .map-actions { display: flex; gap: 10px; }
+    /* 7. Sticky FAB */
+    .sticky {
+      position: fixed; bottom: 30px; right: 30px; z-index: 900;
+      display: flex; flex-direction: column; gap: 12px;
+    }
+    .fab, .totop {
+      width: 56px; height: 56px; border-radius: 50%;
+      background: #25D366; color: #fff;
+      display: flex; align-items: center; justify-content: center;
+      box-shadow: 0 10px 20px rgba(0,0,0,0.3);
+      border: none; cursor: pointer; transition: 0.3s;
+    }
+    .fab:hover, .totop:hover { transform: scale(1.1); }
+    .fab svg { width: 32px; height: 32px; fill: currentColor; }
+    .totop { background: var(--panel); color: var(--text); font-size: 20px; border: 1px solid var(--border); opacity: 0; pointer-events: none; }
+    .sticky:hover .totop { opacity: 1; pointer-events: auto; }
+    .fab { animation: pulse 2s infinite; }
+    @keyframes pulse {
+      0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
+      70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
+      100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
+    }
+    /* Utilities */
+    .reveal{ opacity: 0; transform: translateY(30px); transition: 0.8s ease; }
+    .reveal.show{ opacity: 1; transform: translateY(0); }
+    .text-center{ text-align: center; }
+  </style>
+</head>
+<body>
+  <!-- Background scene -->
+  <div class="scene" aria-hidden="true">
+    <canvas id="aurora"></canvas>
+  </div>
+  <div class="grid" aria-hidden="true"></div>
+  <div class="glow" aria-hidden="true"></div>
+  <div class="progressbar" id="progressbar"></div>
+  <div class="ring hide" id="ring"></div>
+  <!-- Header -->
+  <header>
+    <div class="container nav" id="nav">
+      <a class="brand" href="#top" aria-label="Home">
+        <div class="logo"><img src="LOGO1.png" alt="<?php echo e($brand); ?> logo"></div>
+      </a>
+      <nav class="menu" aria-label="Primary">
+        <a href="#services">Servizi</a>
+        <a href="#about">Chi siamo</a>
+        <a href="#cases">Casi</a>
+        <a href="#roadmap">Roadmap</a>
+        <a href="#pricing">Prezzi</a>
+        <a href="#faq">FAQ</a>
+        <a class="btn primary magnetic" href="<?php echo e($callUrl); ?>">Prenota una call</a>
+      </nav>
+      <button class="hamb" id="hamb" aria-label="Apri menu" aria-controls="drawer" aria-expanded="false"><span></span></button>
+    </div>
+    <div class="drawer" id="drawer" role="dialog" aria-modal="true" aria-label="Menu mobile">
+      <div class="container">
+        <a href="#services">Servizi</a>
+        <a href="#about">Chi siamo</a>
+        <a href="#cases">Casi</a>
+        <a href="#roadmap">Roadmap</a>
+        <a href="#pricing">Prezzi</a>
+        <a href="#faq">FAQ</a>
+        <div style="display:flex; gap:10px; padding: 6px 0 10px">
+          <a class="btn primary magnetic" href="<?php echo e($callUrl); ?>">Prenota call</a>
+          <a class="btn whatsapp magnetic" href="<?php echo e($whatsapp); ?>" target="_blank" rel="noopener" aria-label="Apri chat WhatsApp">
+            <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="width:16px; height:16px; fill:currentColor">
+              <path d="M13.601 2.326a8.269 8.269 0 0 0-11.8 9.94L1 15l2.837-.742a8.269 8.269 0 0 0 4.706 1.39h.003a8.27 8.27 0 0 0 8.27-8.27 8.24 8.24 0 0 0-2.415-5.942zM8.547 13.935a7.1 7.1 0 0 1-3.631-.99l-.261-.155-2.156.563.575-2.102-.17-.273a7.135 7.135 0 1 1 12.559-2.337 7.135 7.135 0 0 1-6.916 5.294z"/>
+            </svg>
+            WhatsApp
+          </a>
+        </div>
+      </div>
+    </div>
+  </header>
+  <main id="top">
+    <!-- HERO -->
+    <section class="container hero">
+      <div class="eyebrow"><span class="dash"></span> <?php echo e($brand); ?></div>
+      <h1 class="reveal"><?php echo $hero_h1; // Allow HTML in H1 for span.accent ?></h1>
+      <p class="sub reveal"><?php echo e($hero_sub); ?></p>
+      <div class="hero-cta reveal">
+        <a class="btn primary magnetic" href="<?php echo e($callUrl); ?>">Prenota una call</a>
+        <a class="btn ghost" href="#showreel">Guarda lo showreel</a>
+      </div>
+      <div class="metrics">
+        <?php foreach($stats_list as $s): ?>
+        <div class="metric reveal"><b><span data-count="<?php echo e($s['value']); ?>">0</span><span class="unit"><?php echo e($s['unit']); ?></span></b><span><?php echo e($s['label']); ?></span></div>
+        <?php endforeach; ?>
+      </div>
+      <div id="showreel" class="frame reveal" aria-label="Video presentazione" tabindex="0">
+        <div class="box">
+          <div class="video-embed" id="heroVideo">
+            <div class="cover" id="coverBtn" role="button" aria-label="Riproduci video">
+              <div class="play">▶</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- SERVICES -->
+    <section id="services" class="container">
+      <div class="head">
+        <h2 class="reveal">Cosa facciamo, in <span class="accent">modo eccellente</span></h2>
+        <p class="reveal">Dalla strategia alla produzione, dal social media management alle campagne. Uniamo estetica e performance per impattare sul business.</p>
+      </div>
+      <div class="services">
+        <?php foreach($services_list as $srv): ?>
+        <article class="srv reveal">
+          <div class="icon"><?php echo $srv['icon']; ?></div>
+          <h3><?php echo e($srv['title']); ?></h3>
+          <p><?php echo e($srv['description']); ?></p>
+        </article>
+        <?php endforeach; ?>
+      </div>
+    </section>
+    <!-- ABOUT -->
+    <section id="about" class="container">
+      <div class="head">
+        <h2 class="reveal"><?php echo $about_title; ?></h2>
+        <p class="reveal"><?php echo e($about_intro); ?></p>
+      </div>
+      <div class="about reveal">
+        <p style="color:var(--muted); margin:0 0 8px">
+          <?php echo e($about_txt1); ?>
+        </p>
+        <p style="color:var(--muted); margin:0">
+          <?php echo e($about_txt2); ?>
+        </p>
+        <div class="founders">
+          <?php foreach($founders_list as $f): ?>
+          <div class="founder">
+            <div class="photo"><img src="<?php echo e($f['image_path']); ?>" alt="<?php echo e($f['name']); ?>"></div>
+            <div class="role"><?php echo e($f['role']); ?></div>
+            <b><?php echo str_replace(' ', '<br>', e($f['name'])); ?></b>
+          </div>
+          <?php endforeach; ?>
+        </div>
+        <div class="agency-photos" style="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));">
+          <?php foreach($gallery_list as $img): ?>
+          <div class="agency-photo">
+            <div class="media"><img src="<?php echo e($img['image_path']); ?>" alt="OFT Gallery"></div>
+          </div>
+          <?php endforeach; ?>
+        </div>
+      </div>
+    </section>
+    <!-- CASES -->
+    <section id="cases" class="container">
+      <div class="head">
+        <h2 class="reveal"><span class="accent">Storie</span> di Successo</h2>
+        <p class="reveal">Strategia, contenuti e distribuzione che hanno generato risultati misurabili.</p>
+      </div>
+      <?php foreach($cases_list as $index => $c): ?>
+      <article class="cases reveal">
+        <div>
+          <h3><?php echo e($c['title']); ?></h3>
+          <p class="sub" style="font-size:16px"><?php echo e($c['stats_text']); ?></p>
+          <p class="sub" style="font-size:16px"><?php echo e($c['role_text']); ?></p>
+          <div class="tags">
+            <?php foreach(explode(',', $c['tags']) as $tag): ?>
+            <span class="tag"><?php echo e(trim($tag)); ?></span>
+            <?php endforeach; ?>
+          </div>
+        </div>
+        <div class="img">
+          <img src="<?php echo e($c['image_path']); ?>" alt="<?php echo e($c['title']); ?>">
+        </div>
+      </article>
+      <div style="height:14px"></div>
+      <?php endforeach; ?>
+      <div style="height:2px"></div>
+      <div class="services">
+        <?php foreach($bottom_stats_list as $bs): ?>
+        <div class="srv reveal" style="text-align:center"><b style="font-size:24px"><?php echo e($bs['value']); ?></b><div class="muted"><?php echo e($bs['label']); ?></div></div>
+        <?php endforeach; ?>
+      </div>
+    </section>
+    <!-- PROBLEM / SOLUTION -->
+    <section class="container">
+      <div class="head">
+        <h2 class="reveal">Da dove <span class="accent">partiamo</span></h2>
+        <p class="reveal">Allineiamo identità, contenuti e distribuzione per trasformare visibilità in clienti.</p>
+      </div>
+      <div class="services">
+        <?php foreach($solutions_list as $sol): ?>
+        <div class="srv reveal">
+          <div>
+            <h3><?php echo e($sol['title']); ?></h3>
+            <p class="sub" style="font-size:15px"><?php echo e($sol['description']); ?></p>
+          </div>
+        </div>
+        <?php endforeach; ?>
+      </div>
+    </section>
+    <!-- GOALS -->
+    <section class="container">
+      <div class="head">
+        <h2 class="reveal"><span class="accent">Obiettivi</span> per i primi 6 mesi</h2>
+        <p class="reveal">Awareness, identità e qualità percepita.</p>
+      </div>
+      <div class="services">
+        <?php foreach($goals_list as $g): ?>
+        <div class="srv reveal"><h3><?php echo e($g['title']); ?></h3><p class="sub" style="font-size:15px"><?php echo e($g['description']); ?></p></div>
+        <?php endforeach; ?>
+      </div>
+    </section>
+    <!-- ROADMAP -->
+    <section id="roadmap" class="container">
+      <div class="head">
+        <h2 class="reveal">Roadmap & <span class="accent">fasi operative</span></h2>
+        <p class="reveal">Dall’onboarding allo scaling: una timeline chiara.</p>
+      </div>
+      <div class="timeline reveal" id="timeline">
+        <div class="tl-line" id="tlLine"></div>
+        <?php foreach($roadmap_list as $step): ?>
+        <div class="step"><b><?php echo e($step['phase']); ?></b><br><span class="muted"><?php echo e($step['detail']); ?></span></div>
+        <?php endforeach; ?>
+      </div>
+    </section>
+    <!-- PRICING -->
+    <section id="pricing" class="container">
+      <div class="head">
+        <h2 class="reveal">Pricing & <span class="accent">Packs</span></h2>
+        <p class="reveal">Prezzi IVA esclusa. Preventivo valido 7 giorni.</p>
+      </div>
+      <div class="pricing">
+        <?php foreach($pricing_list as $p): ?>
+        <div class="plan reveal">
+          <h3><?php echo e($p['name']); ?><?php if($p['is_recommended']): ?> <span class="rec">Consigliato da OFT ✅</span><?php endif; ?></h3>
+          <div class="price"><?php echo e($p['price']); ?>€ <small class="muted">/ mese</small></div>
+          <ul>
+            <?php foreach(explode('|', $p['features']) as $feat): ?>
+            <li><?php echo e(trim($feat)); ?></li>
+            <?php endforeach; ?>
+          </ul>
+        </div>
+        <?php endforeach; ?>
+      </div>
+      <p class="sub" style="text-align:center; margin-top:12px; opacity:.9">Nota: shooting professionale (foto/video) è un costo una tantum.</p>
+    </section>
+    <!-- FAQ -->
+    <section id="faq" class="container">
+      <div class="head" style="display:block; text-align:center">
+        <h2 class="reveal">Domande <span class="accent">frequenti</span></h2>
+        <p class="reveal">Hai dubbi? Ecco le risposte.</p>
+      </div>
+      <div class="faq">
+        <?php $i = 1; foreach($faq_list as $f): ?>
+        <details class="qa reveal">
+          <summary><span><?php echo $i++.'. '.e($f['question']); ?></span><span class="chev">⌄</span></summary>
+          <p><?php echo e($f['answer']); ?></p>
+        </details>
+        <?php endforeach; ?>
+      </div>
+    </section>
+    <!-- CTA -->
+    <section class="container">
+      <div class="cta reveal">
+        <div class="inner">
+          <div class="eyebrow"><span class="dash"></span> Consulenza gratuita</div>
+          <h3>Pronti a far crescere il tuo brand con <span class="accent">contenuti che convertono</span>?</h3>
+          <p class="sub" style="margin: 0 auto 16px; max-width: 72ch">Parliamo di obiettivi, tono di voce e KPI. Ti inviamo un piano entro 48 ore.</p>
+          <a class="btn primary magnetic" href="<?php echo e($callUrl); ?>">Prenota ora la tua call</a>
+        </div>
+      </div>
+    </section>
+    <!-- CONTACT -->
+    <section id="contact" class="container">
+      <div class="head">
+        <h2 class="reveal"><?php echo $contact_title; ?></h2>
+        <p class="reveal"><?php echo e($contact_intro); ?></p>
+      </div>
+      <div class="contact-grid">
+        <div class="stack">
+          <div class="srv reveal">
+            <div><h3>Instagram</h3><p class="sub" style="font-size:15px"><?php echo e($instagram_label); ?></p></div>
+            <a class="btn primary magnetic" target="_blank" rel="noopener" href="<?php echo e($instagram); ?>">Apri Instagram</a>
+          </div>
+          <div class="srv reveal">
+            <div><h3>Email</h3><p class="sub" style="font-size:15px"><?php echo e($email); ?></p></div>
+            <a class="btn" href="mailto:<?php echo e($email); ?>">Scrivi</a>
+          </div>
+          <div class="srv reveal">
+            <div><h3>Telefono</h3><p class="sub" style="font-size:15px"><?php echo e($phone); ?></p></div>
+            <a class="btn" href="tel:<?php echo e(preg_replace('/\s+/', '', $phone)); ?>">Chiama</a>
+          </div>
+          <div class="srv reveal">
+            <div><h3>Indirizzo</h3><p class="sub" style="font-size:15px"><?php echo e($address); ?></p></div>
+          </div>
+        </div>
+        <aside class="map-card reveal">
+          <div class="map-embed">
+            <iframe src="https://www.google.com/maps?q=<?php echo urlencode($address); ?>&output=embed" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>
+          </div>
+          <div class="map-actions">
+            <a class="btn" href="https://maps.google.com/?q=<?php echo urlencode($address); ?>" target="_blank" rel="noopener">Apri Maps</a>
+            <a class="btn whatsapp magnetic" href="<?php echo e($whatsapp); ?>" target="_blank" rel="noopener" aria-label="Chat su WhatsApp">
+              <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+                <path d="M13.601 2.326a8.269 8.269 0 0 0-11.8 9.94L1 15l2.837-.742a8.269 8.269 0 0 0 4.706 1.39h.003a8.27 8.27 0 0 0 8.27-8.27 8.24 8.24 0 0 0-2.415-5.942zM8.547 13.935a7.1 7.1 0 0 1-3.631-.99l-.261-.155-2.156.563.575-2.102-.17-.273a7.135 7.135 0 1 1 12.559-2.337 7.135 7.135 0 0 1-6.916 5.294z"/>
+                <path d="M11.245 10.408c-.173-.086-1.02-.504-1.177-.561-.157-.058-.272-.086-.387.086-.115.173-.444.561-.544.676-.101.115-.201.13-.374.043-.173-.086-.732-.27-1.395-.861-.515-.459-.861-1.027-.962-1.2-.101-.173-.011-.267.075-.353.077-.078.173-.202.259-.303.086-.101.115-.173.173-.288.058-.115.029-.216-.014-.302-.043-.086-.387-.934-.53-1.283-.14-.34-.282-.294-.387-.299-.1-.004-.215-.005-.33-.005-.115 0-.302.043-.459.216-.157.173-.602.588-.602 1.433 0 .845.618 1.661.704 1.776.086.115 1.218 1.862 2.952 2.613.413.178.735.284.986.364.414.132.79.113 1.088.068.332-.05 1.02-.416 1.164-.818.144-.401.144-.744.101-.818-.043-.072-.16-.115-.334-.2z"/>
+              </svg>
+              WhatsApp
+            </a>
+          </div>
+        </aside>
+      </div>
+    </section>
+  </main>
+  <!-- FOOTER -->
+  <footer>
+    <div class="container">
+      <div class="foot-top">
+        <div class="logo"><img src="LOGO1.png" alt="<?php echo e($brand); ?> logo"></div>
+        <div><?php echo e($brand); ?></div>
+        <small style="color:var(--muted)">Marketing italiano, risultati globali.</small>
+        <div class="foot-social">
+          <a href="<?php echo e($instagram); ?>" target="_blank" rel="noopener">Instagram</a>
+          <a href="<?php echo e($tiktok); ?>" target="_blank" rel="noopener">TikTok</a>
+        </div>
+      </div>
+      <div class="foot-grid">
+        <div>
+          <b>Azienda</b>
+          <div style="height:6px"></div>
+          <div><?php echo e($brand); ?></div>
+          <div class="muted"><?php echo e($address); ?></div>
+        </div>
+        <div>
+          <b>Pagine Informative</b>
+          <div style="height:6px"></div>
+          <a href="#">Privacy Policy</a><br>
+          <a href="#">Cookie Policy</a><br>
+          <a href="#">Termini e Condizioni</a>
+        </div>
+        <div>
+          <b>Contatti</b>
+          <div style="height:6px"></div>
+          <div>Tel: <a href="tel:<?php echo e(preg_replace('/\s+/', '', $phone)); ?>"><?php echo e($phone); ?></a></div>
+          <div>Email: <a href="mailto:<?php echo e($email); ?>"><?php echo e($email); ?></a></div>
+        </div>
+      </div>
+      <p style="margin-top:14px; color: var(--muted)">© <?php echo e($year); ?> <?php echo e($brand); ?> · Tutti i diritti riservati · <a href="https://www.vergen.it" target="_blank" rel="noopener">Sviluppato da VerGen Developer</a></p>
+    </div>
+  </footer>
+  <!-- Sticky actions -->
+  <div class="sticky">
+    <a class="fab" href="<?php echo e($whatsapp); ?>" target="_blank" rel="noopener" aria-label="Chat su WhatsApp">
+      <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+        <path d="M13.601 2.326a8.269 8.269 0 0 0-11.8 9.94L1 15l2.837-.742a8.269 8.269 0 0 0 4.706 1.39h.003a8.27 8.27 0 0 0 8.27-8.27 8.24 8.24 0 0 0-2.415-5.942zM8.547 13.935a7.1 7.1 0 0 1-3.631-.99l-.261-.155-2.156.563.575-2.102-.17-.273a7.135 7.135 0 1 1 12.559-2.337 7.135 7.135 0 0 1-6.916 5.294z"/>
+        <path d="M11.245 10.408c-.173-.086-1.02-.504-1.177-.561-.157-.058-.272-.086-.387.086-.115.173-.444.561-.544.676-.101.115-.201.13-.374.043-.173-.086-.732-.27-1.395-.861-.515-.459-.861-1.027-.962-1.2-.101-.173-.011-.267.075-.353.077-.078.173-.202.259-.303.086-.101.115-.173.173-.288.058-.115.029-.216-.014-.302-.043-.086-.387-.934-.53-1.283-.14-.34-.282-.294-.387-.299-.1-.004-.215-.005-.33-.005-.115 0-.302.043-.459.216-.157.173-.602.588-.602 1.433 0 .845.618 1.661.704 1.776.086.115 1.218 1.862 2.952 2.613.413.178.735.284.986.364.414.132.79.113 1.088.068.332-.05 1.02-.416 1.164-.818.144-.401.144-.744.101-.818-.043-.072-.16-.115-.334-.2z"/>
+      </svg>
+    </a>
+    <button class="totop" id="totop" aria-label="Torna su">↑</button>
+  </div>
+  <script>
+    const prefersReduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    // Canvas Aurora (performante)
+    (() => {
+      const c = document.getElementById('aurora'); if(!c) return;
+      const ctx = c.getContext('2d');
+      let dpr = Math.min(window.devicePixelRatio || 1, 2);
+      const blobs = [];
+      const colors = [
+        ['rgba(91,140,250,0.55)','rgba(91,140,250,0.0)'],
+        ['rgba(34,211,238,0.45)','rgba(34,211,238,0.0)'],
+        ['rgba(55,48,163,0.42)','rgba(55,48,163,0.0)']
+      ];
+      function resize(){
+        const { innerWidth:w, innerHeight:h } = window;
+        c.width = w*dpr; c.height = h*dpr; c.style.width = w+'px'; c.style.height = h+'px';
+        ctx.setTransform(dpr,0,0,dpr,0,0);
+      }
+      function makeBlobs(){
+        blobs.length = 0;
+        const W = c.width/dpr, H = c.height/dpr;
+        for (let i=0;i<6;i++){
+          const r = Math.max(W,H) * (0.18 + Math.random()*0.18);
+          blobs.push({
+            x: Math.random()*W, y: Math.random()*H, r,
+            dx:(Math.random()-.5)*0.3, dy:(Math.random()-.5)*0.3,
+            c: colors[i%colors.length]
+          });
+        }
+      }
+      function tick(){
+        const W = c.width/dpr, H = c.height/dpr;
+        ctx.clearRect(0,0,W,H);
+        blobs.forEach(b=>{
+          const g = ctx.createRadialGradient(b.x, b.y, 0, b.x, b.y, b.r);
+          g.addColorStop(0, b.c[0]); g.addColorStop(1, b.c[1]);
+          ctx.globalCompositeOperation = 'lighter';
+          ctx.fillStyle = g; ctx.beginPath(); ctx.arc(b.x, b.y, b.r, 0, Math.PI*2); ctx.fill();
+          b.x += b.dx; b.y += b.dy;
+          if (b.x < -b.r) b.x = W + b.r; if (b.x > W + b.r) b.x = -b.r;
+          if (b.y < -b.r) b.y = H + b.r; if (b.y > H + b.r) b.y = -b.r;
+        });
+        if (!prefersReduce) requestAnimationFrame(tick);
+      }
+      resize(); makeBlobs(); tick();
+      window.addEventListener('resize', () => { dpr = Math.min(window.devicePixelRatio || 1, 2); resize(); makeBlobs(); });
+    })();
+    // Sticky header + progress + active section
+    const nav  = document.getElementById('nav');
+    const pb   = document.getElementById('progressbar');
+    const links= [...document.querySelectorAll('.menu a[href^="#"]')];
+    const secs = links.map(a => document.querySelector(a.getAttribute('href'))).filter(Boolean);
+    const onScroll = () => {
+      const y = window.scrollY || document.documentElement.scrollTop;
+      nav.classList.toggle('scrolled', y > 8);
+      const h = document.documentElement;
+      const p = (h.scrollTop) / (h.scrollHeight - h.clientHeight) * 100;
+      pb.style.width = p + '%';
+      let active = null;
+      for (const s of secs){
+        const r = s.getBoundingClientRect();
+        if (r.top <= 120 && r.bottom >= 120) { active = s; break; }
+      }
+      links.forEach(a => a.classList.toggle('active', active && a.getAttribute('href') === '#' + active.id));
+    };
+    document.addEventListener('scroll', onScroll, { passive:true }); onScroll();
+    // Mobile drawer
+    const hamb = document.getElementById('hamb');
+    const drawer = document.getElementById('drawer');
+    hamb.addEventListener('click', () => {
+      const open = drawer.classList.toggle('open');
+      hamb.setAttribute('aria-expanded', open ? 'true' : 'false');
+    });
+    drawer.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {
+      drawer.classList.remove('open'); hamb.setAttribute('aria-expanded','false');
+    }));
+    // Smooth anchor
+    document.querySelectorAll('a[href^="#"]').forEach(a => {
+      a.addEventListener('click', (e) => {
+        const id = a.getAttribute('href').slice(1); if(!id) return;
+        const el = document.getElementById(id); if(!el) return;
+        e.preventDefault();
+        const navEl = document.getElementById('nav');
+        const navh = navEl ? navEl.getBoundingClientRect().height : 80;
+        const y = el.getBoundingClientRect().top + window.scrollY - (navh + 2);
+        window.scrollTo({ top: y, behavior: prefersReduce ? 'auto' : 'smooth' });
+      });
+    });
+    // Reveal on scroll
+    const io = new IntersectionObserver((entries)=>entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('show'); io.unobserve(e.target); }}),{threshold:.15});
+    document.querySelectorAll('.reveal').forEach(el=>io.observe(el));
+    // Counters
+    const counters = document.querySelectorAll('[data-count]');
+    const ioc = new IntersectionObserver((entries)=>{
+      entries.forEach(e=>{
+        if(!e.isIntersecting) return;
+        const el = e.target; const target = +el.dataset.count;
+        let n=0; const step = Math.max(1, Math.round(target/40));
+        (function tick(){ n+=step; if(n>target) n=target; el.textContent=n; if(n<target) requestAnimationFrame(tick); })();
+        ioc.unobserve(el);
+      });
+    },{threshold:.6});
+    counters.forEach(el=>ioc.observe(el));
+    // Timeline draw
+    const tlLine = document.getElementById('tlLine');
+    const timeline = document.getElementById('timeline');
+    if (tlLine && timeline){
+      const iol = new IntersectionObserver((es)=>{
+        es.forEach(e=>{
+          if (!e.isIntersecting) return;
+          tlLine.style.transform = 'scaleY(1)';
+          tlLine.style.transition = 'transform 1.6s ease';
+          iol.unobserve(timeline);
+        });
+      },{threshold:.2});
+      iol.observe(timeline);
+    }
+    // Magnetic buttons
+    const magnets = document.querySelectorAll('.magnetic');
+    magnets.forEach(btn => {
+      let rAF = null;
+      const strength = 18;
+      function move(e){
+        const b = btn.getBoundingClientRect();
+        const x = e.clientX - (b.left + b.width/2);
+        const y = e.clientY - (b.top + b.height/2);
+        cancelAnimationFrame(rAF);
+        rAF = requestAnimationFrame(()=> btn.style.transform = `translate(${x/strength}px, ${y/strength}px)`);
+      }
+      function leave(){ btn.style.transform='translate(0,0)'; }
+      btn.addEventListener('mousemove', move);
+      btn.addEventListener('mouseleave', leave);
+      btn.addEventListener('blur', leave);
+    });
+    // Cursor ring
+    const ring = document.getElementById('ring');
+    let rx=0, ry=0, tx=0, ty=0, raf=null;
+    function loop(){
+      tx += (rx - tx) * 0.2; ty += (ry - ty) * 0.2;
+      ring.style.transform = `translate(${tx}px, ${ty}px)`; raf = requestAnimationFrame(loop);
+    }
+    window.addEventListener('pointermove', (e)=>{ rx=e.clientX; ry=e.clientY; ring.classList.remove('hide'); if(!raf) loop(); });
+    window.addEventListener('pointerleave', ()=>{ ring.classList.add('hide'); cancelAnimationFrame(raf); raf=null; });
+    // Back to top
+    document.getElementById('totop').addEventListener('click', () => window.scrollTo({ top: 0, behavior: prefersReduce ? 'auto' : 'smooth' }));
+    // Tilt effect on frame (desktop only)
+    (() => {
+      if (prefersReduce || window.matchMedia('(pointer: coarse)').matches) return;
+      const card = document.querySelector('.frame'); if(!card) return;
+      let raf=null;
+      card.addEventListener('pointermove', (e)=>{
+        const b = card.getBoundingClientRect();
+        const x = (e.clientX - b.left)/b.width - 0.5;
+        const y = (e.clientY - b.top)/b.height - 0.5;
+        cancelAnimationFrame(raf);
+        raf=requestAnimationFrame(()=> card.style.transform = `perspective(1100px) rotateX(${(-y)*7}deg) rotateY(${x*7}deg)`);
+      });
+      card.addEventListener('pointerleave', ()=> card.style.transform = 'perspective(1100px) rotateX(0) rotateY(0)');
+    })();
+    // Video lazy load
+    const hero = document.getElementById('heroVideo');
+    const coverBtn = document.getElementById('coverBtn');
+    const loadHero = () => {
+      if (hero.querySelector('iframe')) return;
+      const f = document.createElement('iframe');
+      f.src = '<?php echo $video_url; ?>';
+      f.allow = 'autoplay; encrypted-media; picture-in-picture'; f.allowFullscreen = true;
+      hero.appendChild(f);
+      coverBtn.remove();
+    };
+    coverBtn.addEventListener('click', loadHero);
+    coverBtn.addEventListener('keydown', (e)=>{ if(e.key==='Enter' || e.key===' ') loadHero(); });
+  </script>
+</body>
+</html>

michele.jpg ADDED Viewed

nautica.PNG ADDED Viewed

oft.pdf ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:3e67231ab1966c0749ddd84af45d6c9b5b92dcfd06acdbc601a382bb7aabe1e8
+size 1419339

setup_db.php ADDED Viewed

	@@ -0,0 +1,303 @@

+<?php
+require 'db_connect.php';
+try {
+    // 1. Config Table
+    $db->exec("CREATE TABLE IF NOT EXISTS config (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        key_name TEXT UNIQUE,
+        value_text TEXT
+    )");
+    $configs = [
+        'brand' => 'OFT MGMT',
+        'hero_h1' => 'Creatività, performance e contenuti che portano <span class="accent">risultati reali</span>.',
+        'hero_sub' => 'Agenzia creativa: marketing, social, foto e video — risultati concreti',
+        'tagline' => 'Agenzia creativa: marketing, social, foto e video — risultati concreti',
+        'email' => 'info@oftagency.com',
+        'phone' => '+39 333 123 4567',
+        'whatsapp_url' => 'https://wa.me/393331234567',
+        'instagram_url' => 'https://instagram.com/oft_mgmt',
+        'instagram_label' => '@oft_mgmt',
+        'tiktok_url' => 'https://tiktok.com/@oft_mgmt',
+        'booking_url' => '#contact',
+        'address' => 'Via G. Origlia, 36 — Nocera Inferiore (SA)',
+        'agency_image_1' => 'team.jpg',
+        'agency_image_2' => 'agenzia.jpg',
+        'video_embed_url' => 'https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&rel=0',
+        // About Section Text
+        'about_title' => 'Chi <span class="accent">siamo</span>',
+        'about_intro' => 'OFT MGMT nasce nel 2025 dall’energia di tre ragazzi che credono nel potere delle idee e aiutano i brand a farsi notare davvero.',
+        'about_text_1' => 'OFT MGMT è nata all’inizio del 2025 da tre ragazzi con un’idea chiara: trasformare la passione per creatività e marketing in risultati concreti. Negli anni abbiamo aiutato attività locali a crescere sui social con contenuti e campagne che fanno la differenza.',
+        'about_text_2' => 'Da passione condivisa a progetto reale: un’agenzia creativa pensata per dare voce ai brand e portarli a un livello superiore.',
+        // Contact Section Text
+        'contact_title' => 'Contatti',
+        'contact_intro' => 'Siamo rapidi a rispondere. Instagram, email o telefono: scegli tu.',
+        'admin_password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi' // password: password (default)
+    ];
+    $stmt = $db->prepare("INSERT OR IGNORE INTO config (key_name, value_text) VALUES (:k, :v)");
+    foreach ($configs as $k => $v) {
+        $stmt->execute([':k' => $k, ':v' => $v]);
+    }
+    // 2. Stats (Metrics)
+    $db->exec("CREATE TABLE IF NOT EXISTS stats (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        label TEXT,
+        value TEXT,
+        unit TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    // Check if empty
+    $count = $db->query("SELECT COUNT(*) FROM stats")->fetchColumn();
+    if ($count == 0) {
+        $stats = [
+            ['Progetti', '120', '+', 1],
+            ['Brand seguiti', '35', '+', 2],
+            ['Clienti soddisfatti', '98', '%', 3]
+        ];
+        $stmt = $db->prepare("INSERT INTO stats (label, value, unit, sort_order) VALUES (?, ?, ?, ?)");
+        foreach ($stats as $s) {
+            $stmt->execute($s);
+        }
+    }
+    // 3. Services
+    $db->exec("CREATE TABLE IF NOT EXISTS services (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        icon TEXT,
+        title TEXT,
+        description TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    $count = $db->query("SELECT COUNT(*) FROM services")->fetchColumn();
+    if ($count == 0) {
+        $services = [
+            ['🎯', 'Social Media Management', 'Piano editoriale data‑driven, copy, publishing e community.', 1],
+            ['📸', 'Produzione Foto', 'Still life, lifestyle, ritratti, cataloghi e ADV.', 2],
+            ['🎬', 'Produzione Video', 'Short‑form, brand stories e spot orientati alla conversione.', 3],
+            ['📈', 'Campagne Pubblicitarie', 'Meta/TikTok Ads, test A/B, scaling e report.', 4],
+            ['🛒', 'Web & Ecommerce', 'Siti veloci e focalizzati su conversioni e brand identity.', 5],
+            ['⚡', 'Strategy & Advisory', 'Posizionamento, tone of voice, content system, crescita.', 6]
+        ];
+        $stmt = $db->prepare("INSERT INTO services (icon, title, description, sort_order) VALUES (?, ?, ?, ?)");
+        foreach ($services as $s) {
+            $stmt->execute($s);
+        }
+    }
+    // 4. Founders
+    $db->exec("CREATE TABLE IF NOT EXISTS founders (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        name TEXT,
+        role TEXT,
+        image_path TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    $count = $db->query("SELECT COUNT(*) FROM founders")->fetchColumn();
+    if ($count == 0) {
+        $founders = [
+            ['Michele Bisogno', 'Founder & CEO', 'michele.jpg', 1],
+            ['Francesco Novi', 'Founder & CEO', 'francesco.jpg', 2],
+            ['Eliodoro D’ Acunzo', 'Founder & CEO', 'elio.jpg', 3]
+        ];
+        $stmt = $db->prepare("INSERT INTO founders (name, role, image_path, sort_order) VALUES (?, ?, ?, ?)");
+        foreach ($founders as $f) {
+            $stmt->execute($f);
+        }
+    }
+    // 5. Case Studies
+    $db->exec("CREATE TABLE IF NOT EXISTS cases (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        title TEXT,
+        stats_text TEXT,
+        role_text TEXT,
+        tags TEXT,
+        image_path TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    $count = $db->query("SELECT COUNT(*) FROM cases")->fetchColumn();
+    if ($count == 0) {
+        $cases = [
+            [
+                'Cava Brew Fest 01',
+                'Festival della birra a Cava de’ Tirreni: 80.000 presenze, 3M visualizzazioni, 6.000 nuovi follower e 350k account raggiunti.',
+                'Ruolo: strategia digitale, contenuti virali e promozione online → evento diventato fenomeno social.',
+                '#Event,#ShortForm,#IG Growth',
+                'cava.png',
+                1
+            ],
+            [
+                'IGEM — Nautica & Luxury Experience 02',
+                'Partendo da zero: 1,5M visualizzazioni organiche, 6.000 follower totali e 15 tour venduti in un mese.',
+                'Ruolo: gestione social, contenuti accattivanti e campagne mirate per far crescere rapidamente la brand awareness.',
+                '#Luxury,#Tour,#Performance',
+                'nautica.PNG',
+                2
+            ]
+        ];
+        $stmt = $db->prepare("INSERT INTO cases (title, stats_text, role_text, tags, image_path, sort_order) VALUES (?, ?, ?, ?, ?, ?)");
+        foreach ($cases as $c) {
+            $stmt->execute($c);
+        }
+    }
+    // 6. Pricing
+    $db->exec("CREATE TABLE IF NOT EXISTS pricing (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        name TEXT,
+        price TEXT,
+        features TEXT, -- JSON or separator separated
+        is_recommended BOOLEAN DEFAULT 0,
+        sort_order INTEGER DEFAULT 0
+    )");
+    $count = $db->query("SELECT COUNT(*) FROM pricing")->fetchColumn();
+    if ($count == 0) {
+        $pricing = [
+            [
+                'Growth pack',
+                '600',
+                "12 contenuti verticali|Story set base, grafiche base|Format vincenti + gestione pubblicazioni|Ottimizzazione contenuti e strategie|Gestione Ads (+100€ / mese budget ads)",
+                0,
+                1
+            ],
+            [
+                'Premium pack',
+                '1000',
+                "12 contenuti verticali|Story set avanzato + grafiche premium|Copywriting professionale|Shooting extra con fotografo|Format avanzati + trend scouting|Gestione Ads (+200€ / mese budget ads)|Reportistica avanzata e consulenza",
+                1,
+                2
+            ]
+        ];
+        $stmt = $db->prepare("INSERT INTO pricing (name, price, features, is_recommended, sort_order) VALUES (?, ?, ?, ?, ?)");
+        foreach ($pricing as $p) {
+            $stmt->execute($p);
+        }
+    }
+    // 7. FAQ
+    $db->exec("CREATE TABLE IF NOT EXISTS faq (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        question TEXT,
+        answer TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    $count = $db->query("SELECT COUNT(*) FROM faq")->fetchColumn();
+    if ($count == 0) {
+        $faqs = [
+            ['Quanto tempo per vedere i risultati?', 'Primi segnali in 2–4 settimane (reach/engagement); 1–3 mesi per KPI di business.', 1],
+            ['Quali piattaforme gestite?', 'Instagram, TikTok, Facebook, YouTube (Shorts) e campagne Meta/TikTok Ads.', 2],
+            ['Create anche i contenuti?', 'Sì: strategia, shooting foto/video, editing, copy e calendari di pubblicazione.', 3],
+            ['Come si inizia?', 'Prenota una call: obiettivi, roadmap e preventivo in 48 ore.', 4],
+            ['Esperienza?', 'Food, retail, hospitality, servizi, DTC e PMI locali.', 5],
+            ['Dopo posso gestire da solo?', 'Sì, formiamo il tuo team e lasciamo linee guida operative.', 6]
+        ];
+        $stmt = $db->prepare("INSERT INTO faq (question, answer, sort_order) VALUES (?, ?, ?)");
+        foreach ($faqs as $f) {
+            $stmt->execute($f);
+        }
+    }
+    // 8. Solutions (Problem/Solution)
+    $db->exec("CREATE TABLE IF NOT EXISTS solutions (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        title TEXT,
+        description TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    if ($db->query("SELECT COUNT(*) FROM solutions")->fetchColumn() == 0) {
+        $sols = [
+            ['I limiti attuali ❌', 'Ampio seguito (100k+ follower, milioni di views) ma bassa conversione: contenuti generici e identità poco distintiva.', 1],
+            ['La nostra soluzione ✅', 'Strategia con contenuti dinamici e autentici (video), format coinvolgenti, pubblicazione costante e storytelling che valorizza qualità ed esperienza.', 2],
+            ['Focus operativo', 'Ideazione format, shooting, editing e scheduling. Community, analisi e, quando serve, distribuzione paid per scalare.', 3]
+        ];
+        $stmt = $db->prepare("INSERT INTO solutions (title, description, sort_order) VALUES (?, ?, ?)");
+        foreach($sols as $s) $stmt->execute($s);
+    }
+    // 9. Goals
+    $db->exec("CREATE TABLE IF NOT EXISTS goals (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        title TEXT,
+        description TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    if ($db->query("SELECT COUNT(*) FROM goals")->fetchColumn() == 0) {
+        $goals = [
+            ['#1 Awareness & Reputazione', 'Diventare destinazione di qualità ad Angri, valorizzando autenticità e cura in ogni dettaglio.', 1],
+            ['#2 Identità forte', 'Stile distintivo che racconta persone e prodotti, con format interattivi e community.', 2],
+            ['#3 Esperienza & Qualità', 'Dall’ambiente al servizio fino alle materie prime: un racconto che fidelizza.', 3]
+        ];
+        $stmt = $db->prepare("INSERT INTO goals (title, description, sort_order) VALUES (?, ?, ?)");
+        foreach($goals as $g) $stmt->execute($g);
+    }
+    // 10. Roadmap
+    $db->exec("CREATE TABLE IF NOT EXISTS roadmap (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        phase TEXT, -- bold part
+        detail TEXT, -- muted part
+        sort_order INTEGER DEFAULT 0
+    )");
+    if ($db->query("SELECT COUNT(*) FROM roadmap")->fetchColumn() == 0) {
+        $roads = [
+            ['1° mese — Setup e Analisi', 'Audit, posizionamento, definizione KPI e content system.', 1],
+            ['1°–2° mese — Lancio comunicazione', 'Format, shooting, pubblicazione e prime iterazioni.', 2],
+            ['3° mese — Crescita awareness', 'Ottimizzazioni e distribuzione per accelerare reach.', 3],
+            ['4° mese — Focus esperienza', 'Storytelling su qualità e servizio.', 4],
+            ['5°–6° mese — Consolidamento identità', 'Consistenza visiva e voce del brand.', 5],
+            ['6° mese — Valutazione & Scaling', 'Dati, learnings, piani di crescita.', 6]
+        ];
+        $stmt = $db->prepare("INSERT INTO roadmap (phase, detail, sort_order) VALUES (?, ?, ?)");
+        foreach($roads as $r) $stmt->execute($r);
+    }
+    // 11. Bottom Stats
+    $db->exec("CREATE TABLE IF NOT EXISTS bottom_stats (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        value TEXT,
+        label TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    if ($db->query("SELECT COUNT(*) FROM bottom_stats")->fetchColumn() == 0) {
+        $bstats = [
+            ['+5.000.000', 'Visualizzazioni in organico', 1],
+            ['+550.000', 'Account raggiunti', 2],
+            ['+8.000', 'Nuovi follower', 3]
+        ];
+        $stmt = $db->prepare("INSERT INTO bottom_stats (value, label, sort_order) VALUES (?, ?, ?)");
+        foreach($bstats as $b) $stmt->execute($b);
+    }
+    // 12. About Gallery (Dynamic Photos)
+    $db->exec("CREATE TABLE IF NOT EXISTS about_gallery (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        image_path TEXT,
+        sort_order INTEGER DEFAULT 0
+    )");
+    if ($db->query("SELECT COUNT(*) FROM about_gallery")->fetchColumn() == 0) {
+        $gallery = [
+            ['team.jpg', 1],
+            ['agenzia.jpg', 2]
+        ];
+        $stmt = $db->prepare("INSERT INTO about_gallery (image_path, sort_order) VALUES (?, ?)");
+        foreach($gallery as $g) $stmt->execute($g);
+    }
+    echo "Database setup completed successfully!";
+} catch (PDOException $e) {
+    die("Setup failed: " . $e->getMessage());
+}
+?>

site.webmanifest ADDED Viewed

	@@ -0,0 +1 @@


1	+ {"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

team.jpg ADDED Viewed

Git LFS Details

SHA256: d3ae577dc4f446d979f52f3dbdd37bda41290479c9b8754b6d864b4a25aef9e1
Pointer size: 131 Bytes
Size of remote file: 111 kB