-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrequest.html
More file actions
23 lines (23 loc) · 10.8 KB
/
Copy pathrequest.html
File metadata and controls
23 lines (23 loc) · 10.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en" data-route-locale="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="description" content="Send a structured project request to Kaan Balcı for AI workflows, automation, websites, dashboards or software products."/><meta name="author" content="Kaan Balcı"/><title>Request a Project | Kaan Balcı</title><meta name="theme-color" content="#07111f"/><link href="https://kaanbalci.com/request.html" rel="canonical"/><link rel="alternate" hreflang="en" href="https://kaanbalci.com/request.html"/><link rel="alternate" hreflang="tr" href="https://kaanbalci.com/tr/request.html"/><link rel="alternate" hreflang="de" href="https://kaanbalci.com/de/request.html"/><link rel="alternate" hreflang="es" href="https://kaanbalci.com/es/request.html"/><link rel="alternate" hreflang="fr" href="https://kaanbalci.com/fr/request.html"/><link rel="alternate" hreflang="x-default" href="https://kaanbalci.com/request.html"/><meta content="index, follow" name="robots"/><script>(function(){try{var t=localStorage.getItem("kaanbalci-site-theme")||"dark";document.documentElement.setAttribute("data-theme",t==="light"?"light":"dark");}catch(e){document.documentElement.setAttribute("data-theme","dark");}})();</script>
<script src="js/core/locale-bootstrap.js"></script><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"/><link href="https://unpkg.com" rel="preconnect"/><link crossorigin="" href="https://unpkg.com" rel="preconnect"/><link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/><link rel="stylesheet" href="style.css"/><link href="css/a11y.css" rel="stylesheet"/><link rel="stylesheet" href="portfolio-v2.css"/><link rel="icon" href="assets/KAAN BALCI-KÜÇÜK LOGO PNG.ico" type="image/x-icon"/></head>
<body data-page="request"><a class="skip-link" href="#main-content">Skip to content</a><header class="site-header"><a aria-label="Kaan Balcı home page" class="brand" href="index.html"><img alt="Kaan Balcı logo" src="assets/kaan-balci-logo-128.webp" width="128" height="128"/><span>Kaan Balcı</span></a><a aria-label="Available for roles" class="availability-badge" data-availability-badge="" href="mailto:kaanb8776@gmail.com"><span></span><strong>Open for work</strong></a><nav class="nav-links" data-nav="" id="site-navigation"><a href="index.html">Home</a><a href="works.html">Works</a><a href="games.html">Games</a><a href="blog.html">Experience</a><a href="single-work.html">Certificates</a><a class="selected" href="request.html">Request</a><a href="about.html">About</a></nav><div class="header-actions"><button aria-label="Open recruiter mode" class="recruiter-toggle" data-recruiter-toggle="" title="Recruiter Mode" type="button"><i class="bx bx-briefcase-alt-2"></i><span data-recruiter-label="">Recruiter Mode</span></button><button aria-label="Search" class="command-toggle" data-command-toggle="" title="Search" type="button"><i class="bx bx-search"></i><span data-command-label="">Search</span></button><div role="group" aria-label="Language selector" class="lang-switch"><button class="active" data-lang-switch="en" type="button">EN</button><button data-lang-switch="tr" type="button">TR</button></div><button aria-label="Switch theme" class="theme-toggle" data-theme-toggle="" title="Switch theme" type="button"><i class="bx bx-moon"></i><span data-theme-label="">Dark</span></button><button aria-controls="site-navigation" aria-expanded="false" aria-label="Open navigation" class="nav-toggle" type="button"><span></span><span></span></button></div></header>
<main id="main-content" tabindex="-1"><section class="page-hero section-shell reveal request-hero"><p class="eyebrow">Project request</p><h1 data-pv2-en="Tell me what you want to build." data-pv2-tr="Ne geliştirmek istediğini anlat.">Tell me what you want to build.</h1><p data-pv2-en="Use the structured form for AI workflows, automation, websites, dashboards, interactive products or software requests. I will review the scope and follow up through your preferred contact method." data-pv2-tr="AI workflow, otomasyon, web sitesi, dashboard, interaktif ürün veya yazılım talepleri için yapılandırılmış formu kullan. Kapsamı inceleyip tercih ettiğin iletişim yöntemiyle dönüş yapacağım.">Use the structured form for AI workflows, automation, websites, dashboards, interactive products or software requests. I will review the scope and follow up through your preferred contact method.</p></section>
<section class="section-shell section-block request-layout"><div class="request-copy reveal"><div class="detail-panel compact-panel request-info-card"><p class="eyebrow">How it works</p><h2>Simple request flow.</h2><div class="request-steps"><article><span>01</span><div><h3>Share the idea</h3><p>Describe the goal, problem, timeline and contact information.</p></div></article><article><span>02</span><div><h3>I review the scope</h3><p>I check the technical direction, integration needs and possible next steps.</p></div></article><article><span>03</span><div><h3>You get a follow-up</h3><p>I respond using the contact method you selected.</p></div></article></div></div><div class="detail-panel compact-panel request-info-card"><p class="eyebrow">Good for</p><div class="project-tags detail-tags"><span>AI Workflow</span><span>Chatbot Flow</span><span>Automation</span><span>Website</span><span>Dashboard</span><span>Interactive Product</span></div><p class="request-note" data-pv2-en="The direct form uses a Google Apps Script endpoint. Because the browser posts in no-cors mode, the site can record a browser submission reference but cannot truthfully claim server-side delivery confirmation." data-pv2-tr="Direct form Google Apps Script endpoint'i kullanıyor. Browser no-cors modunda post ettiği için site browser submission reference üretebilir ancak server-side teslimatı doğrulanmış gibi gösteremez.">The direct form uses a Google Apps Script endpoint. Because the browser posts in no-cors mode, the site can record a browser submission reference but cannot truthfully claim server-side delivery confirmation.</p></div></div>
<form class="request-form reveal delay-1" data-request-form><input type="hidden" name="source" value="kaanbalci.com request page"/><div class="request-honeypot" aria-hidden="true"><label for="company-website">Company website</label><input id="company-website" name="company_website" type="text" tabindex="-1" autocomplete="off" aria-hidden="true"/></div><div class="form-grid two"><label>Full Name *<input name="name" type="text" autocomplete="name" placeholder="Your name" required/></label><label>Email *<input name="email" type="email" autocomplete="email" placeholder="you@example.com" required/></label></div><div class="form-grid two"><label>Phone / WhatsApp<input name="phone" type="tel" autocomplete="tel" placeholder="+90 ..."/></label><label>Company / Brand<input name="company" type="text" placeholder="Optional"/></label></div><div class="form-grid two"><label>Project Type *<select name="serviceType" required><option value="">Select a project type</option><option>AI workflow / chatbot flow</option><option>Website / portfolio / landing page</option><option>Automation / n8n-style workflow</option><option>Dashboard / data analysis</option><option>Mobile / game prototype</option><option>Other software request</option></select></label><label>Estimated Budget<select name="budget"><option value="">Not sure yet</option><option>Small scope</option><option>Medium scope</option><option>Large scope</option><option>Need consultation</option></select></label></div><div class="form-grid two"><label>Timeline<select name="timeline"><option value="">Flexible</option><option>ASAP</option><option>1-2 weeks</option><option>1 month</option><option>Long-term collaboration</option></select></label><label>Preferred Contact<select name="preferredContact"><option>Email</option><option>WhatsApp</option><option>LinkedIn</option></select></label></div><label>Project Details *<textarea name="details" rows="7" placeholder="What do you want to build? What problem should it solve?" required></textarea></label><label class="checkbox-line"><input name="consent" type="checkbox" required/><span>I agree that this information can be used to contact me about my request.</span></label><div class="request-form-actions"><button class="btn primary" type="submit" data-request-submit>Send Request</button><a class="btn ghost" href="mailto:kaanb8776@gmail.com">Email Instead</a><a class="btn ghost online-form-btn" data-google-form-link href="https://docs.google.com/forms/d/e/1FAIpQLSdaC7iDV1f6aU3S3kKhJfHTEue9n8KRtwj-j7k6cT0i98lbiQ/viewform?usp=dialog" target="_blank" rel="noopener">Online Form</a></div><p class="request-form-alt-note">Google Forms and email remain available as explicit fallback channels.</p><div class="request-status" data-request-status aria-live="polite"></div></form></section></main>
<footer class="site-footer">
<div class="footer-inner section-shell">
<div>
<a class="footer-brand" href="index.html"><img alt="Kaan Balcı logo" src="assets/kaan-balci-logo-128.webp" width="128" height="128"/><span>Kaan Balcı</span></a>
<p data-pv2-en="Forward Deployed Engineer turning customer workflows into reliable AI systems and shipped software." data-pv2-tr="Müşteri workflow'larını güvenilir AI sistemlerine ve çalışan yazılım ürünlerine dönüştüren Forward Deployed Engineer.">Forward Deployed Engineer turning customer workflows into reliable AI systems and shipped software.</p>
</div>
<div role="group" aria-label="Social links" class="footer-socials">
<a aria-label="Open GitHub profile" href="https://github.com/UAJOP" rel="noopener noreferrer" target="_blank" title="GitHub"><i aria-hidden="true" class="bx bxl-github"></i></a>
<a aria-label="Open LinkedIn profile" href="https://www.linkedin.com/in/balcikaan/" rel="noopener noreferrer" target="_blank" title="LinkedIn"><i aria-hidden="true" class="bx bxl-linkedin-square"></i></a>
<a aria-label="Open Instagram profile" href="https://www.instagram.com/kaan_ba1/" rel="noopener noreferrer" target="_blank" title="Instagram"><i aria-hidden="true" class="bx bxl-instagram"></i></a>
<a aria-label="Open YouTube channel" href="https://www.youtube.com/channel/UCCoOWMoemn93OX7cHyGTZuA" rel="noopener noreferrer" target="_blank" title="YouTube"><i aria-hidden="true" class="bx bxl-youtube"></i></a>
<a aria-label="Open X profile" href="https://x.com/KaanAjop" rel="noopener noreferrer" target="_blank" title="X"><i aria-hidden="true" class="bx bxl-twitter"></i></a>
</div>
</div>
<p class="copyright">© <span data-year=""></span> Kaan Balcı. All rights reserved.</p>
</footer><script src="request-config.js"></script><script src="portfolio-data.js"></script><script src="script.js"></script><script src="portfolio-v2.js"></script></body></html>