<!doctype html>
<html lang="ro">
<head>
 <!-- Google tag (gtag.js) -->
 <!-- consent-default -->
 <script nonce="csp-20260209">
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('consent', 'default', {
 ad_storage: 'denied',
 ad_user_data: 'denied',
 ad_personalization: 'denied',
 analytics_storage: 'denied',
 functionality_storage: 'granted',
 security_storage: 'granted'
 });
 </script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QDE5XSVZJD" nonce="csp-20260209" integrity="sha384-kToNneQ8w2LCclDhdEe+48S20JtjzvDqcYCx1ty5fBQ1PAO8NxQG6XqifItTBpO2" crossorigin="anonymous"></script>
 <script nonce="csp-20260209">
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
 gtag('config', 'G-QDE5XSVZJD');
 </script>
 <meta charset="utf-8" />
 <meta name="csp-nonce" content="csp-20260209" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 <title>Macheta site de prezentare</title>
 <meta name="description" content="Macheta neutra pentru un site de prezentare, usor de personalizat." />
 <meta name="keywords" content="site prezentare, servicii, portofoliu, contact" />
 <meta name="theme-color" content="#f6f4ef" />
 <meta name="color-scheme" content="light" />
 <meta name="format-detection" content="telephone=no" />
 <link rel="stylesheet" href="styles.css?v=20260128-1" />
 <link rel="stylesheet" href="consent.css?v=20260207-1" />
