/* global React, Icons */ const { useState, useEffect, useRef } = React; // ─────────────────────────────────────────────────────────── // Placeholder artwork generators — abstract compositions // so portfolio + IG cells look distinctive without real images. // ─────────────────────────────────────────────────────────── const Art = { Sofa: () => , Cafe: () => , Mesh: ({ hue = 80 }) => {Array.from({ length: 12 }).map((_, i) => )} {Array.from({ length: 16 }).map((_, i) => )} , Showroom: () => , Chair: () => NO.07 , Type: ({ text = "AG" }) => {text} {text} / CAMPAIGN 2025 , Coffee: () => , Boutique: () => MOBİLYA / SS25 }; // ───────────────────────────────────────────── // NAV // ───────────────────────────────────────────── function Nav({ onMenu, mobileOpen }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); } // ───────────────────────────────────────────── // HERO PHONE — animated live stats mockup // ───────────────────────────────────────────── const PHONE_BRANDS = ['Atölye 21', 'Mola Kahve', 'Konak Showroom', 'Form & Function', 'AG Studio', 'Brew House']; function HeroPhone() { const [revenue, setRevenue] = useState(48250); const [orders, setOrders] = useState(127); const [views, setViews] = useState(12480); const [likes, setLikes] = useState(2147); const [time, setTime] = useState('—'); const [bars, setBars] = useState([38, 52, 44, 68, 55, 78, 64]); const [feed, setFeed] = useState([ { id: 'a', type: 'sale', value: '+₺2.450', label: 'Yeni satış', who: 'Atölye 21' }, { id: 'b', type: 'like', value: '+24', label: 'Yeni beğeni', who: 'Mola Kahve' }, { id: 'c', type: 'view', value: '+1.2K', label: 'Görüntülenme', who: 'Konak Showroom' } ]); const nextId = useRef(100); const [pulse, setPulse] = useState(0); useEffect(() => { const setNow = () => { const d = new Date(); const hh = String(d.getHours()).padStart(2, '0'); const mm = String(d.getMinutes()).padStart(2, '0'); setTime(`${hh}:${mm}`); }; setNow(); const t = setInterval(setNow, 30000); return () => clearInterval(t); }, []); useEffect(() => { const pickWho = () => PHONE_BRANDS[Math.floor(Math.random() * PHONE_BRANDS.length)]; const fmt = (n) => n.toLocaleString('tr-TR'); const events = [ () => { const amt = (Math.floor(Math.random() * 28) + 4) * 50; setRevenue(r => r + amt); setOrders(o => o + 1); return { type: 'sale', value: `+₺${fmt(amt)}`, label: 'Yeni satış', who: pickWho() }; }, () => { const v = Math.floor(Math.random() * 1100) + 180; setViews(x => x + v); return { type: 'view', value: `+${v >= 1000 ? (v / 1000).toFixed(1) + 'K' : v}`, label: 'Görüntülenme', who: pickWho() }; }, () => { const l = Math.floor(Math.random() * 36) + 6; setLikes(x => x + l); return { type: 'like', value: `+${l}`, label: 'Yeni beğeni', who: pickWho() }; }, () => { const f = Math.floor(Math.random() * 9) + 2; return { type: 'follow', value: `+${f}`, label: 'Yeni takipçi', who: pickWho() }; } ]; const tick = () => { const ev = events[Math.floor(Math.random() * events.length)](); setFeed(prev => [{ ...ev, id: nextId.current++ }, ...prev].slice(0, 4)); setBars(b => [...b.slice(1), Math.floor(Math.random() * 60) + 30]); setPulse(p => p + 1); }; const id = setInterval(tick, 1900); return () => clearInterval(id); }, []); const fmtTR = (n) => n.toLocaleString('tr-TR'); const maxBar = Math.max(...bars, 100); return ( ); } // ───────────────────────────────────────────── // HERO // ───────────────────────────────────────────── function Hero() { return (

Markanızı dijitalde öne çıkaralım.

Sosyal medya, içerik, web ve reklam yönetimini tek bir disiplin altında birleştiren dijital pazarlama stüdyosu. Marka hikâyenizi ölçülebilir büyümeye çeviriyoruz.

