https://customwebcreations.com.au/assets/WebApps-Ba9MQnSm.js

1import{t as e}from"./jsx-runtime-B5yqYJvp.js";import{t}from"./router-compat-ZyRyzcN0.js";import{t as n}from"./button-D1Dfr_8N.js";import{t as r}from"./arrow-right-BiPS07lJ.js";import{t as i}from"./Layout-zVG8PKX6.js";import{t as a}from"./calendar-Bz3o_ykQ.js";import{t as o}from"./chart-column-CwiPph8b.js";import{t as s}from"./circle-check-big-DjlEVwsO.js";import{t as c}from"./cloud-yKTSNsRW.js";import{t as l}from"./code-BB_VXCCZ.js";import{t as u}from"./cpu-BUVjMcwM.js";import{t as d}from"./database-DLoCSk3c.js";import{t as f}from"./file-text-CK6Gn3_F.js";import{t as p}from"./globe-Ci1iUdll.js";import{t as m}from"./layers-BDna8WMA.js";import{t as h}from"./lock-BWtB6VrF.js";import{t as g}from"./message-square-D21azc7S.js";import{t as _}from"./refresh-cw-BeXxlhKh.js";import{t as v}from"./server-Bd8zLUrX.js";import{t as y}from"./settings-DQZNTJk8.js";import{t as b}from"./shield-BJ-yy67h.js";import{t as x}from"./users-Dw5p7IdV.js";import{t as S}from"./zap-nji7I2c3.js";import{i as C,n as w,r as T}from"./ScrollReveal-B_qZKIe6.js";import{t as E}from"./Picture-B-y7mHHa.js";import{t as D}from"./ClientLogos-ZVXZgfJu.js";import{t as O}from"./CTASection-Cl02BoHV.js";import{t as k}from"./Breadcrumb-Bi81gdrL.js";import{i as A,n as j,r as M,t as N}from"./accordion-cyM5zXtl.js";import{t as P}from"./ServiceQuoteCTA-DP9vViOm.js";var F={sources:{avif:`/assets/web-apps-hero-CHmDWdlq.avif 1920w`},img:{src:`/assets/web-apps-hero-Dfgoe2dB.webp`,w:1920,h:1080}},I=e(),L={title:`Custom Web App Development Australia | Custom Web Creations`,description:`Custom web app development across Australia — CRMs, dashboards, APIs & SaaS platforms hand-built for businesses nationwide.`,canonical:`https://customwebcreations.com.au/services/web-apps`,keywords:`custom web application development Australia, web app developer Sydney, business software development Melbourne, SaaS development Brisbane, CRM development, API development, enterprise web applications Australia`,ogTitle:`Custom Web Application Development Australia | Custom Web Creations`,ogDescription:`Bespoke web applications for Australian businesses. CRMs, dashboards, automation tools, customer portals.`,schema:{"@context":`https://schema.org`,"@type":`Service`,name:`Custom Web Application Development Australia`,description:`Expert custom web application development across Australia. We build powerful CRMs, dashboards, APIs, SaaS platforms, and business software solutions.`,url:`https://customwebcreations.com.au/services/web-apps`,provider:{"@type":`Organization`,name:`Custom Web Creations`,url:`https://customwebcreations.com.au`,logo:`https://customwebcreations.com.au/favicon.svg`,aggregateRating:{"@type":`AggregateRating`,ratingValue:`5.0`,reviewCount:`20`}},areaServed:{"@type":`Country`,name:`Australia`},serviceType:`Web Application Development`,hasOfferCatalog:{"@type":`OfferCatalog`,name:`Web App Services`,itemListElement:[{"@type":`Offer`,itemOffered:{"@type":`Service`,name:`CRM Development`}},{"@type":`Offer`,itemOffered:{"@type":`Service`,name:`SaaS Platform Development`}},{"@type":`Offer`,itemOffered:{"@type":`Service`,name:`API Development`}}]}}},R=[{icon:l,title:`Custom Development`,description:`Bespoke web applications built from scratch to meet your exact business requirements.`},{icon:d,title:`Database Architecture`,description:`Robust, scalable database solutions with secure data management and backups.`},{icon:c,title:`Cloud Infrastructure`,description:`Reliable cloud hosting on AWS, Google Cloud, or Azure for optimal performance.`},{icon:h,title:`Secure Authentication`,description:`Enterprise-grade security with user roles, permissions, and 2FA support.`},{icon:S,title:`Real-Time Features`,description:`Live updates, notifications, WebSockets, and real-time data synchronization.`},{icon:_,title:`API Development`,description:`RESTful or GraphQL APIs to connect with third-party services and mobile apps.`}],z=[{icon:x,title:`CRM Systems`,description:`Customer relationship management platforms to track leads, sales pipelines, and client interactions.`,examples:[`Sales Pipeline Tracking`,`Lead Management`,`Customer Support Portals`]},{icon:v,title:`API Development`,description:`Custom REST and GraphQL APIs to power mobile apps, integrations, and data services.`,examples:[`RESTful APIs`,`GraphQL Endpoints`,`Webhook Services`]},{icon:o,title:`Business Dashboards`,description:`Real-time analytics and reporting dashboards to visualize KPIs and business metrics.`,examples:[`Sales Analytics`,`Financial Reporting`,`Performance Metrics`]},{icon:a,title:`Booking & Scheduling`,description:`Appointment booking systems for service businesses, clinics, and consultants.`,examples:[`Appointment Booking`,`Resource Scheduling`,`Calendar Management`]},{icon:f,title:`Document Management`,description:`Digital document storage, sharing, and collaboration platforms.`,examples:[`File Storage`,`Version Control`,`Digital Signatures`]},{icon:g,title:`Communication Platforms`,description:`Internal messaging, team collaboration, and customer chat applications.`,examples:[`Team Chat`,`Customer Support`,`Video Conferencing`]},{icon:y,title:`Workflow Automation`,description:`Automate repetitive tasks, approvals, and business processes.`,examples:[`Approval Workflows`,`Task Automation`,`Email Automation`]},{icon:m,title:`Inventory & ERP`,description:`Stock management, order tracking, and enterprise resource planning systems.`,examples:[`Stock Tracking`,`Order Management`,`Supply Chain`]},{icon:p,title:`Portal Applications`,description:`Secure portals for employees, clients, vendors, or members to access resources.`,examples:[`Employee Portals`,`Client Portals`,`Member Areas`]},{icon:u,title:`SaaS Platforms`,description:`Software-as-a-service products with subscriptions, user management, and billing.`,examples:[`Multi-Tenant Apps`,`Subscription Billing`,`White-Label Solutions`]}],B=[{name:`React`,category:`Frontend`},{name:`TypeScript`,category:`Language`},{name:`Node.js`,category:`Backend`},{name:`PostgreSQL`,category:`Database`},{name:`Supabase`,category:`Backend`},{name:`Tailwind CSS`,category:`Styling`},{name:`AWS`,category:`Cloud`},{name:`GraphQL`,category:`API`}],V=[`Automate repetitive business processes and save time`,`Improve team productivity with streamlined workflows`,`Access your data securely from anywhere`,`Scale seamlessly as your business grows`,`Reduce operational costs with efficie

1ncy gains`,`Gain competitive advantage with custom solutions`,`Integrate with existing tools and systems`,`Own your software with no recurring license fees`],H=[{step:`01`,title:`Discovery & Requirements`,description:`We analyse your workflows, pain points, and goals to define the perfect solution.`},{step:`02`,title:`Architecture & Design`,description:`Plan the technical architecture, database schema, and user interface design.`},{step:`03`,title:`Agile Development`,description:`Build your application in sprints with regular demos and feedback loops.`},{step:`04`,title:`Testing & QA`,description:`Rigorous testing including unit tests, integration tests, and user acceptance testing.`},{step:`05`,title:`Deployment & Training`,description:`Launch your application and train your team to use it effectively.`}],U=[{question:`How much does a custom web application cost?`,answer:`Custom web application costs vary significantly based on complexity, features, and integrations required. We provide detailed, transparent quotes after understanding your business goals during a free discovery session. Every project is unique, so we tailor our pricing to match your specific requirements.`},{question:`How long does it take to build a web application?`,answer:`Development timelines depend on complexity. A simple internal tool or dashboard typically takes 1-2 weeks, while more complex applications with multiple integrations and custom features take 3-6 weeks. We use agile methodology with regular updates so you can see progress and provide feedback throughout development.`},{question:`What technologies do you use for web app development?`,answer:`We primarily use React and TypeScript for frontend development, with Node.js and PostgreSQL for backend. We also work with Supabase for rapid development, and can deploy to AWS, Google Cloud, or other cloud providers based on your requirements. Our tech stack is chosen for reliability, performance, and maintainability.`},{question:`Can you integrate with our existing systems?`,answer:`Absolutely! We specialise in building integrations with existing software, databases, and third-party APIs. Whether you need to connect to accounting software, CRMs, payment gateways, or legacy systems, we can build the necessary integrations.`},{question:`Will I own the code and intellectual property?`,answer:`Yes, you own 100% of the code and intellectual property we develop for you. Upon project completion, we transfer all source code, documentation, and assets to you. There are no ongoing licensing fees for the software we build.`},{question:`Do you provide ongoing support and maintenance?`,answer:`Yes, we offer ongoing support and maintenance packages to keep your application secure, updated, and running smoothly. This includes bug fixes, security updates, performance monitoring, and feature enhancements as your needs evolve.`}],W=()=>(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(i,{children:[(0,I.jsx)(k,{items:[{label:`Services`,href:`/services`},{label:`Web Apps`}]}),(0,I.jsxs)(`section`,{className:`pt-8 pb-20 relative overflow-hidden`,children:[(0,I.jsx)(`div`,{className:`absolute inset-0 -z-10`,children:(0,I.jsx)(`div`,{className:`absolute top-1/4 -left-1/4 w-[600px] h-[600px] bg-violet-500/10 rounded-full blur-[120px]`})}),(0,I.jsx)(`div`,{className:`container-custom`,children:(0,I.jsxs)(`div`,{className:`grid lg:grid-cols-2 gap-12 items-center`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(w,{children:(0,I.jsx)(t,{to:`/services`,className:`inline-flex items-center gap-2 text-muted-foreground hover:text-primary mb-6`,children:`← Back to Services`})}),(0,I.jsx)(w,{delay:.1,children:(0,I.jsx)(`div`,{className:`w-16 h-16 rounded-xl bg-gradient-to-br from-violet-500 to-purple-500 flex items-center justify-center mb-6`,children:(0,I.jsx)(l,{className:`w-8 h-8 text-white`})})}),(0,I.jsx)(w,{delay:.2,children:(0,I.jsxs)(`h1`,{className:`text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 font-display`,children:[`Custom Web Application Development`,` `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`Australia`})]})}),(0,I.jsx)(w,{delay:.3,children:(0,I.jsx)(`p`,{className:`text-xl text-muted-foreground mb-8`,children:`We build powerful, custom web applications for businesses across Sydney, Melbourne, Brisbane, Perth, Adelaide, and nationwide. From CRMs and dashboards to APIs and SaaS platforms, we create solutions that scale with your growth and give you a competitive edge.`})}),(0,I.jsx)(w,{delay:.4,children:(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,I.jsx)(n,{asChild:!0,size:`lg`,children:(0,I.jsxs)(t,{to:`/quote`,children:[`Discuss Your Project`,(0,I.jsx)(r,{className:`w-5 h-5 ml-2`})]})}),(0,I.jsx)(n,{asChild:!0,variant:`outline`,size:`lg`,children:(0,I.jsx)(t,{to:`/portfolio`,children:`View Our Work`})})]})})]}),(0,I.jsx)(w,{direction:`right`,delay:.3,children:(0,I.jsxs)(`div`,{className:`relative`,children:[(0,I.jsx)(E,{source:F,alt:`Custom web application development showing business dashboards with analytics, data visualization, and management interfaces`,loading:`lazy`,decoding:`async`,className:`rounded-2xl shadow-2xl w-full h-auto`}),(0,I.jsx)(`div`,{className:`absolute -bottom-4 -left-4 bg-card border border-border rounded-xl p-4 shadow-lg`,children:(0,I.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,I.jsx)(`div`,{className:`w-12 h-12 rounded-full bg-violet-500/20 flex items-center justify-center`,children:(0,I.jsx)(b,{className:`w-6 h-6 text-violet-500`})}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`font-bold font-display`,children:`Enterprise Grade`}),(0,I.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Secure & Scalable`})]})]})})]})})]})})]}),(0,I.jsx)(D,{}),(0,I.jsx)(P,{eyebrowIcon:l,eyebrowText:`Got a custom idea?`,headingLead:`Let's Build Your`,headingHighlight:`Custom Web App`,description:`Bespoke web applications, dashboards and internal tools — built around your workflow and your data. Share your idea and we'll respond ASAP with a tailored scope and quote.`,ctaLabel:`Get a Free App Quote`,quoteService:`web-app`,source:`services-web-apps`}),(0,I.jsx)(`section`,{className:`section-padding bg-card/50`,children:(0,I.jsxs)(`div`,{className:`container-custom`,children:[(0,I.jsxs)(w,{className:`text-center mb-16`,children:[(0,I.jsxs)(`h2`,{className:`text-3xl sm:text-4xl font-bold mb-4 font-display`,children:[`Types of Web Applications`,` `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`We Build`})]}),(0,I.jsx)(`p`,{className:`text-muted-foreground max-w-2xl mx-auto`,children:`From internal business tools to customer-facing platforms, we develop a wide range of custom web applications.`})]}),(0,I.jsx)(T,{className:`grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 ga

1p-6`,children:z.map(e=>(0,I.jsx)(C,{children:(0,I.jsxs)(`div`,{className:`bg-card border border-border rounded-xl p-6 h-full card-hover flex flex-col`,children:[(0,I.jsx)(`div`,{className:`w-12 h-12 rounded-lg bg-violet-500/10 flex items-center justify-center mb-4`,children:(0,I.jsx)(e.icon,{className:`w-6 h-6 text-violet-500`})}),(0,I.jsx)(`h3`,{className:`text-lg font-bold mb-2 font-display`,children:e.title}),(0,I.jsx)(`p`,{className:`text-muted-foreground text-sm mb-4 flex-1`,children:e.description}),(0,I.jsx)(`div`,{className:`flex flex-wrap gap-1 mt-auto`,children:e.examples.map(e=>(0,I.jsx)(`span`,{className:`text-xs px-2 py-1 rounded bg-muted text-muted-foreground`,children:e},e))})]})},e.title))})]})}),(0,I.jsx)(`section`,{className:`section-padding`,children:(0,I.jsxs)(`div`,{className:`container-custom`,children:[(0,I.jsxs)(w,{className:`text-center mb-16`,children:[(0,I.jsxs)(`h2`,{className:`text-3xl sm:text-4xl font-bold mb-4 font-display`,children:[`What's Included in Every`,` `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`Web Application`})]}),(0,I.jsx)(`p`,{className:`text-muted-foreground max-w-2xl mx-auto`,children:`Every web application we build comes with these powerful features as standard.`})]}),(0,I.jsx)(T,{className:`grid md:grid-cols-2 lg:grid-cols-3 gap-6`,children:R.map(e=>(0,I.jsx)(C,{children:(0,I.jsxs)(`div`,{className:`bg-card border border-border rounded-xl p-6 h-full card-hover flex flex-col`,children:[(0,I.jsx)(`div`,{className:`w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center mb-4`,children:(0,I.jsx)(e.icon,{className:`w-6 h-6 text-primary`})}),(0,I.jsx)(`h3`,{className:`text-lg font-bold mb-2 font-display`,children:e.title}),(0,I.jsx)(`p`,{className:`text-muted-foreground flex-1`,children:e.description})]})},e.title))})]})}),(0,I.jsx)(`section`,{className:`section-padding bg-card/50`,children:(0,I.jsxs)(`div`,{className:`container-custom`,children:[(0,I.jsxs)(w,{className:`text-center mb-16`,children:[(0,I.jsxs)(`h2`,{className:`text-3xl sm:text-4xl font-bold mb-4 font-display`,children:[`Our`,` `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`Technology Stack`})]}),(0,I.jsx)(`p`,{className:`text-muted-foreground max-w-2xl mx-auto`,children:`We use modern, reliable technologies to build fast, secure, and maintainable web applications.`})]}),(0,I.jsx)(T,{className:`flex flex-wrap justify-center gap-4`,children:B.map(e=>(0,I.jsx)(C,{children:(0,I.jsxs)(`div`,{className:`bg-card border border-border rounded-xl px-6 py-4 card-hover`,children:[(0,I.jsx)(`p`,{className:`font-bold font-display`,children:e.name}),(0,I.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.category})]})},e.name))})]})}),(0,I.jsxs)(`section`,{className:`section-padding relative overflow-hidden`,children:[(0,I.jsx)(`div`,{className:`absolute inset-0 -z-10`,children:(0,I.jsx)(`div`,{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[400px] bg-violet-500/5 rounded-full blur-[100px]`})}),(0,I.jsxs)(`div`,{className:`container-custom`,children:[(0,I.jsxs)(w,{className:`text-center mb-16`,children:[(0,I.jsx)(`span`,{className:`inline-block px-4 py-2 rounded-full bg-violet-500/10 border border-violet-500/20 text-violet-400 text-sm font-medium mb-4`,children:`How We Work`}),(0,I.jsxs)(`h2`,{className:`text-3xl sm:text-4xl font-bold mb-4 font-display`,children:[`Our Web App Development`,` `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`Process`})]}),(0,I.jsx)(`p`,{className:`text-muted-foreground max-w-2xl mx-auto`,children:`A proven agile methodology to deliver your custom web application successfully.`})]}),(0,I.jsxs)(`div`,{className:`relative`,children:[(0,I.jsx)(`div`,{className:`hidden lg:block absolute top-24 left-[10%] right-[10%] h-0.5 bg-gradient-to-r from-violet-500/0 via-violet-500/50 to-violet-500/0`}),(0,I.jsx)(`div`,{className:`grid md:grid-cols-2 lg:grid-cols-5 gap-8`,children:H.map((e,t)=>(0,I.jsx)(w,{delay:t*.1,children:(0,I.jsxs)(`div`,{className:`relative h-full group`,children:[(0,I.jsx)(`div`,{className:`relative z-10 w-16 h-16 mx-auto mb-6 rounded-full bg-gradient-to-br from-violet-500 to-purple-500 flex items-center justify-center shadow-lg shadow-violet-500/25 group-hover:scale-110 group-hover:shadow-violet-500/40 transition-all duration-300`,children:(0,I.jsx)(`span`,{className:`text-xl font-bold text-white font-display`,children:e.step})}),(0,I.jsxs)(`div`,{className:`bg-card/80 backdrop-blur-xs border border-border rounded-2xl p-6 h-full flex flex-col text-center group-hover:border-violet-500/30 group-hover:bg-card transition-all duration-300`,children:[(0,I.jsx)(`h3`,{className:`text-lg font-bold mb-3 font-display group-hover:text-violet-400 transition-colors`,children:e.title}),(0,I.jsx)(`p`,{className:`text-muted-foreground text-sm flex-1`,children:e.description})]})]})},e.step))})]})]})]}),(0,I.jsx)(`section`,{className:`section-padding bg-card/50`,children:(0,I.jsx)(`div`,{className:`container-custom`,children:(0,I.jsxs)(`div`,{className:`grid lg:grid-cols-2 gap-12 items-center`,children:[(0,I.jsxs)(w,{direction:`left`,children:[(0,I.jsxs)(`h2`,{className:`text-3xl sm:text-4xl font-bold mb-6 font-display`,children:[`Why Invest in a`,` `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`Custom Web Application?`})]}),(0,I.jsx)(`p`,{className:`text-muted-foreground mb-8`,children:`Off-the-shelf software rarely fits perfectly. A custom web application is built around your unique workflows, giving you exactly what you need without unnecessary features, limitations, or ongoing license fees.`}),(0,I.jsx)(`div`,{className:`space-y-3`,children:V.map((e,t)=>(0,I.jsx)(w,{delay:t*.05,children:(0,I.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,I.jsx)(s,{className:`w-5 h-5 text-primary shrink-0 mt-0.5`}),(0,I.jsx)(`span`,{className:`text-muted-foreground`,children:e})]})},e))})]}),(0,I.jsx)(w,{direction:`right`,children:(0,I.jsxs)(`div`,{className:`bg-card border border-border rounded-2xl p-8`,children:[(0,I.jsx)(`h3`,{className:`text-xl font-bold mb-6 font-display text-center`,children:`Custom vs Off-the-Shelf`}),(0,I.jsxs)(`div`,{className:`space-y-6`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`h4`,{className:`font-bold font-display mb-2 flex items-center gap-2`,children:[(0,I.jsx)(s,{className:`w-5 h-5 text-primary`}),`Built for Your Workflows`]}),(0,I.jsx)(`p`,{className:`text-muted-foreground text-sm pl-7`,children:`Designed around how y

1our team actually works, not generic processes.`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`h4`,{className:`font-bold font-display mb-2 flex items-center gap-2`,children:[(0,I.jsx)(s,{className:`w-5 h-5 text-primary`}),`No Per-User Licensing`]}),(0,I.jsx)(`p`,{className:`text-muted-foreground text-sm pl-7`,children:`Pay once to build, then scale to unlimited users without extra fees.`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`h4`,{className:`font-bold font-display mb-2 flex items-center gap-2`,children:[(0,I.jsx)(s,{className:`w-5 h-5 text-primary`}),`Full Data Ownership`]}),(0,I.jsx)(`p`,{className:`text-muted-foreground text-sm pl-7`,children:`Your data stays on your servers, not locked in third-party platforms.`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`h4`,{className:`font-bold font-display mb-2 flex items-center gap-2`,children:[(0,I.jsx)(s,{className:`w-5 h-5 text-primary`}),`Competitive Advantage`]}),(0,I.jsx)(`p`,{className:`text-muted-foreground text-sm pl-7`,children:`Unique software that competitors can't just buy and replicate.`})]})]})]})})]})})}),(0,I.jsx)(`section`,{className:`section-padding`,children:(0,I.jsxs)(`div`,{className:`container-custom`,children:[(0,I.jsxs)(w,{className:`text-center mb-16`,children:[(0,I.jsxs)(`h2`,{className:`text-3xl sm:text-4xl font-bold mb-4 font-display`,children:[`Web Application Development`,` `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`FAQ`})]}),(0,I.jsx)(`p`,{className:`text-muted-foreground max-w-2xl mx-auto`,children:`Common questions about our custom web application development services.`})]}),(0,I.jsx)(`div`,{className:`max-w-3xl mx-auto`,children:(0,I.jsx)(w,{children:(0,I.jsx)(N,{type:`single`,collapsible:!0,className:`space-y-4`,children:U.map((e,t)=>(0,I.jsxs)(M,{value:`item-${t}`,className:`bg-card border border-border rounded-xl px-6`,children:[(0,I.jsx)(A,{className:`text-left font-display hover:no-underline`,children:e.question}),(0,I.jsx)(j,{className:`text-muted-foreground`,children:e.answer})]},t))})})})]})}),(0,I.jsx)(`section`,{className:`section-padding`,children:(0,I.jsxs)(`div`,{className:`container-custom`,children:[(0,I.jsxs)(w,{className:`text-center mb-12`,children:[(0,I.jsxs)(`h2`,{className:`text-3xl font-bold mb-4 font-display`,children:[`Helpful `,(0,I.jsx)(`span`,{className:`gradient-text`,children:`Guides`})]}),(0,I.jsx)(`p`,{className:`text-muted-foreground max-w-2xl mx-auto`,children:`Free resources to help you plan your web application project.`})]}),(0,I.jsxs)(`div`,{className:`grid md:grid-cols-3 gap-6 max-w-4xl mx-auto`,children:[(0,I.jsx)(w,{delay:.1,children:(0,I.jsxs)(t,{to:`/guides/website-planning-checklist`,className:`block p-6 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors group`,children:[(0,I.jsx)(`h3`,{className:`font-bold mb-2 group-hover:text-primary transition-colors`,children:`Planning Checklist`}),(0,I.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Complete project planning guide.`})]})}),(0,I.jsx)(w,{delay:.15,children:(0,I.jsxs)(t,{to:`/guides/choosing-a-web-developer`,className:`block p-6 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors group`,children:[(0,I.jsx)(`h3`,{className:`font-bold mb-2 group-hover:text-primary transition-colors`,children:`Choosing a Developer`}),(0,I.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`How to vet and select the right agency.`})]})}),(0,I.jsx)(w,{delay:.2,children:(0,I.jsxs)(t,{to:`/guides/website-maintenance`,className:`block p-6 bg-card border border-border rounded-xl hover:border-primary/50 transition-colors group`,children:[(0,I.jsx)(`h3`,{className:`font-bold mb-2 group-hover:text-primary transition-colors`,children:`Maintenance Guide`}),(0,I.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Keep your web app running smoothly.`})]})})]})]})}),(0,I.jsx)(O,{})]})});export{L as n,W as t};