308 durum kodu, 301'den farklı olarak, istek yönteminin değişmeden kalmasını sağlayan kalıcı bir yönlendirmedir.
Kullanıcı kalıcı olarak yeni URL'ye yönlendirilir ve istek yöntemi aynı kalır.
GET / HTTP/1.1 Host: drkyn.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html><html lang="en" class="scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?q=80&w=2070&auto=format&fit=crop"/><link rel="stylesheet" href="/_next/static/css/e181a25b8e8ce0e9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-68f22649503f8e75.js"/><script src="/_next/static/chunks/4bd1b696-a0dc3109fd8a1ae5.js" async=""></script><script src="/_next/static/chunks/517-482c96f96d37d9e9.js" async=""></script><script src="/_next/static/chunks/main-app-a849309caff0f7ba.js" async=""></script><script src="/_next/static/chunks/173-58a6b575543c48eb.js" async=""></script><script src="/_next/static/chunks/970-ea0c007895a8fe5c.js" async=""></script><script src="/_next/static/chunks/502-2583020c5f608a04.js" async=""></script><script src="/_next/static/chunks/app/layout-4757cbeb7dc9e757.js" async=""></script><script src="/_next/static/chunks/app/not-found-c4fd87a168fb1c6a.js" async=""></script><script src="/_next/static/chunks/390-fe2370eeb2115ac4.js" async=""></script><script src="/_next/static/chunks/694-2650b697f1622a65.js" async=""></script><script src="/_next/static/chunks/app/page-4cfeaee6653e5572.js" async=""></script><title>DRKYN - Personalised Software Solutions</title><meta name="description" content="DRKYN is a team specializing in software development services. We help businesses innovate and grow with tailored solutions."/><meta name="author" content="DRKYN Solutions"/><meta name="keywords" content="tech agency, web development, mobile apps, UI/UX design, digital transformation, tech solutions, NGO services, software development, software consultation"/><meta name="creator" content="DRKYN Solutions"/><meta name="publisher" content="DRKYN Solutions"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="technology"/><link rel="canonical" href="https://drkyn.com"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta property="og:title" content="DRKYN - Personalised Software Solutions"/><meta property="og:description" content="We design and develop innovative software solutions that transform businesses and elevate brands in the modern tech landscape."/><meta property="og:url" content="https://drkyn.com"/><meta property="og:site_name" content="DRKYN Solutions"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://drkyn.com/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="DRKYN Solutions Agency"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="DRKYN Solutions"/><meta name="twitter:description" content="Specializing in software development services."/><meta name="twitter:image" content="https://drkyn.com/twitter-image.jpg"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="font-sans"><script>((e,t,r,n,o,a,i,u)=>{let s=document.documentElement,l=["light","dark"];function c(t){(Array.isArray(e)?e:[e]).forEach(e=>{let r="class"===e,n=r&&a?o.map(e=>a[e]||e):o;r?(s.classList.remove(...n),s.classList.add(a&&a[t]?a[t]:t)):s.setAttribute(e,t)}),u&&l.includes(t)&&(s.style.colorScheme=t)}if(n)c(n);else try{let e=localStorage.getItem(t)||r,n=i&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;c(n)}catch(e){}})("class","drkyn-theme","dark",null,["light","dark"],null,false,true)</script><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="container mx-auto px-6 flex items-center justify-between"><a class="relative z-50" href="/"><img alt="Logo" loading="lazy" width="240" height="80" decoding="async" data-nimg="1" style="color:transparent" src="/logo.svg"/></a><nav class="hidden md:flex items-center space-x-8 relative z-50"><a class="text-sm font-medium hover:text-primary transition-colors duration-200 text-primary" href="/">Home</a><a class="text-sm font-medium hover:text-primary transition-colors duration-200 text-white" href="/#services">Services</a><a class="text-sm font-medium hover:text-primary transition-colors duration-200 text-white" href="/projects">Projects</a><a class="text-sm font-medium hover:text-primary transition-colors duration-200 text-white" href="/#about">About</a><a class="text-sm font-medium hover:text-primary transition-colors duration-200 text-white" href="/blog">Blog</a><a class="text-sm font-medium hover:text-primary transition-colors duration-200 text-white" href="/#contact">Contact</a><a class="px-5 py-2 rounded-full bg-primary text-primary-foreground text-sm font-medium transition-all duration-300 hover:bg-primary/90 hover:shadow-lg hover:shadow-primary/20" href="/#contact">Get in touch</a><div class="w-9 h-9"></div></nav><div class="md:hidden flex items-center space-x-2 relative z-50"><div class="w-9 h-9"></div><button class="p-2 rounded-full hover:bg-foreground/10 transition-colors text-white" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div><div class="fixed inset-0 bg-background/95 backdrop-blur-lg z-40 transition-all duration-500 ease-in-out flex flex-col justify-center opacity-0 invisible pointer-events-none"><div class="flex flex-col space-y-8 items-center"><a class="text-2xl font-medium hover:text-primary transition-colors text-primary" href="/">Home</a><a class="text-2xl font-medium hover:text-primary transition-colors " href="/#services">Services</a><a class="text-2xl font-medium hover:text-primary transition-colors " href="/projects">Projects</a><a class="text-2xl font-medium hover:text-primary transition-colors " href="/#about">About</a><a class="text-2xl font-medium hover:text-primary transition-colors " href="/blog">Blog</a><a class="text-2xl font-medium hover:text-primary transition-colors " href="/#contact">Contact</a><a class="px-8 py-3 rounded-full bg-primary text-primary-foreground text-lg font-medium mt-4 hover:bg-primary/90 transition-colors" href="/#contact">Get in touch</a></div></div></div></header><main class="flex min-h-screen flex-col"><script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","name":"DRKYN Tech Solutions Agency","url":"https://drkyn.com","logo":"https://drkyn.com/logo.png","description":"We design and develop innovative digital solutions that transform businesses and elevate brands in the modern tech landscape.","address":{"@type":"PostalAddress","streetAddress":"123 Tech Street","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94103","addressCountry":"US"},"telephone":"+15551234567","email":"[email protected]","openingHours":"Mo,Tu,We,Th,Fr 09:00-18:00","sameAs":["https://twitter.com/drkyn","https://www.linkedin.com/company/drkyn","https://www.instagram.com/drkyn","https://github.com/drkyn"],"priceRange":"$$","serviceArea":{"@type":"GeoCircle","geoMidpoint":{"@type":"GeoCoordinates","latitude":37.7749,"longitude":-122.4194},"geoRadius":"50000"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Digital Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web Development","description":"Building responsive and performant websites and web applications with modern technologies."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"UI/UX Design","description":"Creating intuitive user experiences with beautiful interfaces that engage and convert."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile Applications","description":"Developing native and cross-platform mobile apps that deliver exceptional user experiences."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"NGO Services","description":"Free tailored digital services for nonprofit organizations."}}]}}</script><section class="min-h-screen flex flex-col items-center justify-center relative py-20 overflow-hidden" aria-label="Hero section"><div class="absolute inset-0 -z-10"><div class="relative w-full h-full"><img alt="Abstract gold and dark background" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?q=80&w=2070&auto=format&fit=crop"/><div class="absolute inset-0 bg-background/90"></div></div></div><div class="absolute top-24 right-6 z-10"><div class="py-1 px-3 rounded-full text-xs font-medium bg-gray-900/80 text-white border border-gray-800">Dark Mode</div></div><div class="absolute top-1/4 right-[10%] w-[300px] h-[300px] rounded-full bg-primary/20 blur-[100px] opacity-60" style="transform:none" aria-hidden="true"></div><div class="absolute bottom-1/3 left-[15%] w-[250px] h-[250px] rounded-full bg-primary/10 blur-[80px] opacity-40" style="transform:none" aria-hidden="true"></div><div class="container mx-auto px-6 relative z-10 flex flex-col items-center"><div class="mb-4 inline-block" style="opacity:0;transform:translateY(-20px)"></div><h1 class="text-4xl md:text-6xl lg:text-7xl font-display font-bold text-center leading-tight tracking-tight mb-6 max-w-4xl text-white" style="opacity:0;transform:translateY(20px)">Digital transformation with precision</h1><p class="text-lg md:text-xl text-white/90 max-w-2xl mx-auto mb-10 text-center" style="opacity:0;transform:translateY(20px)">We design and develop innovative digital solutions that transform businesses and elevate brands in the modern tech landscape.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4 mt-4" style="opacity:0;transform:translateY(20px)"><a href="#services" class="px-8 py-3 rounded-full text-sm font-medium transition-all duration-300 hover:shadow-lg w-full sm:w-auto text-center bg-primary text-primary-foreground hover:bg-primary/90 hover:shadow-primary/20" aria-label="Explore our services">Explore our services</a><a href="#contact" class="px-8 py-3 rounded-full text-sm font-medium transition-all duration-300 w-full sm:w-auto text-center bg-white/10 hover:bg-white/20 border border-white/20 text-white" aria-label="Get in touch with us">Get in touch</a></div></div><div class="absolute bottom-10 left-0 right-0 flex flex-col items-center" style="opacity:0"><span class="text-sm text-white/50 mb-2">Scroll to explore</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down w-5 h-5 text-white/50" aria-hidden="true"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg></div></div></section><div class="relative overflow-hidden py-24 relative overflow-hidden bg-gradient-to-b from-background to-background/95 pattern-enhanced"><div class="absolute inset-0 opacity-50" style="background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSI0OSIgdmlld0JveD0iMCAwIDI4IDQ5Ij48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJoZXhhZ29ucyIgZmlsbD0iI2ZhYzI3ZCIgZmlsbC1vcGFjaXR5PSIwLjA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xMy45OSA5LjI1bDEzIDcuNXYxNWwtMTMgNy41TDEgMzEuNzV2LTE1bDEyLjk5LTcuNXpNMyAxNy45djEyLjdsMTAuOTkgNi4zNCAxMS02LjM1VjE3LjlsLTExLTYuMzRMMyAxNy45ek0wIDE1bDEyLjk4LTcuNVYwaC0ydjYuMzVMMCAxMi42OXYyLjN6bTAgMTguNUwxMi45OCA0MXY4aC0ydi02Ljg1TDAgMzUuODF2LTIuM3pNMTUgMHY3LjVMMjcuOTkgMTVIMjh2LTIuMzFoLS4wMUwxNyA2LjM1VjBoLTJ6bTAgNDl2LThsMTIuOTktNy41SDI4djIuMzFoLS4wMUwxNyA0Mi4xNVY0OWgtMnoiLz48L2c+PC9nPjwvc3ZnPg==');opacity:0.5"></div><div class="absolute inset-0 bg-gradient-to-r from-primary/20 to-primary/5 pointer-events-none" style="opacity:0.8"></div><section id="services" class="relative z-10"><div class="container mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><span class="inline-block py-1 px-4 text-xs font-medium bg-primary/20 text-primary rounded-full mb-4">Our Services</span><h2 class="text-3xl md:text-4xl font-display font-bold mb-6">Comprehensive digital solutions</h2><p class="text-lg text-foreground/70 max-w-2xl mx-auto">We offer end-to-end services to help businesses thrive in the digital landscape with innovative solutions and strategic implementation.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8"><div class="relative p-6 rounded-xl border border-foreground/10 bg-foreground/5 backdrop-blur-sm transition-all duration-300 hover:border-primary/30 group" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 rounded-xl transition-opacity duration-500"></div><div class="w-12 h-12 flex items-center justify-center rounded-lg bg-primary/10 text-primary mb-5 group-hover:scale-110 transition-transform duration-300" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></div><h3 class="text-xl font-display font-semibold mb-3 group-hover:text-primary transition-colors duration-300">UI/UX Design</h3><p class="text-foreground/70">Designing seamless and accessible user interfaces for web and mobile applications.</p></div><div class="relative p-6 rounded-xl border border-foreground/10 bg-foreground/5 backdrop-blur-sm transition-all duration-300 hover:border-primary/30 group" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 rounded-xl transition-opacity duration-500"></div><div class="w-12 h-12 flex items-center justify-center rounded-lg bg-primary/10 text-primary mb-5 group-hover:scale-110 transition-transform duration-300" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><h3 class="text-xl font-display font-semibold mb-3 group-hover:text-primary transition-colors duration-300">Web Development</h3><p class="text-foreground/70">Developing scalable and high-performance web applications using modern frameworks and technologies.</p></div><div class="relative p-6 rounded-xl border border-foreground/10 bg-foreground/5 backdrop-blur-sm transition-all duration-300 hover:border-primary/30 group" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 rounded-xl transition-opacity duration-500"></div><div class="w-12 h-12 flex items-center justify-center rounded-lg bg-primary/10 text-primary mb-5 group-hover:scale-110 transition-transform duration-300" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><h3 class="text-xl font-display font-semibold mb-3 group-hover:text-primary transition-colors duration-300">Mobile App Development</h3><p class="text-foreground/70">Building robust native and cross-platform mobile applications for iOS and Android.</p></div><div class="relative p-6 rounded-xl border border-foreground/10 bg-foreground/5 backdrop-blur-sm transition-all duration-300 hover:border-primary/30 group" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 rounded-xl transition-opacity duration-500"></div><div class="w-12 h-12 flex items-center justify-center rounded-lg bg-primary/10 text-primary mb-5 group-hover:scale-110 transition-transform duration-300" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg></div><h3 class="text-xl font-display font-semibold mb-3 group-hover:text-primary transition-colors duration-300">Software Architecture</h3><p class="text-foreground/70">Designing and optimizing scalable, maintainable, and high-performing software architectures.</p></div><div class="relative p-6 rounded-xl border border-foreground/10 bg-foreground/5 backdrop-blur-sm transition-all duration-300 hover:border-primary/30 group" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 rounded-xl transition-opacity duration-500"></div><div class="w-12 h-12 flex items-center justify-center rounded-lg bg-primary/10 text-primary mb-5 group-hover:scale-110 transition-transform duration-300" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></div><h3 class="text-xl font-display font-semibold mb-3 group-hover:text-primary transition-colors duration-300">Cloud & DevOps</h3><p class="text-foreground/70">Implementing cloud-native solutions, CI/CD pipelines, and infrastructure automation.</p></div><div class="relative p-6 rounded-xl border border-foreground/10 bg-foreground/5 backdrop-blur-sm transition-all duration-300 hover:border-primary/30 group" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 rounded-xl transition-opacity duration-500"></div><div class="w-12 h-12 flex items-center justify-center rounded-lg bg-primary/10 text-primary mb-5 group-hover:scale-110 transition-transform duration-300" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><h3 class="text-xl font-display font-semibold mb-3 group-hover:text-primary transition-colors duration-300">Technology Consulting</h3><p class="text-foreground/70">Guiding businesses through digital transformation, tech strategy, and system modernization.</p></div></div></div></section></div><section id="projects" class="py-24 relative bg-gradient-to-b from-background/95 to-background"><div class="container mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><span class="inline-block py-1 px-4 text-xs font-medium bg-primary/20 text-primary rounded-full mb-4">Our Work</span><h2 class="text-3xl md:text-4xl font-display font-bold mb-6">Featured Projects</h2><p class="text-foreground/70 max-w-2xl mx-auto">Explore our portfolio of successful projects that showcase our expertise and creativity.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="group relative overflow-hidden rounded-xl bg-foreground/5 border border-foreground/10 h-full flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="aspect-[16/9] relative overflow-hidden"><img alt="E-commerce Platform - Web Development project by DRKYN" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://images.unsplash.com/photo-1661956602116-aa6865609028?ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1064&q=80"/><div class="absolute inset-0 bg-gradient-to-t from-background/80 to-transparent opacity-60"></div><div class="absolute top-4 left-4"><span class="text-xs font-medium bg-primary/20 text-primary py-1 px-3 rounded-full">Web Development</span></div></div><div class="p-6 flex flex-col flex-grow"><h3 class="text-xl font-display font-bold mb-3 group-hover:text-primary transition-colors duration-300">E-commerce Platform</h3><p class="text-foreground/70 mb-4 flex-grow">A modern e-commerce platform with seamless checkout and inventory management.</p><a class="inline-flex items-center text-sm font-medium text-primary group/link" aria-label="View E-commerce Platform project details" href="/projects/ecommerce"><span class="relative after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-primary after:origin-right after:scale-x-0 after:transition-transform after:duration-300 group-hover/link:after:origin-left group-hover/link:after:scale-x-100">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-1 h-4 w-4 transition-transform duration-300 group-hover/link:translate-x-1 group-hover/link:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div class="group relative overflow-hidden rounded-xl bg-foreground/5 border border-foreground/10 h-full flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="aspect-[16/9] relative overflow-hidden"><img alt="Financial Dashboard - UI/UX Design project by DRKYN" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"/><div class="absolute inset-0 bg-gradient-to-t from-background/80 to-transparent opacity-60"></div><div class="absolute top-4 left-4"><span class="text-xs font-medium bg-primary/20 text-primary py-1 px-3 rounded-full">UI/UX Design</span></div></div><div class="p-6 flex flex-col flex-grow"><h3 class="text-xl font-display font-bold mb-3 group-hover:text-primary transition-colors duration-300">Financial Dashboard</h3><p class="text-foreground/70 mb-4 flex-grow">Interactive dashboard for financial data visualization and analysis.</p><a class="inline-flex items-center text-sm font-medium text-primary group/link" aria-label="View Financial Dashboard project details" href="/projects/dashboard"><span class="relative after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-primary after:origin-right after:scale-x-0 after:transition-transform after:duration-300 group-hover/link:after:origin-left group-hover/link:after:scale-x-100">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-1 h-4 w-4 transition-transform duration-300 group-hover/link:translate-x-1 group-hover/link:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div class="group relative overflow-hidden rounded-xl bg-foreground/5 border border-foreground/10 h-full flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="aspect-[16/9] relative overflow-hidden"><img alt="Mobile Fitness App - Mobile Development project by DRKYN" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://images.unsplash.com/photo-1605296867304-46d5465a13f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"/><div class="absolute inset-0 bg-gradient-to-t from-background/80 to-transparent opacity-60"></div><div class="absolute top-4 left-4"><span class="text-xs font-medium bg-primary/20 text-primary py-1 px-3 rounded-full">Mobile Development</span></div></div><div class="p-6 flex flex-col flex-grow"><h3 class="text-xl font-display font-bold mb-3 group-hover:text-primary transition-colors duration-300">Mobile Fitness App</h3><p class="text-foreground/70 mb-4 flex-grow">Cross-platform fitness application with personalized workout plans.</p><a class="inline-flex items-center text-sm font-medium text-primary group/link" aria-label="View Mobile Fitness App project details" href="/projects/fitness"><span class="relative after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-primary after:origin-right after:scale-x-0 after:transition-transform after:duration-300 group-hover/link:after:origin-left group-hover/link:after:scale-x-100">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-1 h-4 w-4 transition-transform duration-300 group-hover/link:translate-x-1 group-hover/link:-translate-y-1" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div class="text-center mt-12" style="opacity:0"><a class="px-8 py-3 rounded-full bg-foreground/5 hover:bg-foreground/10 border border-foreground/10 text-foreground text-sm font-medium transition-all duration-300 inline-block" aria-label="View all projects in our portfolio" href="/projects">View All Projects</a></div></div></section><div class="relative overflow-hidden py-24 relative bg-gradient-to-b from-background to-background/95 pattern-enhanced"><div class="absolute inset-0 opacity-50" style="background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSI0OSIgdmlld0JveD0iMCAwIDI4IDQ5Ij48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJoZXhhZ29ucyIgZmlsbD0iI2ZhYzI3ZCIgZmlsbC1vcGFjaXR5PSIwLjA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xMy45OSA5LjI1bDEzIDcuNXYxNWwtMTMgNy41TDEgMzEuNzV2LTE1bDEyLjk5LTcuNXpNMyAxNy45djEyLjdsMTAuOTkgNi4zNCAxMS02LjM1VjE3LjlsLTExLTYuMzRMMyAxNy45ek0wIDE1bDEyLjk4LTcuNVYwaC0ydjYuMzVMMCAxMi42OXYyLjN6bTAgMTguNUwxMi45OCA0MXY4aC0ydi02Ljg1TDAgMzUuODF2LTIuM3pNMTUgMHY3LjVMMjcuOTkgMTVIMjh2LTIuMzFoLS4wMUwxNyA2LjM1VjBoLTJ6bTAgNDl2LThsMTIuOTktNy41SDI4djIuMzFoLS4wMUwxNyA0Mi4xNVY0OWgtMnoiLz48L2c+PC9nPjwvc3ZnPg==');opacity:0.5"></div><div class="absolute inset-0 bg-gradient-to-r from-primary/20 to-primary/5 pointer-events-none" style="opacity:0.8"></div><section id="about" class="relative z-10"><div class="container mx-auto px-6"><div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-16"><div class="w-full lg:w-1/2 order-2 lg:order-1" style="opacity:0;transform:translateX(-20px)"><div class="relative w-full aspect-square max-w-md mx-auto"><div class="absolute inset-0 rounded-2xl overflow-hidden"><img alt="Team of professionals collaborating in a modern workspace" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2940&q=80"/></div><div class="absolute -bottom-6 -right-6 w-full h-full rounded-2xl border border-primary/20 z-[-1]"></div><div class="absolute -top-6 -left-6 w-full h-full rounded-2xl bg-gradient-to-br from-primary/10 to-transparent z-[-1]"></div></div></div><div class="w-full lg:w-1/2 order-1 lg:order-2" style="opacity:0;transform:translateX(20px)"><span class="inline-block py-1 px-4 text-xs font-medium bg-primary/20 text-primary rounded-full mb-4">About Us</span><h2 class="text-3xl md:text-4xl font-display font-bold mb-6">Passionate team of digital crafters</h2><p class="text-foreground/70 mb-6">DRKYN is a tech solutions agency dedicated to helping businesses thrive in the digital world. With our expertise in web and mobile development, UI/UX design, and digital marketing, we create innovative solutions that drive growth and success.</p><p class="text-foreground/70 mb-8">Our team of skilled professionals is committed to delivering high-quality results that exceed expectations. We work closely with our clients to understand their unique needs and develop tailored solutions that address their specific challenges.</p><div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8"><div class="flex items-start" style="opacity:0;transform:translateY(10px)"><div class="mr-3 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div><h4 class="font-medium mb-1">Precision</h4><p class="text-sm text-foreground/70">We pay attention to every detail to deliver flawless results.</p></div></div><div class="flex items-start" style="opacity:0;transform:translateY(10px)"><div class="mr-3 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div><h4 class="font-medium mb-1">Innovation</h4><p class="text-sm text-foreground/70">We embrace new technologies and methodologies to stay ahead.</p></div></div><div class="flex items-start" style="opacity:0;transform:translateY(10px)"><div class="mr-3 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div><h4 class="font-medium mb-1">Collaboration</h4><p class="text-sm text-foreground/70">We work closely with clients to create tailored solutions.</p></div></div><div class="flex items-start" style="opacity:0;transform:translateY(10px)"><div class="mr-3 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div><h4 class="font-medium mb-1">Excellence</h4><p class="text-sm text-foreground/70">We consistently strive to exceed expectations in all we do.</p></div></div></div><a href="#contact" class="px-8 py-3 rounded-full bg-primary text-primary-foreground text-sm font-medium transition-all duration-300 hover:bg-primary/90 hover:shadow-lg hover:shadow-primary/20 inline-block">Work with us</a></div></div></div></section><div class="mt-24 py-16 bg-foreground/5 border-y border-foreground/10"><div class="container mx-auto px-6"><div class="grid grid-cols-2 md:grid-cols-4 gap-8"><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-display font-bold mb-2 text-primary">50+</div><div class="text-sm md:text-base text-foreground/70">Projects Completed</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-display font-bold mb-2 text-primary">8+</div><div class="text-sm md:text-base text-foreground/70">Years of Experience</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-display font-bold mb-2 text-primary">30+</div><div class="text-sm md:text-base text-foreground/70">Happy Clients</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-display font-bold mb-2 text-primary">12</div><div class="text-sm md:text-base text-foreground/70">Team Members</div></div></div></div></div></div><section class="py-20 relative overflow-hidden"><div class="absolute inset-0 bg-primary/5 pattern-enhanced"></div><div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-primary/50 via-primary/20 to-transparent"></div><div class="absolute bottom-0 right-0 w-full h-1 bg-gradient-to-l from-primary/50 via-primary/20 to-transparent"></div><div class="container mx-auto px-6 relative z-10"><div class="max-w-4xl mx-auto"><div class="flex flex-col md:flex-row items-center gap-6 md:gap-10" style="opacity:0;transform:translateY(20px)"><div class="w-16 h-16 md:w-20 md:h-20 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-8 h-8 md:w-10 md:h-10 text-primary"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div><div class="flex-1 text-center md:text-left"><h2 class="text-3xl md:text-4xl font-display font-bold mb-4">Giving Back to the Community</h2><p class="text-xl text-foreground/80 mb-6">We provide <span class="font-semibold text-primary">free tailored digital services</span> to NGOs and nonprofit organizations making a positive impact.</p><div class="space-y-4 mb-8"><p class="text-foreground/70">At DRKYN, we believe in using our expertise to support causes that matter. Our team is committed to helping nonprofit organizations amplify their message and reach through custom digital solutions.</p><p class="text-foreground/70">Whether you need a new website, digital marketing strategy, or custom application, we're here to support your mission with the same quality and dedication we bring to all our projects.</p></div><a class="inline-flex items-center px-6 py-3 rounded-full text-sm font-medium transition-all duration-300 bg-primary text-primary-foreground hover:bg-primary/90" href="#contact">Apply for NGO Support<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></section><div class="relative overflow-hidden py-24 relative bg-gradient-to-b from-background/95 to-background pattern-enhanced"><div class="absolute inset-0 opacity-50" style="background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSI0OSIgdmlld0JveD0iMCAwIDI4IDQ5Ij48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJoZXhhZ29ucyIgZmlsbD0iI2ZhYzI3ZCIgZmlsbC1vcGFjaXR5PSIwLjA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xMy45OSA5LjI1bDEzIDcuNXYxNWwtMTMgNy41TDEgMzEuNzV2LTE1bDEyLjk5LTcuNXpNMyAxNy45djEyLjdsMTAuOTkgNi4zNCAxMS02LjM1VjE3LjlsLTExLTYuMzRMMyAxNy45ek0wIDE1bDEyLjk4LTcuNVYwaC0ydjYuMzVMMCAxMi42OXYyLjN6bTAgMTguNUwxMi45OCA0MXY4aC0ydi02Ljg1TDAgMzUuODF2LTIuM3pNMTUgMHY3LjVMMjcuOTkgMTVIMjh2LTIuMzFoLS4wMUwxNyA2LjM1VjBoLTJ6bTAgNDl2LThsMTIuOTktNy41SDI4djIuMzFoLS4wMUwxNyA0Mi4xNVY0OWgtMnoiLz48L2c+PC9nPjwvc3ZnPg==');opacity:0.5"></div><div class="absolute inset-0 bg-gradient-to-r from-primary/20 to-primary/5 pointer-events-none" style="opacity:0.8"></div><section id="contact" class="relative z-10"><div class="container mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><span class="inline-block py-1 px-4 text-xs font-medium bg-primary/20 text-primary rounded-full mb-4">Contact Us</span><h2 class="text-3xl md:text-4xl font-display font-bold mb-6">Get In Touch</h2><p class="text-foreground/70 max-w-2xl mx-auto">Have a project in mind or want to learn more about our services? We'd love to hear from you.</p></div><div class="mb-16 p-6 md:p-8 rounded-xl border-2 border-primary/20 bg-primary/5 max-w-4xl mx-auto" style="opacity:0;transform:translateY(20px)"><div class="flex flex-col md:flex-row items-center gap-6"><div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-8 h-8 text-primary"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div><div><h3 class="text-xl md:text-2xl font-display font-bold mb-2">Free Services for NGOs</h3><p class="text-foreground/70 mb-4">We're proud to offer complimentary digital services to nonprofit organizations. If you represent an NGO, please indicate this in the form below and we'll discuss how we can support your mission at no cost.</p><div class="flex items-center text-primary"><span class="text-sm font-medium">Learn more about our NGO support program</span><svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-12"><div class="lg:col-span-2" style="opacity:0;transform:translateY(20px)"><form class="bg-foreground/5 rounded-xl p-8 border border-foreground/10"><div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-6"><div><label for="name" class="block text-sm font-medium mb-2">Your Name</label><input type="text" id="name" required="" class="w-full px-4 py-3 rounded-lg bg-background/50 border border-foreground/10 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none transition-colors" name="name" value=""/></div><div><label for="email" class="block text-sm font-medium mb-2">Your Email</label><input type="email" id="email" required="" class="w-full px-4 py-3 rounded-lg bg-background/50 border border-foreground/10 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none transition-colors" name="email" value=""/></div></div><div class="mb-6"><label for="organization" class="block text-sm font-medium mb-2">Organization (Optional)</label><input type="text" id="organization" class="w-full px-4 py-3 rounded-lg bg-background/50 border border-foreground/10 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none transition-colors" name="organization" value=""/></div><div class="mb-6"><label for="subject" class="block text-sm font-medium mb-2">Subject</label><input type="text" id="subject" required="" class="w-full px-4 py-3 rounded-lg bg-background/50 border border-foreground/10 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none transition-colors" name="subject" value=""/></div><div class="mb-6"><label for="message" class="block text-sm font-medium mb-2">Message</label><textarea id="message" name="message" required="" rows="5" class="w-full px-4 py-3 rounded-lg bg-background/50 border border-foreground/10 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-none transition-colors resize-none"></textarea></div><div class="mb-6"><div class="flex items-center"><input type="checkbox" id="isNGO" class="h-4 w-4 text-primary border-foreground/20 rounded focus:ring-primary" name="isNGO"/><label for="isNGO" class="ml-2 block text-sm">We are a nonprofit/NGO interested in your free services</label></div></div><button type="submit" class="px-8 py-3 rounded-full bg-primary text-primary-foreground text-sm font-medium transition-all duration-300 hover:bg-primary/90 hover:shadow-lg hover:shadow-primary/20">Send Message</button></form></div><div style="opacity:0;transform:translateY(20px)"><div class="bg-foreground/5 rounded-xl p-8 h-full border border-foreground/10"><h3 class="text-xl font-display font-bold mb-6">Contact Information</h3><div class="space-y-6"><div class="flex items-start"><div class="mr-4 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-6 w-6 text-primary"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><div><h4 class="font-medium mb-1">Email</h4><a href="mailto:[email protected]" class="text-foreground/70 hover:text-primary transition-colors">[email protected]</a></div></div><div class="flex items-start"><div class="mr-4 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-6 w-6 text-primary"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><div><h4 class="font-medium mb-1">Phone</h4><a href="tel:+15551234567" class="text-foreground/70 hover:text-primary transition-colors">+1 (555) 123-4567</a></div></div><div class="flex items-start"><div class="mr-4 mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-6 w-6 text-primary"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><h4 class="font-medium mb-1">Office</h4><a href="https://maps.google.com" class="text-foreground/70 hover:text-primary transition-colors" target="_blank" rel="noopener noreferrer">123 Tech Street, San Francisco, CA</a></div></div></div><div class="mt-10 p-4 rounded-lg bg-primary/5 border border-primary/10"><h4 class="font-medium flex items-center text-primary mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 mr-2"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg>NGO Support</h4><p class="text-sm text-foreground/70 mb-2">For nonprofit inquiries, contact our dedicated NGO support team:</p><a href="mailto:[email protected]" class="text-sm text-primary hover:underline">[email protected]</a></div></div></div></div></div></section></div></main><footer class="py-16 border-t border-foreground/10 bg-background"><div class="container mx-auto px-6"><div class="grid grid-cols-1 md:grid-cols-4 gap-10"><div class="md:col-span-2"><a class="" href="/"><img alt="Logo" loading="lazy" width="240" height="80" decoding="async" data-nimg="1" style="color:transparent" src="/logo.svg"/></a><p class="text-foreground/70 my-6 max-w-md">A tech agency specializing in creating exceptional digital experiences that empower businesses and engage users.</p><button class="inline-flex items-center text-sm font-medium hover:text-primary transition-colors group" aria-label="Back to top">Back to top<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up ml-1 transition-transform group-hover:-translate-y-1" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></button></div><div><h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Services</h3><ul class="space-y-3"><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#services">UI/UX Design</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#services">Web Development</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#services">Mobile App Development</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#services">Software Architecture</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#services">Cloud & DevOps</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#services">Technology Consulting</a></li></ul></div><div><h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Company</h3><ul class="space-y-3"><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/">Home</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/projects">Projects</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/blog">Blog</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#about">About</a></li><li><a class="text-sm text-foreground/70 hover:text-primary transition-colors" href="/#contact">Contact</a></li></ul></div></div><div class="mt-12 pt-8 border-t border-foreground/10 text-sm text-foreground/60 flex flex-col md:flex-row justify-between items-center"><p>© <!-- -->2025<!-- --> DRKYN Tech Solutions. All rights reserved.</p><div class="mt-4 md:mt-0 flex space-x-6"><a class="hover:text-primary transition-colors" href="/privacy-policy">Privacy Policy</a><a class="hover:text-primary transition-colors" href="/terms-of-service">Terms of Service</a></div></div></div></footer><script src="/_next/static/chunks/webpack-68f22649503f8e75.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[4627,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"502\",\"static/chunks/502-2583020c5f608a04.js\",\"177\",\"static/chunks/app/layout-4757cbeb7dc9e757.js\"],\"ThemeProvider\"]\n3:I[1952,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"502\",\"static/chunks/502-2583020c5f608a04.js\",\"177\",\"static/chunks/app/layout-4757cbeb7dc9e757.js\"],\"Header\"]\n4:I[5244,[],\"\"]\n5:I[3866,[],\"\"]\n6:I[8173,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"345\",\"static/chunks/app/not-found-c4fd87a168fb1c6a.js\"],\"\"]\n7:I[2845,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"502\",\"static/chunks/502-2583020c5f608a04.js\",\"177\",\"static/chunks/app/layout-4757cbeb7dc9e757.js\"],\"default\"]\n8:I[2386,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"502\",\"static/chunks/502-2583020c5f608a04.js\",\"177\",\"static/chunks/app/layout-4757cbeb7dc9e757.js\"],\"Cursor\"]\na:I[4368,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"390\",\"static/chunks/390-fe2370eeb2115ac4.js\",\"694\",\"static/chunks/694-2650b697f1622a65.js\",\"974\",\"static/chunks/app/page-4cfeaee6653e5572.js\"],\"Hero\"]\nb:I[6348,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"390\",\"static/chunks/390-fe2370eeb2115ac4.js\",\"694\",\"static/chunks/694-2650b697f1622a65.js\",\"974\",\"static/chunks/app/page-4cfeaee6653e5572.js\"],\"Services\"]\nc:I[4778,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"390\",\"static/chunks/390-fe2370eeb2115ac4.js\",\"694\",\"static/chunks/694-2650b697f1622a65.js\",\"974\",\"static/chunks/app/page-4cfeaee6653e5572.js\"],\"Projects\"]\nd:I[5319,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"390\",\"static/chunks/390-fe2370eeb2115ac4.js\",\"694\",\"static/chunks/694-2650b697f1622a65.js\",\"974\",\"static/chunks/app/page-4cfeaee6653e5572.js\"],\"About"])</script><script>self.__next_f.push([1,"\"]\ne:I[6837,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"390\",\"static/chunks/390-fe2370eeb2115ac4.js\",\"694\",\"static/chunks/694-2650b697f1622a65.js\",\"974\",\"static/chunks/app/page-4cfeaee6653e5572.js\"],\"NGOServices\"]\nf:I[3472,[\"173\",\"static/chunks/173-58a6b575543c48eb.js\",\"970\",\"static/chunks/970-ea0c007895a8fe5c.js\",\"390\",\"static/chunks/390-fe2370eeb2115ac4.js\",\"694\",\"static/chunks/694-2650b697f1622a65.js\",\"974\",\"static/chunks/app/page-4cfeaee6653e5572.js\"],\"Contact\"]\n10:I[6213,[],\"OutletBoundary\"]\n12:I[6213,[],\"MetadataBoundary\"]\n14:I[6213,[],\"ViewportBoundary\"]\n16:I[4835,[],\"\"]\n:HL[\"/_next/static/css/e181a25b8e8ce0e9.css\",\"style\"]\n9:T676,{\"@context\":\"https://schema.org\",\"@type\":\"ProfessionalService\",\"name\":\"DRKYN Tech Solutions Agency\",\"url\":\"https://drkyn.com\",\"logo\":\"https://drkyn.com/logo.png\",\"description\":\"We design and develop innovative digital solutions that transform businesses and elevate brands in the modern tech landscape.\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"123 Tech Street\",\"addressLocality\":\"San Francisco\",\"addressRegion\":\"CA\",\"postalCode\":\"94103\",\"addressCountry\":\"US\"},\"telephone\":\"+15551234567\",\"email\":\"[email protected]\",\"openingHours\":\"Mo,Tu,We,Th,Fr 09:00-18:00\",\"sameAs\":[\"https://twitter.com/drkyn\",\"https://www.linkedin.com/company/drkyn\",\"https://www.instagram.com/drkyn\",\"https://github.com/drkyn\"],\"priceRange\":\"$$\",\"serviceArea\":{\"@type\":\"GeoCircle\",\"geoMidpoint\":{\"@type\":\"GeoCoordinates\",\"latitude\":37.7749,\"longitude\":-122.4194},\"geoRadius\":\"50000\"},\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Digital Services\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Web Development\",\"description\":\"Building responsive and performant websites and web applications with modern technologies.\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"UI/UX Design\",\"description\":\"Creating intuitive user experiences with beautiful interfaces that engage and convert.\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\""])</script><script>self.__next_f.push([1,":\"Service\",\"name\":\"Mobile Applications\",\"description\":\"Developing native and cross-platform mobile apps that deliver exceptional user experiences.\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"NGO Services\",\"description\":\"Free tailored digital services for nonprofit organizations.\"}}]}}"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"f_Qdsr2cKE5B3kuOYPVx_\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e181a25b8e8ce0e9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"scroll-smooth\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans\",\"children\":[\"$\",\"$L2\",null,{\"attribute\":\"class\",\"defaultTheme\":\"dark\",\"enableSystem\":false,\"storageKey\":\"drkyn-theme\",\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[\"$\",\"div\",null,{\"className\":\"min-h-screen flex items-center justify-center px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl md:text-8xl font-display font-bold text-primary mb-6\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl md:text-3xl font-display font-bold mb-4\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/70 mb-8 max-w-md mx-auto\",\"children\":\"The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.\"}],[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"px-8 py-3 rounded-full bg-primary text-primary-foreground text-sm font-medium transition-all duration-300 hover:bg-primary/90 hover:shadow-lg hover:shadow-primary/20 inline-block\",\"children\":\"Back to Home\"}]]}]}]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}]]}]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"className\":\"flex min-h-screen flex-col\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$9\"}}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$Le\",null,{}],[\"$\",\"$Lf\",null,{}]]}],null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"-TWsr0K2CYhbV3-_rvmem\",{\"children\":[[\"$\",\"$L12\",null,{\"children\":\"$L13\"}],[\"$\",\"$L14\",null,{\"children\":\"$L15\"}],null]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$16\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5\"}]]\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"DRKYN - Personalised Software Solutions\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"DRKYN is a team specializing in software development services. We help businesses innovate and grow with tailored solutions.\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"DRKYN Solutions\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"tech agency, web development, mobile apps, UI/UX design, digital transformation, tech solutions, NGO services, software development, software consultation\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"DRKYN Solutions\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"DRKYN Solutions\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"9\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://drkyn.com\"}],[\"$\",\"meta\",\"11\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:title\",\"content\":\"DRKYN - Personalised Software Solutions\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:description\",\"content\":\"We design and develop innovative software solutions that transform businesses and elevate brands in the modern tech landscape.\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:url\",\"content\":\"https://drkyn.com\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:site_name\",\"content\":\"DRKYN Solutions\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image\",\"content\":\"https://drkyn.com/og-image.jpg\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:alt\",\"content\":\"DRKYN Solutions Agency\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"DRKYN Solutions\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Specializing in software development services.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://drkyn.com/twitter-image.jpg\"}]]\n"])</script><script>self.__next_f.push([1,"11:null\n"])</script></body></html>