Çalışmaya başlayalım İletişime geç
); } // ───────────────────────────────────────────── // MARQUEE // ───────────────────────────────────────────── function Marquee() { const items = ["Sosyal Medya", "Reklam Yönetimi", "Web Tasarım", "İçerik Üretimi", "SEO", "Marka Stratejisi", "Meta Ads", "Google Ads"]; const all = [...items, ...items]; return ( ); } // ───────────────────────────────────────────── // ABOUT // ───────────────────────────────────────────── function About() { return (
Murat Balaban Murat Balaban / Kurucu
— 01 / Hakkımda

Markanızın dijital kimliğini kuruyorum.

Balaban Digital, İnegöl ve çevresindeki işletmelere özel kurulmuş bir tek kişilik stüdyo. Bölgenin dinamiklerini, müşterilerinizin nasıl karar verdiğini ve hangi reklamın işe yaradığını biliyorum.

7 yıllık dijital pazarlama deneyimimle; sosyal medya yönetiminden Meta & Google reklam kampanyalarına, kurumsal websitelerinden SEO stratejisine kadar dijital varlığınızın her noktasını planlıyor, uyguluyor ve ölçüyorum. Her şey tek elden, her şey ölçülebilir.

{["Meta Ads", "Google Ads", "SEO", "Marka Stratejisi", "İçerik Yönetimi", "UX/UI", "Webflow & WP", "Analitik"].map((s) => {s} )}
40+
İnegöl Markası
7 yıl
Dijital Deneyim
); } // ───────────────────────────────────────────── // SERVICES // ───────────────────────────────────────────── const SERVICES = [ { num: "S/01", title: "Sosyal Medya Yönetimi", desc: "Instagram, Facebook ve TikTok hesaplarınızı stratejiyle, takvimle ve tutarlı bir sesle yönetiyoruz.", meta: "Aylık paket", icon: "Share2", formValue: "Sosyal medya yönetimi" }, { num: "S/02", title: "İçerik & Fotoğraf", desc: "İşletmenizde çektiğimiz profesyonel görsellerle, içeriklerinizi algoritmaların favorisi haline getiriyoruz.", meta: "Çekim + kurgu", icon: "Camera", formValue: "İçerik & fotoğraf" }, { num: "S/03", title: "Web Sitesi Kurulumu", desc: "Markanıza özel, hızlı, mobil uyumlu ve SEO uyumlu websiteleri. Tasarım, geliştirme ve teslim.", meta: "Tek seferlik", icon: "Code", formValue: "Web sitesi kurulumu" }, { num: "S/04", title: "Meta & Google Ads", desc: "Reklam kampanyalarını günlük takiple, hedef kitle testleri ve optimize edilmiş bütçelerle yönetiyoruz.", meta: "Performans", icon: "Megaphone", formValue: "Meta & Google reklamları" }, { num: "S/05", title: "SEO Optimizasyonu", desc: "Hedef kitleniz sizi Google'da ararken üst sıralarda görmesi için teknik ve içerik tabanlı SEO çalışmaları.", meta: "3–6 ay süreç", icon: "TrendingUp", formValue: "SEO optimizasyonu" }, { num: "S/06", title: "Dijital Strateji", desc: "Markanızın dijital yol haritasını, hedef kitlenizi ve büyüme planını birlikte kuruyoruz.", meta: "Danışmanlık", icon: "Compass", formValue: "Dijital strateji / danışmanlık" }]; function requestServiceInfo(formValue) { window.open('https://wa.me/905346602639', '_blank', 'noopener'); } function Services() { return (
— 02 / Hizmetler

İhtiyacınız olan her şey, tek elden.

Altı temel hizmet, tek bir yaratıcı disiplinde birleşiyor. İster aylık paket, ister tek seferlik proje olsun.
{SERVICES.map((s) => { const Ic = Icons[s.icon]; return (
{s.num}

{s.title}

{s.desc}

); })}
); } window.NavBar = Nav; window.Hero = Hero; window.Marquee = Marquee; window.About = About; window.Services = Services; window.Art = Art;