<style nonce="csp-20260209">.plan-meta{display:none!important}</style></head>
<body>
 <a class="skip-link" href="#main">Sari la continut</a>

 <div class="bg-layer" aria-hidden="true">
 <div class="grain"></div>
 <div class="orb orb-1"></div>
 <div class="orb orb-2"></div>
 <div class="mesh"></div>
 </div>

 <header class="topbar">
 <div class="container topbar-inner">
 <div class="brand">
 <span class="brand-mark" id="brand-mark">BD</span>
 <span class="brand-text">
 <span class="brand-name" id="brand-name">Brand Demo</span>
 <span class="brand-tag" id="brand-tag">site de prezentare neutru</span>
 </span>
 </div>
 <nav class="nav" id="main-nav">
 <a href="#despre" data-nav="about">Despre</a>
 <a href="#servicii" data-nav="services">Servicii</a>
 <a href="#galerie" data-nav="gallery">Galerie</a>
 <a href="#texte" data-nav="posts">Texte</a>
 <a href="#proces" data-nav="process">Proces</a>
 <a href="#contact" data-nav="contact">Contact</a>
 </nav>
 <div class="top-actions">
 <a class="ghost" id="top-secondary" href="#galerie">Vezi galeria</a>
 <a class="ghost" id="top-admin" href="admin-demo/" target="_blank" rel="noopener">Admin demo</a>
 <a class="primary" id="top-primary" href="#contact">Solicita oferta</a>
 </div>
 </div>
 </header>

 <main id="main">
 <section class="hero container" id="acasa" data-section="hero">
 <div class="hero-copy reveal" style="--i: 1">
 <span class="pill" id="hero-eyebrow">Macheta neutra</span>
 <h1 id="hero-title">Un site curat si clar, gata sa fie personalizat.</h1>
 <p id="hero-subtitle">
 Structura flexibila, continut editabil si imagini usor de actualizat din admin.
 </p>
 <p class="hero-note" id="hero-note">Ideal pentru prezentare servicii, echipa si contact.</p>
 <div class="hero-actions">
 <a class="primary" id="hero-primary" href="#contact">Solicita oferta</a>
 <a class="secondary" id="hero-secondary" href="#galerie">Vezi galeria</a>
 <a class="tertiary" id="hero-demo" href="#galerie">Site demo</a>
 </div>
 <div class="hero-metrics" id="hero-metrics"></div>
 </div>
 <div class="hero-visual reveal" style="--i: 2">
 <div class="hero-card">
 <div class="hero-image">
 <img id="hero-image" src="media/presets/preset-01.svg" alt="Imagine de prezentare" />
 </div>
 <div class="hero-caption">
 <span id="hero-image-caption">Macheta vizuala</span>
 </div>
 </div>
 </div>
 </section>

 <section id="despre" class="section container" data-section="about">
 <div class="section-head reveal" style="--i: 1">
 <h2 id="about-title">Despre</h2>
 <p id="about-subtitle">O descriere scurta despre echipa sau activitate.</p>
 </div>
 <div class="grid-3" id="about-list"></div>
 </section>

 <section id="servicii" class="section container" data-section="services">
 <div class="section-head reveal" style="--i: 1">
 <h2 id="services-title">Servicii</h2>
 <p id="services-subtitle">Prezinta serviciile principale intr-un format coerent.</p>
 </div>
 <div class="grid-4" id="services-list"></div>
 </section>

 <section id="galerie" class="section container" data-section="gallery">
 <div class="section-head reveal" style="--i: 1">
 <h2 id="gallery-title">Galerie</h2>
 <p id="gallery-subtitle">10 imagini predefinite sau incarcari proprii.</p>
 </div>
 <div class="gallery-grid" id="gallery-grid"></div>
 </section>

 <section id="texte" class="section container" data-section="posts">
 <div class="section-head reveal" style="--i: 1">
 <h2 id="posts-title">Texte si noutati</h2>
 <p id="posts-subtitle">Publica texte direct din admin.</p>
 </div>
 <div class="text-grid" id="posts-list" data-empty="Nu exista texte publicate."></div>
 </section>

 <section id="proces" class="section container" data-section="process">
 <div class="section-head reveal" style="--i: 1">
 <h2 id="process-title">Proces</h2>
 <p id="process-subtitle">Un parcurs simplu, in trei pasi.</p>
 </div>
 <div class="process-grid" id="process-list"></div>
 </section>

 <section id="contact" class="section container" data-section="contact">
 <div class="contact-card reveal" style="--i: 1">
 <div>
 <h2 id="contact-title">Contact</h2>
 <p id="contact-subtitle">Scrie-ne si iti raspundem rapid.</p>
 </div>
 <div class="contact-info">
 <div>
 <span class="label">Email</span>
 <a id="contact-email" href="/cdn-cgi/l/email-protection#f3909c9d87929087b3968b969e839f86dd819c"><span class="__cf_email__" data-cfemail="a4c7cbcad0c5c7d0e4c1dcc1c9d4c8d18ad6cb">[email&#160;protected]</span></a>
 </div>
 <div>
 <span class="label">Telefon</span>
 <a id="contact-phone" href="tel:+40000000000">+40 000 000 000</a>
 </div>
 <div>
 <span class="label">Locatie</span>
 <span id="contact-location">Online / [Oras]</span>
 </div>
 </div>
 <div class="contact-actions">
 <a class="primary" id="contact-primary" href="/cdn-cgi/l/email-protection#1d7e7273697c7e695d786578706d7168336f72">Trimite email</a>
 <a class="ghost" id="contact-secondary" href="#galerie">Descarca prezentarea</a>
 </div>
 </div>
 <p class="contact-note" id="contact-disclaimer">Continut demonstrativ pentru macheta de prezentare.</p>
 </section>
 </main>

 <footer class="footer container">
 <div class="footer-brand">
 <div class="brand">
 <span class="brand-mark" id="footer-mark">BD</span>
 <span class="brand-text">
 <span class="brand-name" id="footer-brand-name">Brand Demo</span>
 <span class="brand-tag" id="footer-brand-tag">site de prezentare neutru</span>
 </span>
 </div>
 <p id="footer-text">Macheta simpla, adaptabila pentru orice domeniu.</p>
 <div class="social-links" id="social-links" aria-label="Social media">
 <a class="social-link" data-social="facebook" href="#" aria-label="Facebook">
 <svg viewBox="0 0 24 24" role="img" aria-hidden="true">
 <path d="M22 12a10 10 0 1 0-11.6 9.9v-7H8v-3h2.4V9.4c0-2.4 1.4-3.7 3.6-3.7 1 0 2 .2 2 .2v2.3h-1.1c-1.1 0-1.4.7-1.4 1.4V12H16l-.4 3h-2.1v7A10 10 0 0 0 22 12z"/>
 </svg>
 </a>
 <a class="social-link" data-social="instagram" href="#" aria-label="Instagram">
 <svg viewBox="0 0 24 24" role="img" aria-hidden="true">
 <path d="M7 3h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4zm0 2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H7zm10.25 1.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2.2A2.8 2.8 0 1 0 12 14.8 2.8 2.8 0 0 0 12 9.2z"/>
 </svg>
 </a>
 <a class="social-link" data-social="linkedin" href="#" aria-label="LinkedIn">
 <svg viewBox="0 0 24 24" role="img" aria-hidden="true">
 <path d="M6.94 6.5a1.94 1.94 0 1 1-3.88 0 1.94 1.94 0 0 1 3.88 0zM3.5 9h3v12h-3V9zm7 0h2.88v1.64h.04c.4-.75 1.38-1.54 2.84-1.54 3.04 0 3.6 2 3.6 4.6V21h-3v-6.2c0-1.48-.03-3.38-2.06-3.38-2.06 0-2.38 1.6-2.38 3.26V21h-3V9z"/>
 </svg>
 </a>
 <a class="social-link" data-social="youtube" href="#" aria-label="YouTube">
 <svg viewBox="0 0 24 24" role="img" aria-hidden="true">
 <path d="M21.6 7.2a2.7 2.7 0 0 0-1.9-1.9C18.1 5 12 5 12 5s-6.1 0-7.7.3a2.7 2.7 0 0 0-1.9 1.9A28.7 28.7 0 0 0 2 12a28.7 28.7 0 0 0 .4 4.8 2.7 2.7 0 0 0 1.9 1.9C5.9 19 12 19 12 19s6.1 0 7.7-.3a2.7 2.7 0 0 0 1.9-1.9A28.7 28.7 0 0 0 22 12a28.7 28.7 0 0 0-.4-4.8zM10 15.5v-7l6 3.5-6 3.5z"/>
 </svg>
 </a>
 </div>
 </div>
 <div class="footer-links" id="footer-links">
 <a href="#despre" data-nav="about">Despre</a>
 <a href="#servicii" data-nav="services">Servicii</a>
 <a href="#galerie" data-nav="gallery">Galerie</a>
 <a href="#contact" data-nav="contact">Contact</a>
 </div>
 <div class="footer-note" id="footer-note">(c) 2026 Brand Demo. Toate drepturile rezervate.</div>
 </footer>

 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="script.js?v=20260128-1" nonce="csp-20260209"></script>
 <script src="/macheta/live-preview.js?v=20260205-20" nonce="csp-20260209"></script>
 <script src="consent.js?v=20260207-1" defer nonce="csp-20260209"></script>
<script src="/media/products/plan-images.js?v=2026-02-13" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" nonce="csp-20260209" data-cf-beacon='{"version":"2024.11.0","token":"a7d192c4622849b6baa340983cfe4037","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
