Overall AI readiness score
A combined result across all audit signals.
Excellent
AI readiness audit: 9/27/2026Public technical data
Overall AI readiness assessment
How ready higuru.ai is for AI systems
higuru.ai (higuru.ai) received an AI-readiness score of 77/100 in an automated technical audit. llms.txt was accessible, llms-full.txt was served in an invalid format, and ai.txt was not found. The robots.txt analysis found 0 explicitly allowed and 0 blocked AI crawlers, with 0 declared sitemaps. Homepage markup completeness was 100%; Schema.org types included ProfessionalService, WebSite, WebPage, BreadcrumbList, Service and 13 OpenGraph tags were detected. Results reflect the public site response observed on 2026-09-27T01:36:52.372Z.
Audit context
llms.txt is accessible and contains — tokens. The llms-full.txt URL returns an invalid format. It is excluded from the directory; serve text or Markdown instead. No separate ai.txt policy was detected; it is optional, but can clarify training, retrieval, and attribution preferences.
robots.txt was not found, so explicit crawler policy could not be confirmed. The homepage exposes Schema.org types ProfessionalService, WebSite, WebPage, BreadcrumbList, Service and others; 13 OpenGraph tags were found and markup completeness is 100%.
The mobile Lighthouse profile adds Performance 82/100, Accessibility 100/100, Best Practices 100/100, SEO 100/100, and experimental Agentic Browsing 67/100. These signals have a limited weight: they complement rather than replace llms.txt, robots.txt, and structured-data checks.
Confirmed strengths
- Accessible llms.txt
- Schema.org: ProfessionalService, WebSite
- Complete social metadata
Priority improvements
- 1Fix llms-full.txt to return text or Markdown instead of HTML.
- 2Publish robots.txt with explicit search and AI crawler rules.
- 3Declare the current sitemap.xml in robots.txt.
- 4Reduce mobile rendering delay and main-thread work.
llms.txt tokens—
llms-full.txt tokens—
ai.txt
sitemap.xml
Google Lighthouse technical profile
A mobile Lighthouse measurement. Google’s experimental Agentic Browsing category is explained separately and does not replace the broader llmsmap AI-readiness score.
82
Performance
100
Accessibility
100
Best Practices
100
Technical SEO
67
Agentic Browsing
What these results mean
Mobile performance is 82/100, with the largest visible content block appearing in 2.6 s and the browser main thread blocked for 530 ms. Layout shift was 0. The main thread is where the browser runs JavaScript, calculates layout, and paints the page; long work there delays both user input and browser-agent actions.
Accessibility scored 100/100, Best Practices 100/100, and technical SEO 100/100. The experimental Agentic Browsing category scored 67/100. It measures signals Google currently tests for software agents and is shown separately from the llmsmap AI-readiness score.
1
Free the main thread and accelerate the first view
Split long JavaScript tasks, defer non-critical scripts and styles, and shorten blocking request chains. This helps the primary content appear sooner and makes controls usable earlier.
2
Reduce code that loads without helping the page
Remove unused CSS and JavaScript, load heavy widgets on demand, and limit third-party scripts. Less code means less parsing and background work on the device.
3
Optimise images and their loading order
Serve correctly sized modern formats, prioritise the primary visual, and lazy-load content below the first viewport.
4
Reduce network delay
Improve server response time, remove unnecessary redirects and repeat downloads, and use compression, caching, and selective preconnect hints.
FCP1.9 s
First content
LCP2.6 s
Main content
CLS0
Layout stability
TBT530 ms
Blocking time
SI2.7 s
Visual speed
Metric glossary
- FCP · First content
- When the first text or image appeared on screen.
- LCP · Main content
- When the largest visible element in the first viewport rendered.
- CLS · Layout stability
- How much content shifted unexpectedly while loading; lower is better.
- TBT · Blocking time
- How long the browser main thread could not respond quickly to input.
- SI · Visual speed
- How quickly the visible viewport filled with content.
9/27/2026Lighthouse 13.5.0Mobile profile
AI readiness checks
Machine-readable files, crawler policy, discovery, and homepage markup.
llms-full.txt
Invalid format: the llms-full.txt URL does not return text or Markdown.
https://higuru.ai/llms-full.txtai.txt
ai.txt file was not found
robots.txt
robots.txt file was not found
Sitemap in robots.txt
Sitemap is not declared in robots.txt
Schema.org (JSON-LD)
Types: ProfessionalService, WebSite, WebPage, BreadcrumbList, Service, FAQPage
OpenGraph100%
13 OG tags found
AI bot access
Based on robots.txt analysis
GPTBotNot mentioned
OAI-SearchBotNot mentioned
ChatGPT-UserNot mentioned
Google-ExtendedNot mentioned
ClaudeBotNot mentioned
Claude-SearchBotNot mentioned
Claude-UserNot mentioned
BytespiderNot mentioned
CCBotNot mentioned
PerplexityBotNot mentioned
Perplexity-UserNot mentioned
OpenGraph tags
Social preview metadata found on the homepage.
og:typewebsiteog:site_nameBelichbergog:urlhttps://belichberg.com/og:titleBelichberg - Fast, Search-Ready Websitesog:descriptionFast, optimized websites from Vienna, built for Google and AI search.og:image:secure_urlhttps://belichberg.com/og-image.jpgog:image:typeimage/jpegog:image:width1200og:image:height630og:image:altBelichberg brand card on a dark background: the headline Fast, search-ready websites for companies, with Speed, Google-ready, and AI search visibility highlightedog:localeen_USog:locale:alternatede_DESchema.org markup
Structured entities and properties exposed on the homepage.
ProfessionalServiceWebSiteWebPageBreadcrumbListServiceFAQPage
nameBelichbergurlhttps://belichberg.com/descriptionVienna-based web studio creating fast, optimized B2B websites for companies, with Google and AI visibility in mind.logohttps://belichberg.com/belichberg-logo.svgimagehttps://belichberg.com/og-image.jpgsameAshttps://www.linkedin.com/company/belichbergcontactPoint{"@type":"ContactPoint","contactType":"sales","telephone":"+436609151003","email":"now+web@belichberg.com","availableLanemailnow+web@belichberg.comtelephone+436609151003address{"@type":"PostalAddress","streetAddress":"Erlachgasse 65/1","postalCode":"1100","addressLocality":"Vienna","addressCountlegalNameBelichberg GmbHinLanguageen-US, de-DEpublisher{"@id":"https://belichberg.com/#organization"}dateModified2026-07-09<!DOCTYPE html><html lang="en" class="scroll-smooth"> <head><script>
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.documentElement.classList.add('reveal-motion');
}
</script><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Vienna web studio creating fast, search-ready websites for companies, built for Google and AI-powered search."> <meta name="robots" content="index, follow"> <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="author" content="Belichberg"> <meta name="theme-color" content="#0069ff"> <meta name="format-detection" content="telephone=no"> <!-- Font preload: latin subset covers EN + DE (incl. umlauts) --> <link rel="preload" as="font" type="font/woff2" href="/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2" crossorigin> <!-- Icons & discovery --> <link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="sitemap" type="application/xml" href="/sitemap.xml"> <!-- Canonical & hreflang --> <link rel="canonical" href="https://belichberg.com/"> <link rel="alternate" hreflang="en" href="https://belichberg.com/"> <link rel="alternate" hreflang="de" href="https://belichberg.com/de/"> <link rel="alternate" hreflang="x-default" href="https://belichberg.com/"> <!-- Open Graph --> <meta property="og:type" content="website"> <meta property="og:site_name" content="Belichberg"> <meta property="og:url" content="https://belichberg.com/"> <meta property="og:title" content="Belichberg - Fast, Search-Ready Websites"> <meta property="og:description" content="Fast, optimized websites from Vienna, built for Google and AI search."> <meta property="og:image" content="https://belichberg.com/og-image.jpg"> <meta property="og:image:secure_url" content="https://belichberg.com/og-image.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt" content="Belichberg brand card on a dark background: the headline Fast, search-ready websites for companies, with Speed, Google-ready, and AI search visibility highlighted"> <meta property="og:locale" content="en_US"> <meta property="og:locale:alternate" content="de_DE"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Belichberg - Fast, Search-Ready Websites"> <meta name="twitter:description" content="Fast, optimized websites from Vienna, built for Google and AI search."> <meta name="twitter:image" content="https://belichberg.com/og-image.jpg"> <meta name="twitter:image:alt" content="Belichberg brand card on a dark background: the headline Fast, search-ready websites for companies, with Speed, Google-ready, and AI search visibility highlighted"> <title>Belichberg - Fast, Search-Ready Websites</title> <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"ProfessionalService","@id":"https://belichberg.com/#organization","name":"Belichberg","legalName":"Belichberg GmbH","url":"https://belichberg.com/","logo":{"@type":"ImageObject","url":"https://belichberg.com/belichberg-logo.svg","width":213,"height":28},"image":{"@type":"ImageObject","url":"https://belichberg.com/og-image.jpg","width":1200,"height":630},"address":{"@type":"PostalAddress","streetAddress":"Erlachgasse 65/1","postalCode":"1100","addressLocality":"Vienna","addressCountry":"AT"},"telephone":"+436609151003","email":"now+web@belichberg.com","description":"Vienna-based web studio creating fast, optimized B2B websites for companies, with Google and AI visibility in mind.","areaServed":["Worldwide"],"availableLanguage":["German","English"],"knowsAbout":["B2B website creation","Website performance","Google search optimization","AI visibility optimization","B2B website projects","Multilingual website projects"],"contactPoint":{"@type":"ContactPoint","contactType":"sales","telephone":"+436609151003","email":"now+web@belichberg.com","availableLanguage":["German","English"]},"sameAs":["https://www.linkedin.com/company/belichberg"]},{"@type":"WebSite","@id":"https://belichberg.com/#website","url":"https://belichberg.com/","name":"Belichberg","publisher":{"@id":"https://belichberg.com/#organization"},"inLanguage":["en-US","de-DE"]},{"@type":"WebPage","@id":"https://belichberg.com/#webpage","url":"https://belichberg.com/","name":"Belichberg - Fast, Search-Ready Websites","isPartOf":{"@id":"https://belichberg.com/#website"},"about":{"@id":"https://belichberg.com/#organization"},"description":"Vienna web studio creating fast, search-ready websites for companies, built for Google and AI-powered search.","inLanguage":"en-US","dateModified":"2026-07-09","primaryImageOfPage":{"@type":"ImageObject","url":"https://belichberg.com/og-image.jpg","width":1200,"height":630},"breadcrumb":{"@id":"https://belichberg.com/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://belichberg.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Belichberg","item":"https://belichberg.com/"}]},{"@type":"Service","@id":"https://belichberg.com/#service-1","name":"Website Creation","serviceType":"Website Creation","description":"Modern websites that look professional, load quickly, work on every device, and explain your offer in a way people understand.","provider":{"@id":"https://belichberg.com/#organization"},"areaServed":["Worldwide"],"inLanguage":"en-US","audience":{"@type":"BusinessAudience","audienceType":"B2B companies"}},{"@type":"Service","@id":"https://belichberg.com/#service-2","name":"Google & Content Optimization","serviceType":"Google & Content Optimization","description":"We help your website speak the language your clients search for, tailored to your target markets.","provider":{"@id":"https://belichberg.com/#organization"},"areaServed":["Worldwide"],"inLanguage":"en-US","audience":{"@type":"BusinessAudience","audienceType":"B2B companies"}},{"@type":"Service","@id":"https://belichberg.com/#service-3","name":"AI Visibility Optimization","serviceType":"AI Visibility Optimization","description":"We structure your content so AI-powered search tools can interpret your company, services, and proof more clearly.","provider":{"@id":"https://belichberg.com/#organization"},"areaServed":["Worldwide"],"inLanguage":"en-US","audience":{"@type":"BusinessAudience","audienceType":"B2B companies"}},{"@type":"FAQPage","@id":"https://belichberg.com/#faq","mainEntityOfPage":{"@id":"https://belichberg.com/#webpage"},"mainEntity":[{"@type":"Question","name":"How long does a website project take?","acceptedAnswer":{"@type":"Answer","text":"A typical website project takes 6-10 weeks from kickoff to launch. Smaller websites can finish faster; larger multilingual websites or content-heavy projects may take longer."}},{"@type":"Question","name":"What does AI-visible website mean?","acceptedAnswer":{"@type":"Answer","text":"It means your website explains your company, services, locations, expertise, and proof clearly enough for AI tools to understand and potentially reference in answers."}},{"@type":"Question","name":"Do you work only with companies in one country?","acceptedAnswer":{"@type":"Answer","text":"No. Belichberg is based in Vienna, Austria, and works with companies remotely. We can deliver in English and German."}},{"@type":"Question","name":"What does a new website cost?","acceptedAnswer":{"@type":"Answer","text":"Most website projects start from EUR 8,000. The final price depends on the number of pages, languages, content, design depth, and ongoing support. After a first call, we provide a clear fixed-price quote."}},{"@type":"Question","name":"Can we edit the website ourselves after launch?","acceptedAnswer":{"@type":"Answer","text":"Yes. We prepare a simple handover so your team can update text and images without touching the design. For larger websites, we can also set up an editing workflow."}}]}]}</script><script>(function(){const GA4_ID = "G-WKCPMSY0KC";
const CONSENT_KEY = "cookie-consent";
window.dataLayer = window.dataLayer || [];
function gtag() {(window.dataLayer).push(arguments);}
window.gtag = gtag;
gtag('consent', 'default', {
ad_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
analytics_storage: 'denied',
wait_for_update: 500,
});
gtag('set', 'url_passthrough', true);
gtag('set', 'ads_data_redaction', true);
try {
if (localStorage.getItem(CONSENT_KEY) === 'granted') {
gtag('consent', 'update', {
ad_storage: 'granted',
ad_user_data: 'granted',
ad_personalization: 'granted',
analytics_storage: 'granted',
});
}
} catch (e) {}
gtag('js', new Date());
gtag('config', GA4_ID);
(window.requestIdleCallback || function (cb) {setTimeout(cb, 1500);})(
function () {
var s = document.createElement('script');
s.async = true;
s.src = 'https://www.googletagmanager.com/gtag/js?id=' + GA4_ID;
document.head.appendChild(s);
},
{timeout: 3000},
);
})();</script> <script>(function(){const FB_PIXEL_ID = "322027300581295";
const CONSENT_KEY = "cookie-consent";
!(function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
})(window, document, 'script');
var bbGranted = false;
try {bbGranted = localStorage.getItem(CONSENT_KEY) === 'granted';} catch (e) {}
window.fbq('consent', bbGranted ? 'grant' : 'revoke');
window.fbq('init', FB_PIXEL_ID);
window.fbq('track', 'PageView');
(window.requestIdleCallback || function (cb) {setTimeout(cb, 1500);})(
function () {
var s = document.createElement('script');
s.async = true;
s.src = 'https://connect.facebook.net/en_US/fbevents.js';
document.head.appendChild(s);
},
{timeout: 3000},
);
})();</script> <script defer src="https://cloud.umami.is/script.js" data-website-id="4a470fc2-9f5a-432d-97eb-2f3ef9be2f91" data-performance="true"></script><link rel="stylesheet" href="/_astro/IndexPage.C7nsARl-.css"><link rel="stylesheet" href="/_astro/global.DI6J-4XG.css"></head> <body> <noscript> <img height="1" width="1" style="display:none" alt="" src="https://www.facebook.com/tr?id=322027300581295&ev=PageView&noscript=1"> </noscript> <!-- Skip navigation for accessibility --> <a class="skip-nav" href="#main-content">Skip to main content</a> <header id="site-header" class="hd-root absolute top-0 left-0 right-0 z-50 bg-transparent border-b border-transparent" role="banner"> <nav class="container flex items-center justify-between h-[var(--hd-bar-h,68px)]" aria-label="Main navigation"> <!-- Logo --> <a href="/" class="flex items-center flex-shrink-0 opacity-90 hover:opacity-60 transition-opacity duration-200" aria-label="Belichberg home"> <img src="/belichberg-logo.svg" alt="Belichberg" height="20" width="153" class="h-[20px] w-auto" loading="eager" decoding="async"> </a> <!-- Desktop nav --> <ul class="hidden md:flex items-center gap-1" role="list"> <li> <a href="/#services" class="relative inline-block px-3.5 py-1.5 text-[13.5px] font-medium text-slate-500 no-underline rounded-lg transition-colors duration-150 hover:text-slate-900 after:content-[''] after:absolute after:bottom-0.5 after:left-3.5 after:right-3.5 after:h-[1.5px] after:bg-blue-600 after:rounded-[1px] after:scale-x-0 after:origin-left after:transition-transform after:duration-200 hover:after:scale-x-100">Services</a> </li><li> <a href="/ai-visibility/" class="relative inline-block px-3.5 py-1.5 text-[13.5px] font-medium text-slate-500 no-underline rounded-lg transition-colors duration-150 hover:text-slate-900 after:content-[''] after:absolute after:bottom-0.5 after:left-3.5 after:right-3.5 after:h-[1.5px] after:bg-blue-600 after:rounded-[1px] after:scale-x-0 after:origin-left after:transition-transform after:duration-200 hover:after:scale-x-100">AI Visibility</a> </li><li> <a href="/#faq" class="relative inline-block px-3.5 py-1.5 text-[13.5px] font-medium text-slate-500 no-underline rounded-lg transition-colors duration-150 hover:text-slate-900 after:content-[''] after:absolute after:bottom-0.5 after:left-3.5 after:right-3.5 after:h-[1.5px] after:bg-blue-600 after:rounded-[1px] after:scale-x-0 after:origin-left after:transition-transform after:duration-200 hover:after:scale-x-100">FAQ</a> </li> </ul> <!-- Right controls --> <div class="flex items-center gap-5"> <!-- Language switcher --> <div class="hidden sm:flex items-center gap-[5px]" aria-label="Language selection"> <a href="/" hreflang="en" class="text-[11.5px] font-bold tracking-[0.08em] uppercase no-underline transition-colors duration-150 text-slate-800 pointer-events-none" aria-current="true">EN</a> <span class="text-[11px] text-slate-300 select-none" aria-hidden="true">/</span> <a href="/de/" hreflang="de" class="text-[11.5px] font-bold tracking-[0.08em] uppercase no-underline transition-colors duration-150 text-slate-400 hover:text-slate-600">DE</a> </div> <!-- CTA --> <a href="/#cta" data-track="cta_click" data-track-location="header" class="hidden sm:inline-flex items-center gap-1.5 text-[13.5px] font-semibold px-5 py-[9px] rounded-xl bg-blue-600 text-white hover:bg-blue-700 transition-all duration-200"> Request a consultation <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.2" width="13" height="13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" class="lucide lucide-arrow-right"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> </a> <!-- Hamburger (mobile) --> <button id="mobile-menu-btn" class="md:hidden flex flex-col justify-center gap-[5px] w-10 h-10 -mr-2" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle navigation"> <span class="hd-ham-line" id="ham-line-1"></span> <span class="hd-ham-line" id="ham-line-2"></span> <span class="hd-ham-line hd-ham-line--short" id="ham-line-3"></span> </button> </div> </nav> <!-- Mobile menu --> <div id="mobile-menu" class="hidden md:hidden fixed inset-x-0 top-[var(--hd-bar-h,68px)] bottom-0 z-40 overflow-y-auto overscroll-contain bg-white border-t border-slate-200" role="navigation" aria-label="Mobile navigation"> <ul class="container pt-2 pb-5 flex flex-col" role="list"> <li> <a href="/#services" class="block py-[11px] text-[15px] font-medium text-slate-600 no-underline border-b border-slate-100 transition-colors duration-150 hover:text-slate-900">Services</a> </li><li> <a href="/ai-visibility/" class="block py-[11px] text-[15px] font-medium text-slate-600 no-underline border-b border-slate-100 transition-colors duration-150 hover:text-slate-900">AI Visibility</a> </li><li> <a href="/#faq" class="block py-[11px] text-[15px] font-medium text-slate-600 no-underline border-b border-slate-100 transition-colors duration-150 hover:text-slate-900">FAQ</a> </li> <li class="mt-4 pt-4 border-t border-slate-200 flex items-center justify-between"> <a href="/#cta" class="inline-flex items-center gap-1.5 text-[13.5px] font-semibold px-5 py-[9px] rounded-xl bg-blue-600 text-white"> Request a consultation </a> <div class="flex items-center gap-[6px]"> <a href="/" hreflang="en" class="text-[11.5px] font-bold tracking-[0.08em] uppercase no-underline transition-colors duration-150 text-slate-800 pointer-events-none">EN</a> <span class="text-[11px] text-slate-300 select-none" aria-hidden="true">/</span> <a href="/de/" hreflang="de" class="text-[11.5px] font-bold tracking-[0.08em] uppercase no-underline transition-colors duration-150 text-slate-400 hover:text-slate-600">DE</a> </div> </li> </ul> </div> </header> <script type="module">var e=document.getElementById(`site-header`),t=document.getElementById(`mobile-menu-btn`),n=document.getElementById(`mobile-menu`),r=()=>{n.classList.remove(`hidden`),t.setAttribute(`aria-expanded`,`true`),e.classList.add(`menu-open`)},i=()=>{n.classList.add(`hidden`),t.setAttribute(`aria-expanded`,`false`),e.classList.remove(`menu-open`)};t.addEventListener(`click`,()=>{n.classList.contains(`hidden`)?r():i()}),n.querySelectorAll(`a`).forEach(e=>e.addEventListener(`click`,i)),document.addEventListener(`keydown`,e=>{e.key===`Escape`&&!n.classList.contains(`hidden`)&&i()}),window.matchMedia(`(min-width: 768px)`).addEventListener(`change`,e=>{e.matches&&i()});</script> <main id="main-content"> <section id="hero" class="hero-section relative overflow-hidden bg-linear-to-b from-white to-slate-50 pt-[138px] pb-[76px] max-md:pt-[118px] max-md:pb-[62px]" aria-labelledby="hero-title" data-astro-cid-p5cqgtg4> <div class="container" data-astro-cid-p5cqgtg4> <div class="relative z-1 grid grid-cols-[minmax(0,0.92fr)_minmax(420px,1.08fr)] items-center gap-14 max-lg:grid-cols-1 max-lg:gap-[42px]" data-astro-cid-p5cqgtg4> <div class="min-w-0" data-astro-cid-p5cqgtg4> <p class="mb-[22px] inline-flex items-center gap-2.5 text-[11px] font-extrabold uppercase leading-[1.25] tracking-[0.12em] text-slate-500" data-hero data-astro-cid-p5cqgtg4> <span class="h-2 w-2 rounded-full bg-blue-600 shadow-[0_0_0_5px_rgba(37,99,235,0.08)]" aria-hidden="true" data-astro-cid-p5cqgtg4></span> Vienna-based web studio since 2017 </p> <h1 id="hero-title" class="max-w-[640px] text-[56px] font-[860] leading-[1.04] tracking-normal text-slate-900 max-lg:text-5xl max-md:text-[38px] max-sm:text-[33px]" data-hero data-astro-cid-p5cqgtg4> Get a website that brings <em class="not-italic text-blue-600" data-astro-cid-p5cqgtg4>more enquiries</em>. </h1> <p class="mt-[22px] max-w-[560px] text-[17px] leading-[1.72] text-slate-600 max-md:text-[15px]" data-hero data-astro-cid-p5cqgtg4> We create fast, search-ready websites for companies. Your site will explain your offer clearly, load quickly, and be easier to understand where clients search - on Google and through AI-powered tools. </p> <div class="mt-8 flex flex-wrap gap-3 max-sm:grid" data-hero data-astro-cid-p5cqgtg4> <a href="/#cta" data-track="cta_click" data-track-location="hero" class="inline-flex min-h-12 items-center justify-center gap-2 rounded-lg bg-blue-600 px-[18px] text-[15px] font-[760] leading-[1.2] text-white transition duration-200 hover:-translate-y-px hover:bg-blue-700 max-sm:w-full" data-astro-cid-p5cqgtg4> <span data-astro-cid-p5cqgtg4>Request a free consultation →</span> </a> </div> </div> <div class="min-w-0 max-lg:max-w-[760px]" data-hero aria-hidden="true" data-astro-cid-p5cqgtg4> <div class="hero-visual relative" data-astro-cid-p5cqgtg4> <div class="overflow-hidden rounded-lg border border-slate-200 bg-white shadow-[0_10px_28px_rgba(15,23,42,0.06)]" data-astro-cid-p5cqgtg4> <div class="flex h-[42px] items-center gap-2.5 border-b border-slate-200 bg-slate-50 px-3.5" data-astro-cid-p5cqgtg4> <div class="flex gap-[5px]" data-astro-cid-p5cqgtg4> <span class="h-2 w-2 rounded-full bg-slate-300" data-astro-cid-p5cqgtg4></span> <span class="h-2 w-2 rounded-full bg-slate-300" data-astro-cid-p5cqgtg4></span> <span class="h-2 w-2 rounded-full bg-slate-300" data-astro-cid-p5cqgtg4></span> </div> <div class="h-[22px] min-w-0 flex-1 rounded-full border border-slate-200 bg-white px-3 text-[11px] font-bold leading-5 text-slate-400" data-astro-cid-p5cqgtg4>your-company.com</div> </div> <div class="relative h-[486px] overflow-hidden bg-linear-to-b from-white to-slate-50 after:pointer-events-none after:absolute after:inset-0 after:bg-linear-to-b after:from-transparent after:from-76% after:to-slate-50/95 after:content-[''] max-md:h-[520px]" data-astro-cid-p5cqgtg4> <div class="hero-page p-5" data-astro-cid-p5cqgtg4> <div class="flex items-center justify-between gap-[18px] rounded-lg border border-slate-200 bg-white px-[18px] py-4" data-astro-cid-p5cqgtg4> <span class="h-3 w-[98px] rounded-full bg-slate-900" data-astro-cid-p5cqgtg4></span> <div class="flex flex-1 justify-end gap-2.5 max-md:hidden" data-astro-cid-p5cqgtg4> <span class="h-[7px] w-[42px] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></span> <span class="h-[7px] w-[42px] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></span> <span class="h-[7px] w-[42px] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></span> </div> <span class="h-7 w-[70px] rounded-lg bg-blue-600" data-astro-cid-p5cqgtg4></span> </div> <div class="mt-4 grid grid-cols-[minmax(0,1.18fr)_minmax(150px,0.82fr)] gap-4 rounded-lg bg-slate-900 p-[22px] max-md:grid-cols-1 max-md:p-[18px]" data-astro-cid-p5cqgtg4> <div data-astro-cid-p5cqgtg4> <span class="inline-flex max-w-full rounded-full border border-blue-400/[0.28] bg-blue-600/[0.16] px-2.5 py-[7px] text-[10px] font-[850] uppercase leading-none tracking-[0.08em] text-blue-300" data-astro-cid-p5cqgtg4>Website signal system</span> <strong class="mt-4 block max-w-[360px] text-3xl font-[850] leading-[1.08] tracking-normal text-white max-md:text-[26px]" data-astro-cid-p5cqgtg4>Fast. Clear. Easier to find.</strong> <span class="mt-[11px] block h-[7px] w-[82%] rounded-full bg-white/[0.14]" data-astro-cid-p5cqgtg4></span> <span class="mt-[11px] block h-[7px] w-[58%] rounded-full bg-white/[0.14]" data-astro-cid-p5cqgtg4></span> <div class="hero-site-buttons mt-5 flex gap-2" data-astro-cid-p5cqgtg4> <span class="h-8 w-[92px] rounded-lg bg-blue-600" data-astro-cid-p5cqgtg4></span> <span class="h-8 w-[74px] rounded-lg border border-white/[0.18] bg-transparent" data-astro-cid-p5cqgtg4></span> </div> </div> <div class="grid min-w-0 content-end gap-2.5 rounded-lg border border-white/[0.08] bg-white/[0.055] p-4" data-astro-cid-p5cqgtg4> <span class="block h-4 w-[82%] rounded-full bg-white/[0.16]" data-astro-cid-p5cqgtg4></span> <span class="block h-4 w-[58%] rounded-full bg-white/[0.16]" data-astro-cid-p5cqgtg4></span> <span class="block h-4 w-[72%] rounded-full bg-blue-400/[0.32]" data-astro-cid-p5cqgtg4></span> </div> </div> <div class="mt-4 grid grid-cols-3 gap-3 max-md:grid-cols-1" data-astro-cid-p5cqgtg4> <div class="min-h-28 rounded-lg border border-slate-200 bg-white p-4" data-astro-cid-p5cqgtg4> <span class="block h-7 w-7 rounded-lg bg-blue-50" data-astro-cid-p5cqgtg4></span> <strong class="mt-4 block text-[13px] font-[820] leading-[1.25] text-slate-900" data-astro-cid-p5cqgtg4>Speed</strong> <i class="mt-2.5 block h-1.5 w-[72%] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></i> </div><div class="min-h-28 rounded-lg border border-slate-200 bg-white p-4" data-astro-cid-p5cqgtg4> <span class="block h-7 w-7 rounded-lg bg-blue-50" data-astro-cid-p5cqgtg4></span> <strong class="mt-4 block text-[13px] font-[820] leading-[1.25] text-slate-900" data-astro-cid-p5cqgtg4>Google</strong> <i class="mt-2.5 block h-1.5 w-[72%] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></i> </div><div class="min-h-28 rounded-lg border border-slate-200 bg-white p-4" data-astro-cid-p5cqgtg4> <span class="block h-7 w-7 rounded-lg bg-blue-50" data-astro-cid-p5cqgtg4></span> <strong class="mt-4 block text-[13px] font-[820] leading-[1.25] text-slate-900" data-astro-cid-p5cqgtg4>AI tools</strong> <i class="mt-2.5 block h-1.5 w-[72%] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></i> </div> </div> <div class="mt-4 grid gap-2.5 rounded-lg border border-slate-200 bg-white p-5" data-astro-cid-p5cqgtg4> <span class="block h-3 w-[62%] rounded-full bg-blue-600" data-astro-cid-p5cqgtg4></span> <span class="block h-3 w-[86%] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></span> <span class="block h-3 w-[48%] rounded-full bg-slate-200" data-astro-cid-p5cqgtg4></span> </div> <div class="mt-4 grid grid-cols-2 gap-3" data-astro-cid-p5cqgtg4> <span class="h-[86px] rounded-lg border border-slate-200 bg-white" data-astro-cid-p5cqgtg4></span> <span class="h-[86px] rounded-lg border border-slate-200 bg-white" data-astro-cid-p5cqgtg4></span> <span class="h-[86px] rounded-lg border border-slate-200 bg-white" data-astro-cid-p5cqgtg4></span> <span class="h-[86px] rounded-lg border border-slate-200 bg-white" data-astro-cid-p5cqgtg4></span> </div> </div> </div> </div> <div class="hero-caption mt-3 flex items-center justify-between gap-4 rounded-lg border border-blue-100 bg-white px-4 py-3.5" data-astro-cid-p5cqgtg4> <span class="text-xs font-[850] uppercase leading-[1.25] tracking-[0.08em] text-blue-600" data-astro-cid-p5cqgtg4>More qualified enquiries</span> <i class="block h-1.5 w-[74px] rounded-full bg-linear-to-r from-blue-600 to-blue-200" data-astro-cid-p5cqgtg4></i> </div> </div> </div> </div> </div> </section> <section aria-label="Trusted by Our Clients" class="border-b border-slate-200 bg-white py-[26px]"> <div class="container"> <div class="grid grid-cols-[minmax(180px,240px)_minmax(0,1fr)] items-center gap-7 max-md:grid-cols-1 max-md:gap-[18px]"> <p class="text-[11px] font-extrabold uppercase leading-[1.35] tracking-[0.12em] text-slate-400" data-reveal> Trusted by Our Clients </p> <div class="social-proof-marquee relative min-w-0 overflow-hidden" aria-label="Client logos" data-reveal data-reveal-delay="0.08"> <div class="social-proof-track flex min-w-0 w-max will-change-transform"> <div class="social-proof-group flex flex-none items-center gap-11 pr-11 max-md:gap-[34px] max-md:pr-[34px]" role="list"> <div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0" role="listitem" aria-label="greentec services"> <img src="/logos/greentec.svg" alt="greentec services" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0" role="listitem" aria-label="SHIELD MESA"> <img src="/logos/shieldmesa.svg" alt="SHIELD MESA" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0" role="listitem" aria-label="ECOwind"> <img src="/logos/ecowind.svg" alt="ECOwind" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0" role="listitem" aria-label="GTS DIST"> <img src="/logos/gtsdist.svg" alt="GTS DIST" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0" role="listitem" aria-label="pintotag"> <img src="/logos/pintotag.svg" alt="pintotag" loading="lazy" decoding="async"> </div> </div> <div class="social-proof-group flex flex-none items-center gap-11 pr-11 max-md:gap-[34px] max-md:pr-[34px]" aria-hidden="true"> <div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/greentec.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/shieldmesa.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/ecowind.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/gtsdist.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/pintotag.svg" alt="" loading="lazy" decoding="async"> </div> </div><div class="social-proof-group flex flex-none items-center gap-11 pr-11 max-md:gap-[34px] max-md:pr-[34px]" aria-hidden="true"> <div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/greentec.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/shieldmesa.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/ecowind.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/gtsdist.svg" alt="" loading="lazy" decoding="async"> </div><div class="flex w-[132px] min-w-[132px] items-center justify-center max-md:w-[118px] max-md:min-w-[118px] [&_img]:block [&_img]:h-6 [&_img]:w-auto [&_img]:max-w-[122px] [&_img]:opacity-[0.48] [&_img]:grayscale [&_img]:transition-[filter,opacity] [&_img]:duration-200 hover:[&_img]:opacity-[0.82] hover:[&_img]:grayscale-0"> <img src="/logos/pintotag.svg" alt="" loading="lazy" decoding="async"> </div> </div> </div> </div> </div> </div> </section> <section id="problems" class="problem-section relative overflow-hidden border-t border-slate-200 py-24 max-md:py-19" aria-labelledby="problems-heading" data-astro-cid-dylt24mc> <div class="container" data-astro-cid-dylt24mc> <div class="relative z-1 mb-[46px] grid grid-cols-[minmax(0,1fr)_minmax(280px,390px)] items-end gap-[34px] max-lg:grid-cols-1 max-md:mb-8" data-astro-cid-dylt24mc> <div class="max-w-[760px]"> <p class="mb-3.5 text-[11px] font-extrabold tracking-[0.12em] uppercase text-blue-600" data-reveal> The problem </p> <h2 id="problems-heading" class="font-[850] leading-[1.08] tracking-normal text-5xl max-lg:text-[42px] max-md:text-4xl max-sm:text-[32px] text-slate-900 max-w-[700px]" data-reveal data-reveal-delay="0.08"> A good-looking website is not enough. </h2> <p class="mt-4.5 text-[17px] leading-[1.65] max-md:text-[15px] text-slate-500 max-w-[670px]" data-reveal data-reveal-delay="0.12"> Your website should load fast, explain what you do, help people trust you, and answer the questions your clients actually search for. </p> </div> <div class="min-w-0 rounded-lg border border-slate-200 bg-white/88 p-5.5 shadow-[0_6px_18px_rgba(15,23,42,0.04)]" data-reveal data-reveal-delay="0.16" data-astro-cid-dylt24mc> <div class="flex items-center gap-2.5 text-xs font-extrabold tracking-[0.1em] text-slate-500 uppercase" data-astro-cid-dylt24mc> <span class="size-2.5 rounded-full bg-blue-600 shadow-[0_0_0_5px_rgba(37,99,235,0.08)]" aria-hidden="true" data-astro-cid-dylt24mc></span> <span data-astro-cid-dylt24mc>The problem</span> </div> <div class="mt-6 grid gap-3 *:block *:h-2.5 *:w-(--bar) *:rounded-full *:bg-linear-to-r *:from-blue-600 *:to-blue-200" aria-hidden="true" data-astro-cid-dylt24mc> <span style="--bar: 82%" data-astro-cid-dylt24mc></span> <span style="--bar: 54%" data-astro-cid-dylt24mc></span> <span style="--bar: 68%" data-astro-cid-dylt24mc></span> <span style="--bar: 38%" data-astro-cid-dylt24mc></span> </div> </div> </div> <ul class="relative z-1 m-0 grid list-none grid-cols-3 gap-4 p-0 max-lg:grid-cols-2 max-md:grid-cols-1" role="list" data-astro-cid-dylt24mc> <li class="min-h-[238px] min-w-0 rounded-lg border border-slate-200 bg-white/92 p-6 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.06" data-astro-cid-dylt24mc> <div class="mb-8 flex items-start justify-between gap-4" data-astro-cid-dylt24mc> <span class="text-xs font-[850] tracking-[0.12em] text-slate-400" data-astro-cid-dylt24mc>01</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dylt24mc="true" class="lucide lucide-eye-off"> <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"></path> <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"></path> <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"></path> <path d="m2 2 20 20"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-dylt24mc>People cannot find you</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-dylt24mc>If your pages are not written and organized for search, potential clients choose someone else before they ever see your website.</p> </li><li class="min-h-[238px] min-w-0 rounded-lg border border-slate-200 bg-white/92 p-6 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.11" data-astro-cid-dylt24mc> <div class="mb-8 flex items-start justify-between gap-4" data-astro-cid-dylt24mc> <span class="text-xs font-[850] tracking-[0.12em] text-slate-400" data-astro-cid-dylt24mc>02</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dylt24mc="true" class="lucide lucide-bot"> <path d="M12 8V4H8"></path> <rect width="16" height="12" x="4" y="8" rx="2"></rect> <path d="M2 14h2"></path> <path d="M20 14h2"></path> <path d="M15 13v2"></path> <path d="M9 13v2"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-dylt24mc>AI tools miss your business</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-dylt24mc>More people ask ChatGPT and similar assistants for recommendations. If your website is vague, those tools have less clear information to work with.</p> </li><li class="min-h-[238px] min-w-0 rounded-lg border border-slate-200 bg-white/92 p-6 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.16" data-astro-cid-dylt24mc> <div class="mb-8 flex items-start justify-between gap-4" data-astro-cid-dylt24mc> <span class="text-xs font-[850] tracking-[0.12em] text-slate-400" data-astro-cid-dylt24mc>03</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dylt24mc="true" class="lucide lucide-gauge"> <path d="m12 14 4-4"></path> <path d="M3.34 19a10 10 0 1 1 17.32 0"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-dylt24mc>The website feels slow</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-dylt24mc>Slow pages make visitors leave, especially on mobile. A fast website feels more professional from the first click.</p> </li><li class="min-h-[238px] min-w-0 rounded-lg border border-slate-200 bg-white/92 p-6 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.21000000000000002" data-astro-cid-dylt24mc> <div class="mb-8 flex items-start justify-between gap-4" data-astro-cid-dylt24mc> <span class="text-xs font-[850] tracking-[0.12em] text-slate-400" data-astro-cid-dylt24mc>04</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dylt24mc="true" class="lucide lucide-mouse-pointer-click"> <path d="M14 4.1 12 6"></path> <path d="m5.1 8-2.9-.8"></path> <path d="m6 12-1.9 2"></path> <path d="M7.2 2.2 8 5.1"></path> <path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-dylt24mc>Visitors do not take action</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-dylt24mc>People need a clear path: understand the offer, see proof, and know exactly how to contact you.</p> </li><li class="min-h-[238px] min-w-0 rounded-lg border border-slate-200 bg-white/92 p-6 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.26" data-astro-cid-dylt24mc> <div class="mb-8 flex items-start justify-between gap-4" data-astro-cid-dylt24mc> <span class="text-xs font-[850] tracking-[0.12em] text-slate-400" data-astro-cid-dylt24mc>05</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dylt24mc="true" class="lucide lucide-file-exclamation-point"> <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path> <path d="M12 9v4"></path> <path d="M12 17h.01"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-dylt24mc>The message is unclear</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-dylt24mc>If your services are difficult to understand, visitors will not spend time figuring them out.</p> </li><li class="min-h-[238px] min-w-0 rounded-lg border border-slate-200 bg-white/92 p-6 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.31" data-astro-cid-dylt24mc> <div class="mb-8 flex items-start justify-between gap-4" data-astro-cid-dylt24mc> <span class="text-xs font-[850] tracking-[0.12em] text-slate-400" data-astro-cid-dylt24mc>06</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dylt24mc="true" class="lucide lucide-trending-down"> <path d="M16 17h6v-6"></path> <path d="m22 17-8.5-8.5-5 5L2 7"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-dylt24mc>No growth after launch</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-dylt24mc>A website should not be a one-time brochure. It should support search, enquiries, and future improvements.</p> </li> </ul> </div> </section> <section id="comparison" class="relative overflow-hidden bg-slate-900 py-[88px] text-white max-md:py-[72px]" aria-labelledby="comparison-heading"> <div class="container"> <div class="relative z-1 mb-[34px] grid grid-cols-[minmax(0,1fr)_auto] items-end gap-7 max-lg:grid-cols-1 max-lg:items-start"> <div> <p class="mb-3.5 text-[11px] font-extrabold tracking-[0.12em] text-blue-400 uppercase" data-reveal> Why Belichberg </p> <h2 id="comparison-heading" class="max-w-[720px] text-[44px] leading-[1.08] font-[850] tracking-normal text-white max-lg:text-[40px] max-md:text-[34px] max-sm:text-[31px]" data-reveal data-reveal-delay="0.08"> Not just a website. A website built to be found. </h2> <p class="mt-4.5 max-w-[720px] text-base leading-[1.65] text-slate-300 max-md:text-[15px]" data-reveal data-reveal-delay="0.12"> We combine clean design, fast loading, clear messaging, search optimization, and content structured for modern search so your website works harder after launch. </p> </div> <a href="#cta" class="inline-flex items-center gap-[9px] rounded-lg bg-blue-600 px-[17px] py-3.5 text-sm leading-none font-[760] whitespace-nowrap transition-[background-color,transform] duration-[180ms] ease-[ease] hover:-translate-y-px hover:bg-blue-700" data-reveal data-reveal-delay="0.16"> <span>Request a free consultation</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> </a> </div> <div class="relative z-1 overflow-hidden rounded-lg border border-white/9 bg-white/3" data-reveal data-reveal-delay="0.18"> <div class="grid grid-cols-[minmax(240px,0.42fr)_minmax(0,1fr)_minmax(0,1fr)] border-b border-white/9 bg-white/3 max-lg:hidden" aria-hidden="true"> <div></div> <div class="flex min-h-[54px] items-center gap-2 px-5.5 text-[11px] font-[850] tracking-[0.09em] text-slate-500 uppercase"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-x"> <circle cx="12" cy="12" r="10"></circle> <path d="m15 9-6 6"></path> <path d="m9 9 6 6"></path> </svg> Typical Website Agency </div> <div class="flex min-h-[54px] items-center gap-2 bg-blue-600/8 px-5.5 text-[11px] font-[850] tracking-[0.09em] text-blue-400 uppercase"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> BELICHBERG Approach </div> </div> <ul class="m-0 list-none p-0" role="list" aria-label="Belichberg approach comparison"> <li class="grid grid-cols-[minmax(240px,0.42fr)_minmax(0,1fr)_minmax(0,1fr)] border-b border-white/7 last:border-b-0 max-lg:grid-cols-1"> <div class="flex min-w-0 items-center gap-3 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-sm:p-4.5"> <span class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-lg border border-blue-400/22 bg-blue-600/10 text-blue-300"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.85" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-target"> <circle cx="12" cy="12" r="10"></circle> <circle cx="12" cy="12" r="6"></circle> <circle cx="12" cy="12" r="2"></circle> </svg> </span> <strong class="text-sm leading-[1.25] font-[820] text-white wrap-anywhere">Strategy</strong> </div> <div class="min-w-0 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-lg:border-white/7 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-slate-500 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-x"> <circle cx="12" cy="12" r="10"></circle> <path d="m15 9-6 6"></path> <path d="m9 9 6 6"></path> </svg> Typical Website Agency </span> <p class="text-sm leading-[1.64] text-slate-400">Starts with visuals only</p> </div> <div class="min-w-0 bg-blue-600/8 px-5.5 py-5 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-blue-400 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> BELICHBERG Approach </span> <p class="text-sm leading-[1.64] font-[650] text-slate-200">Starts with your offer, audience, market, and goals</p> </div> </li><li class="grid grid-cols-[minmax(240px,0.42fr)_minmax(0,1fr)_minmax(0,1fr)] border-b border-white/7 last:border-b-0 max-lg:grid-cols-1"> <div class="flex min-w-0 items-center gap-3 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-sm:p-4.5"> <span class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-lg border border-blue-400/22 bg-blue-600/10 text-blue-300"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.85" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-zap"> <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path> </svg> </span> <strong class="text-sm leading-[1.25] font-[820] text-white wrap-anywhere">Website Speed</strong> </div> <div class="min-w-0 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-lg:border-white/7 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-slate-500 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-x"> <circle cx="12" cy="12" r="10"></circle> <path d="m15 9-6 6"></path> <path d="m9 9 6 6"></path> </svg> Typical Website Agency </span> <p class="text-sm leading-[1.64] text-slate-400">Looks fine but feels slow</p> </div> <div class="min-w-0 bg-blue-600/8 px-5.5 py-5 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-blue-400 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> BELICHBERG Approach </span> <p class="text-sm leading-[1.64] font-[650] text-slate-200">Loads quickly on desktop and mobile</p> </div> </li><li class="grid grid-cols-[minmax(240px,0.42fr)_minmax(0,1fr)_minmax(0,1fr)] border-b border-white/7 last:border-b-0 max-lg:grid-cols-1"> <div class="flex min-w-0 items-center gap-3 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-sm:p-4.5"> <span class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-lg border border-blue-400/22 bg-blue-600/10 text-blue-300"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.85" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-search-check"> <path d="m8 11 2 2 4-4"></path> <circle cx="11" cy="11" r="8"></circle> <path d="m21 21-4.3-4.3"></path> </svg> </span> <strong class="text-sm leading-[1.25] font-[820] text-white wrap-anywhere">SEO</strong> </div> <div class="min-w-0 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-lg:border-white/7 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-slate-500 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-x"> <circle cx="12" cy="12" r="10"></circle> <path d="m15 9-6 6"></path> <path d="m9 9 6 6"></path> </svg> Typical Website Agency </span> <p class="text-sm leading-[1.64] text-slate-400">Basic page titles</p> </div> <div class="min-w-0 bg-blue-600/8 px-5.5 py-5 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-blue-400 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> BELICHBERG Approach </span> <p class="text-sm leading-[1.64] font-[650] text-slate-200">Pages planned so people can find you on Google</p> </div> </li><li class="grid grid-cols-[minmax(240px,0.42fr)_minmax(0,1fr)_minmax(0,1fr)] border-b border-white/7 last:border-b-0 max-lg:grid-cols-1"> <div class="flex min-w-0 items-center gap-3 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-sm:p-4.5"> <span class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-lg border border-blue-400/22 bg-blue-600/10 text-blue-300"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.85" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-brain-circuit"> <path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path> <path d="M9 13a4.5 4.5 0 0 0 3-4"></path> <path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path> <path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path> <path d="M6 18a4 4 0 0 1-1.967-.516"></path> <path d="M12 13h4"></path> <path d="M12 18h6a2 2 0 0 1 2 2v1"></path> <path d="M12 8h8"></path> <path d="M16 8V5a2 2 0 0 1 2-2"></path> <circle cx="16" cy="13" r=".5"></circle> <circle cx="18" cy="3" r=".5"></circle> <circle cx="20" cy="21" r=".5"></circle> <circle cx="20" cy="8" r=".5"></circle> </svg> </span> <strong class="text-sm leading-[1.25] font-[820] text-white wrap-anywhere">AI Search</strong> </div> <div class="min-w-0 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-lg:border-white/7 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-slate-500 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-x"> <circle cx="12" cy="12" r="10"></circle> <path d="m15 9-6 6"></path> <path d="m9 9 6 6"></path> </svg> Typical Website Agency </span> <p class="text-sm leading-[1.64] text-slate-400">Not clear enough for AI tools</p> </div> <div class="min-w-0 bg-blue-600/8 px-5.5 py-5 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-blue-400 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> BELICHBERG Approach </span> <p class="text-sm leading-[1.64] font-[650] text-slate-200">Content structured to help AI tools understand your services</p> </div> </li><li class="grid grid-cols-[minmax(240px,0.42fr)_minmax(0,1fr)_minmax(0,1fr)] border-b border-white/7 last:border-b-0 max-lg:grid-cols-1"> <div class="flex min-w-0 items-center gap-3 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-sm:p-4.5"> <span class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-lg border border-blue-400/22 bg-blue-600/10 text-blue-300"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.85" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-trending-up"> <path d="M16 7h6v6"></path> <path d="m22 7-8.5 8.5-5-5L2 17"></path> </svg> </span> <strong class="text-sm leading-[1.25] font-[820] text-white wrap-anywhere">Conversion</strong> </div> <div class="min-w-0 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-lg:border-white/7 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-slate-500 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-x"> <circle cx="12" cy="12" r="10"></circle> <path d="m15 9-6 6"></path> <path d="m9 9 6 6"></path> </svg> Typical Website Agency </span> <p class="text-sm leading-[1.64] text-slate-400">Beautiful pages without a clear next step</p> </div> <div class="min-w-0 bg-blue-600/8 px-5.5 py-5 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-blue-400 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> BELICHBERG Approach </span> <p class="text-sm leading-[1.64] font-[650] text-slate-200">Clear structure that guides visitors toward contact</p> </div> </li><li class="grid grid-cols-[minmax(240px,0.42fr)_minmax(0,1fr)_minmax(0,1fr)] border-b border-white/7 last:border-b-0 max-lg:grid-cols-1"> <div class="flex min-w-0 items-center gap-3 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-sm:p-4.5"> <span class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-lg border border-blue-400/22 bg-blue-600/10 text-blue-300"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.85" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-database"> <ellipse cx="12" cy="5" rx="9" ry="3"></ellipse> <path d="M3 5V19A9 3 0 0 0 21 19V5"></path> <path d="M3 12A9 3 0 0 0 21 12"></path> </svg> </span> <strong class="text-sm leading-[1.25] font-[820] text-white wrap-anywhere">After Launch</strong> </div> <div class="min-w-0 border-r border-white/7 px-5.5 py-5 max-lg:border-r-0 max-lg:border-b max-lg:border-white/7 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-slate-500 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-x"> <circle cx="12" cy="12" r="10"></circle> <path d="m15 9-6 6"></path> <path d="m9 9 6 6"></path> </svg> Typical Website Agency </span> <p class="text-sm leading-[1.64] text-slate-400">Hard to update and easy to neglect</p> </div> <div class="min-w-0 bg-blue-600/8 px-5.5 py-5 max-sm:p-4.5"> <span class="mb-2 hidden items-center gap-[7px] text-[10px] leading-[1.35] font-[850] tracking-[0.09em] text-blue-400 uppercase max-lg:flex"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" class="lucide lucide-circle-check"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> BELICHBERG Approach </span> <p class="text-sm leading-[1.64] font-[650] text-slate-200">Simple handover, clear content workflow, and room to grow</p> </div> </li> </ul> </div> </div> </section> <section id="services" class="relative overflow-hidden border-t border-slate-200 bg-white py-24 max-md:py-[76px] before:pointer-events-none before:absolute before:inset-x-0 before:bottom-0 before:h-[54%] before:content-[''] before:bg-linear-to-b before:from-transparent before:to-slate-50" aria-labelledby="services-heading" data-astro-cid-oqfyhl4h> <div class="container" data-astro-cid-oqfyhl4h> <div class="relative z-[1] mb-[46px] max-w-[760px] max-md:mb-[34px]"> <p class="mb-3.5 text-[11px] font-extrabold tracking-[0.12em] uppercase text-blue-600" data-reveal> What we do </p> <h2 id="services-heading" class="font-[850] leading-[1.08] tracking-normal text-5xl max-lg:text-[42px] max-md:text-4xl max-sm:text-[32px] text-slate-900 max-w-[760px]" data-reveal data-reveal-delay="0.08"> Website creation, search visibility, and long-term improvement. </h2> </div> <div class="services-layout relative z-[1] grid items-stretch gap-[22px]" data-astro-cid-oqfyhl4h> <article class="service-feature grid min-h-[540px] grid-rows-[minmax(0,1fr)_auto] overflow-hidden rounded-lg border border-slate-200 shadow-none max-lg:min-h-0" data-reveal data-reveal-delay="0.12" data-astro-cid-oqfyhl4h> <div class="p-[34px] max-md:p-6" data-astro-cid-oqfyhl4h> <div class="mb-[34px] flex items-start justify-between gap-4" data-astro-cid-oqfyhl4h> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-oqfyhl4h>01</span> <span class="flex items-center justify-center rounded-lg h-[52px] w-[52px] border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="22" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-layout-dashboard"> <rect width="7" height="9" x="3" y="3" rx="1"></rect> <rect width="7" height="5" x="14" y="3" rx="1"></rect> <rect width="7" height="9" x="14" y="12" rx="1"></rect> <rect width="7" height="5" x="3" y="16" rx="1"></rect> </svg> </span> </div> <h3 class="max-w-[520px] text-[40px] font-[850] leading-[1.12] tracking-normal text-slate-900 max-md:text-3xl max-sm:text-[28px]" data-astro-cid-oqfyhl4h> Website Creation </h3> <p class="mt-[18px] max-w-[580px] text-base leading-[1.68] text-slate-500" data-astro-cid-oqfyhl4h>Modern websites that look professional, load quickly, work on every device, and explain your offer in a way people understand.</p> </div> <ul class="m-0 grid list-none grid-cols-2 gap-px bg-slate-200 p-px max-md:grid-cols-1" role="list" data-astro-cid-oqfyhl4h> <li class="flex min-w-0 items-start gap-2.5 bg-slate-50 p-[18px] text-[13px] font-bold leading-[1.45] text-slate-600" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-circle-check mt-px flex-none text-blue-600"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-oqfyhl4h>Clear structure and premium design</span> </li><li class="flex min-w-0 items-start gap-2.5 bg-slate-50 p-[18px] text-[13px] font-bold leading-[1.45] text-slate-600" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-circle-check mt-px flex-none text-blue-600"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-oqfyhl4h>Fast loading pages</span> </li><li class="flex min-w-0 items-start gap-2.5 bg-slate-50 p-[18px] text-[13px] font-bold leading-[1.45] text-slate-600" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-circle-check mt-px flex-none text-blue-600"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-oqfyhl4h>Mobile-friendly experience</span> </li><li class="flex min-w-0 items-start gap-2.5 bg-slate-50 p-[18px] text-[13px] font-bold leading-[1.45] text-slate-600" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-circle-check mt-px flex-none text-blue-600"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-oqfyhl4h>All languages if needed</span> </li> </ul> </article> <div class="grid gap-[22px]" data-astro-cid-oqfyhl4h> <article class="rounded-lg border border-slate-200 bg-white/[0.94] p-7 shadow-none transition-[border-color,box-shadow,transform] duration-200 ease-[ease] hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:p-6" data-reveal data-reveal-delay="0.16" data-astro-cid-oqfyhl4h> <div class="mb-[34px] flex items-start justify-between gap-4" data-astro-cid-oqfyhl4h> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-oqfyhl4h>02</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-trending-up"> <path d="M16 7h6v6"></path> <path d="m22 7-8.5 8.5-5-5L2 17"></path> </svg> </span> </div> <h3 class="text-2xl font-[850] leading-[1.12] tracking-normal text-slate-900 max-sm:text-[22px]" data-astro-cid-oqfyhl4h> Google & Content Optimization </h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-oqfyhl4h>We help your website speak the language your clients search for, tailored to your target markets.</p> <ul class="m-0 mt-6 grid list-none gap-[9px] p-0" role="list" data-astro-cid-oqfyhl4h> <li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Search-friendly page structure</span> </li><li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Keyword planning for your target markets</span> </li><li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Clear service pages</span> </li><li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Simple performance reporting</span> </li> </ul> </article><article class="rounded-lg border border-slate-200 bg-white/[0.94] p-7 shadow-none transition-[border-color,box-shadow,transform] duration-200 ease-[ease] hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:p-6" data-reveal data-reveal-delay="0.22" data-astro-cid-oqfyhl4h> <div class="mb-[34px] flex items-start justify-between gap-4" data-astro-cid-oqfyhl4h> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-oqfyhl4h>03</span> <span class="flex items-center justify-center rounded-lg size-11 border border-blue-200 bg-blue-50 text-blue-600 flex-none" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-sparkles"> <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path> <path d="M20 2v4"></path> <path d="M22 4h-4"></path> <circle cx="4" cy="20" r="2"></circle> </svg> </span> </div> <h3 class="text-2xl font-[850] leading-[1.12] tracking-normal text-slate-900 max-sm:text-[22px]" data-astro-cid-oqfyhl4h> AI Visibility Optimization </h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-oqfyhl4h>We structure your content so AI-powered search tools can interpret your company, services, and proof more clearly.</p> <ul class="m-0 mt-6 grid list-none gap-[9px] p-0" role="list" data-astro-cid-oqfyhl4h> <li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Clear answers to client questions</span> </li><li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Helpful FAQ sections</span> </li><li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Consistent company information</span> </li><li class="flex items-start gap-2 text-[13px] leading-[1.45] text-slate-500" data-astro-cid-oqfyhl4h> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="15" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-oqfyhl4h="true" class="lucide lucide-arrow-right mt-0.5 flex-none text-blue-600"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span data-astro-cid-oqfyhl4h>Ongoing visibility checks</span> </li> </ul> </article> </div> </div> </div> </section> <section id="deliverables" class="deliverables-section relative overflow-hidden border-t border-slate-200 py-24 max-md:py-19" aria-labelledby="dlv-heading" data-astro-cid-ex67y3oa> <div class="container" data-astro-cid-ex67y3oa> <div class="relative z-1 mb-13 max-w-[760px] max-md:mb-8.5" data-astro-cid-ex67y3oa> <p class="mb-3.5 text-[11px] font-extrabold tracking-[0.12em] text-blue-600 uppercase" data-reveal data-astro-cid-ex67y3oa> What you get </p> <h2 id="dlv-heading" class="max-w-[720px] text-[44px] leading-[1.08] font-[850] tracking-normal text-slate-900 max-xl:text-[40px] max-md:text-4xl max-sm:text-[32px]" data-reveal data-reveal-delay="0.08" data-astro-cid-ex67y3oa> What you get with every website project </h2> <p class="mt-4.5 max-w-[690px] text-[17px] leading-[1.65] text-slate-500 max-md:text-[15px]" data-reveal data-reveal-delay="0.12" data-astro-cid-ex67y3oa> Everything you need to launch a professional, fast, and search-ready website - without managing designers, developers, copywriters, and SEO separately. </p> </div> <div class="relative z-1 grid gap-5.5 max-xl:gap-4.5 max-md:gap-4" aria-label="What is included in every website project" data-astro-cid-ex67y3oa> <div class="pointer-events-none absolute inset-0 z-0 max-xl:hidden" aria-hidden="true" data-astro-cid-ex67y3oa> <span class="snake-line absolute top-31 right-[12.5%] left-[12.5%] block h-0.5" data-astro-cid-ex67y3oa></span> <span class="snake-line--turn absolute top-31 right-[12.5%] block h-[calc(100%-248px)] w-0.5" data-astro-cid-ex67y3oa></span> <span class="snake-line absolute right-[12.5%] bottom-31 left-[12.5%] block h-0.5 -scale-x-100" data-astro-cid-ex67y3oa></span> </div> <ul class="m-0 grid list-none grid-cols-4 gap-5.5 p-0 max-xl:grid-cols-2 max-xl:gap-4.5 max-md:grid-cols-1 max-md:gap-4" role="list" data-astro-cid-ex67y3oa> <li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.06" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>01</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-target"> <circle cx="12" cy="12" r="10"></circle> <circle cx="12" cy="12" r="6"></circle> <circle cx="12" cy="12" r="2"></circle> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>Strategy & Discovery</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>We learn about your company, goals, audience, and market - before any design begins.</p> </li><li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.11" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>02</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-layout-dashboard"> <rect width="7" height="9" x="3" y="3" rx="1"></rect> <rect width="7" height="5" x="14" y="3" rx="1"></rect> <rect width="7" height="9" x="14" y="12" rx="1"></rect> <rect width="7" height="5" x="3" y="16" rx="1"></rect> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>UX/UI Design</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>Page structure, visual direction, and brand feel - designed for your market and offer.</p> </li><li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.16" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>03</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-file-text"> <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path> <path d="M14 2v5a1 1 0 0 0 1 1h5"></path> <path d="M10 9H8"></path> <path d="M16 13H8"></path> <path d="M16 17H8"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>Website Copy</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>Clear, client-facing texts that explain your services and guide visitors toward contact.</p> </li><li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.21000000000000002" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>04</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-code-xml"> <path d="m18 16 4-4-4-4"></path> <path d="m6 8-4 4 4 4"></path> <path d="m14.5 4-5 16"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>Development</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>A fast, responsive website built for every device, with clean code and stable performance.</p> </li> </ul> <ul class="snake-row--bottom m-0 grid list-none grid-cols-4 gap-5.5 p-0 max-xl:grid-cols-2 max-xl:gap-4.5 max-md:grid-cols-1 max-md:gap-4" role="list" data-astro-cid-ex67y3oa> <li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.26" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>05</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-search-check"> <path d="m8 11 2 2 4-4"></path> <circle cx="11" cy="11" r="8"></circle> <path d="m21 21-4.3-4.3"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>SEO Foundation</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>Search-friendly page structure and content so Google can find and rank your website.</p> </li><li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.31" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>06</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-bot"> <path d="M12 8V4H8"></path> <rect width="16" height="12" x="4" y="8" rx="2"></rect> <path d="M2 14h2"></path> <path d="M20 14h2"></path> <path d="M15 13v2"></path> <path d="M9 13v2"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>AI Visibility</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>Your services described clearly so search engines and AI-powered tools can interpret them more reliably.</p> </li><li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5" data-reveal data-reveal-delay="0.36" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>07</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-chart-no-axes-column"> <path d="M5 21v-6"></path> <path d="M12 21V3"></path> <path d="M19 21V9"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>Analytics & Launch</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>Traffic tracking, final testing, and a smooth go-live with everything connected.</p> </li><li class="relative z-1 flex min-h-[248px] min-w-0 flex-col justify-between rounded-lg border border-slate-200 bg-white/92 p-6 shadow-none transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-px hover:border-blue-200 hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-5.5 snake-card--final" data-reveal data-reveal-delay="0.41000000000000003" data-astro-cid-ex67y3oa> <div class="mb-8.5 flex items-start justify-between gap-4 max-md:mb-6" data-astro-cid-ex67y3oa> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-ex67y3oa>08</span> <span class="flex size-11 flex-none items-center justify-center rounded-lg border border-blue-200 bg-blue-50 text-blue-600 shadow-[0_0_0_8px_#ffffff]" data-astro-cid-ex67y3oa> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ex67y3oa="true" class="lucide lucide-rocket"> <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path> <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path> <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path> <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path> </svg> </span> </div> <h3 class="text-[19px] leading-[1.22] font-[820] tracking-normal text-slate-900" data-astro-cid-ex67y3oa>Your Website, Live</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-ex67y3oa>A complete, professional website ready to attract enquiries and grow with your business.</p> </li> </ul> </div> </div> </section> <section id="ai-search" class="ai-section relative overflow-hidden py-[104px] text-white max-md:py-[78px]" aria-labelledby="ai-search-heading" data-astro-cid-pywibm4a> <div class="container" data-astro-cid-pywibm4a> <div class="relative z-[1] grid grid-cols-[minmax(0,0.94fr)_minmax(420px,1.06fr)] items-center gap-[52px] max-lg:grid-cols-1" data-astro-cid-pywibm4a> <div data-astro-cid-pywibm4a> <p class="mb-3.5 text-[11px] font-extrabold uppercase tracking-[0.12em] text-blue-400" data-reveal data-astro-cid-pywibm4a> AI visibility </p> <h2 id="ai-search-heading" class="max-w-[680px] text-5xl font-[850] leading-[1.08] tracking-normal text-white max-lg:text-[42px] max-md:text-4xl max-sm:text-[32px]" data-reveal data-reveal-delay="0.08" data-astro-cid-pywibm4a> People no longer search only on Google. </h2> <p class="mt-5 max-w-[660px] text-[17px] leading-[1.68] text-slate-300 max-md:text-[15px]" data-reveal data-reveal-delay="0.12" data-astro-cid-pywibm4a> Your next customer might search through Google, ChatGPT, Gemini, Claude, Perplexity, or another AI-powered tool. Your website needs clear, well-structured content these systems can interpret. </p> <div class="mt-9 grid gap-3" role="list" aria-label="AI visibility benefits" data-astro-cid-pywibm4a> <div class="grid grid-cols-[46px_minmax(0,1fr)] items-start gap-4 rounded-lg border border-white/8 bg-slate-900/68 p-[18px] transition-[border-color,background-color,transform] duration-200 hover:-translate-y-0.5 hover:border-blue-400/34 hover:bg-slate-900/90 max-sm:grid-cols-1" role="listitem" data-reveal data-reveal-delay="0.16" data-astro-cid-pywibm4a> <div class="flex h-[46px] w-[46px] items-center justify-center rounded-lg border border-blue-400/24 bg-blue-600/14 text-blue-300" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-search"> <path d="m21 21-4.34-4.34"></path> <circle cx="11" cy="11" r="8"></circle> </svg> </div> <div data-astro-cid-pywibm4a> <h3 class="text-base font-extrabold leading-[1.3] tracking-normal text-white" data-astro-cid-pywibm4a>Be easier to find</h3> <p class="mt-1.5 text-sm leading-[1.65] text-slate-400" data-astro-cid-pywibm4a>We structure your pages around the questions and services your clients are already searching for.</p> </div> </div><div class="grid grid-cols-[46px_minmax(0,1fr)] items-start gap-4 rounded-lg border border-white/8 bg-slate-900/68 p-[18px] transition-[border-color,background-color,transform] duration-200 hover:-translate-y-0.5 hover:border-blue-400/34 hover:bg-slate-900/90 max-sm:grid-cols-1" role="listitem" data-reveal data-reveal-delay="0.24" data-astro-cid-pywibm4a> <div class="flex h-[46px] w-[46px] items-center justify-center rounded-lg border border-blue-400/24 bg-blue-600/14 text-blue-300" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-brain-circuit"> <path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path> <path d="M9 13a4.5 4.5 0 0 0 3-4"></path> <path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path> <path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path> <path d="M6 18a4 4 0 0 1-1.967-.516"></path> <path d="M12 13h4"></path> <path d="M12 18h6a2 2 0 0 1 2 2v1"></path> <path d="M12 8h8"></path> <path d="M16 8V5a2 2 0 0 1 2-2"></path> <circle cx="16" cy="13" r=".5"></circle> <circle cx="18" cy="3" r=".5"></circle> <circle cx="20" cy="21" r=".5"></circle> <circle cx="20" cy="8" r=".5"></circle> </svg> </div> <div data-astro-cid-pywibm4a> <h3 class="text-base font-extrabold leading-[1.3] tracking-normal text-white" data-astro-cid-pywibm4a>Be easier to understand</h3> <p class="mt-1.5 text-sm leading-[1.65] text-slate-400" data-astro-cid-pywibm4a>We make your services, locations, industries, and proof clear enough for both people and AI tools.</p> </div> </div><div class="grid grid-cols-[46px_minmax(0,1fr)] items-start gap-4 rounded-lg border border-white/8 bg-slate-900/68 p-[18px] transition-[border-color,background-color,transform] duration-200 hover:-translate-y-0.5 hover:border-blue-400/34 hover:bg-slate-900/90 max-sm:grid-cols-1" role="listitem" data-reveal data-reveal-delay="0.32" data-astro-cid-pywibm4a> <div class="flex h-[46px] w-[46px] items-center justify-center rounded-lg border border-blue-400/24 bg-blue-600/14 text-blue-300" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-zap"> <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path> </svg> </div> <div data-astro-cid-pywibm4a> <h3 class="text-base font-extrabold leading-[1.3] tracking-normal text-white" data-astro-cid-pywibm4a>Be ready for how search is changing</h3> <p class="mt-1.5 text-sm leading-[1.65] text-slate-400" data-astro-cid-pywibm4a>Your website gets a stronger foundation for Google results, AI answers, and future content growth.</p> </div> </div> </div> </div> <div class="min-w-0" data-reveal data-reveal-delay="0.2" data-astro-cid-pywibm4a> <div class="ai-panel grid gap-[22px] overflow-hidden rounded-lg border border-white/10 p-6 shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]" data-astro-cid-pywibm4a> <div class="flex justify-between gap-6 max-md:flex-col" data-astro-cid-pywibm4a> <div data-astro-cid-pywibm4a> <p class="max-w-[430px] text-[22px] font-[820] leading-[1.18] tracking-normal text-white" data-astro-cid-pywibm4a>How your website becomes easier to understand</p> <span class="mt-2.5 block max-w-[520px] text-sm leading-[1.65] text-slate-400" data-astro-cid-pywibm4a>We organize the important information so people, search engines, and AI tools can connect your services with the right questions.</span> </div> <div class="flex h-[42px] w-[42px] flex-none items-center justify-center rounded-lg border border-blue-400/28 bg-blue-600/14 text-blue-300" aria-hidden="true" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-brain-circuit"> <path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path> <path d="M9 13a4.5 4.5 0 0 0 3-4"></path> <path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path> <path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path> <path d="M6 18a4 4 0 0 1-1.967-.516"></path> <path d="M12 13h4"></path> <path d="M12 18h6a2 2 0 0 1 2 2v1"></path> <path d="M12 8h8"></path> <path d="M16 8V5a2 2 0 0 1 2-2"></path> <circle cx="16" cy="13" r=".5"></circle> <circle cx="18" cy="3" r=".5"></circle> <circle cx="20" cy="21" r=".5"></circle> <circle cx="20" cy="8" r=".5"></circle> </svg> </div> </div> <div class="overflow-hidden rounded-lg border border-white/8 bg-white/3" data-astro-cid-pywibm4a> <div class="flex items-center gap-[7px] border-b border-white/6 px-4 py-3.5" aria-hidden="true" data-astro-cid-pywibm4a> <span class="h-2 w-2 rounded-full bg-red-400/82" data-astro-cid-pywibm4a></span> <span class="h-2 w-2 rounded-full bg-yellow-400/82" data-astro-cid-pywibm4a></span> <span class="h-2 w-2 rounded-full bg-green-400/82" data-astro-cid-pywibm4a></span> </div> <div class="relative p-[22px]" data-astro-cid-pywibm4a> <div class="grid max-w-[360px] gap-2.5" data-astro-cid-pywibm4a> <span class="block h-2.5 w-[82%] rounded-full bg-slate-400/16" data-astro-cid-pywibm4a></span> <span class="block h-2.5 w-full rounded-full bg-slate-400/16" data-astro-cid-pywibm4a></span> <span class="block h-2.5 w-[64%] rounded-full bg-slate-400/16" data-astro-cid-pywibm4a></span> </div> <div class="ai-browser-card mt-[22px] rounded-lg border border-blue-400/14 bg-slate-900/78 p-[18px]" data-astro-cid-pywibm4a> <div class="flex items-center justify-between gap-3" data-astro-cid-pywibm4a> <span class="inline-flex items-center rounded-full border border-blue-400/18 px-2.5 py-1.5 text-[11px] font-extrabold uppercase tracking-[0.08em] text-blue-300" data-astro-cid-pywibm4a>Your website</span> <span class="h-2.5 w-2.5 rounded-full bg-blue-400 shadow-[0_0_0_10px_rgba(96,165,250,0.08)]" data-astro-cid-pywibm4a></span> </div> <div class="mt-3.5" data-astro-cid-pywibm4a> <strong class="block text-[22px] font-[850] leading-[1.14] text-white" data-astro-cid-pywibm4a>More qualified enquiries</strong> <p class="mt-2.5 max-w-[420px] text-sm leading-[1.6] text-slate-400" data-astro-cid-pywibm4a>A stronger foundation for people who search with intent.</p> </div> </div> </div> </div> <div class="flex flex-wrap gap-2.5" role="list" aria-label="Search and AI channels" data-astro-cid-pywibm4a> <div class="ai-channel-chip inline-flex items-center gap-2 rounded-full border border-white/8 bg-white/4 px-[13px] py-[11px] text-xs font-bold leading-[1.2] text-slate-200" role="listitem" style="--chip-delay:0s" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-earth"> <path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path> <path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path> <path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path> <circle cx="12" cy="12" r="10"></circle> </svg> <span data-astro-cid-pywibm4a>Google</span> </div><div class="ai-channel-chip inline-flex items-center gap-2 rounded-full border border-white/8 bg-white/4 px-[13px] py-[11px] text-xs font-bold leading-[1.2] text-slate-200" role="listitem" style="--chip-delay:0.12s" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-bot"> <path d="M12 8V4H8"></path> <rect width="16" height="12" x="4" y="8" rx="2"></rect> <path d="M2 14h2"></path> <path d="M20 14h2"></path> <path d="M15 13v2"></path> <path d="M9 13v2"></path> </svg> <span data-astro-cid-pywibm4a>ChatGPT</span> </div><div class="ai-channel-chip inline-flex items-center gap-2 rounded-full border border-white/8 bg-white/4 px-[13px] py-[11px] text-xs font-bold leading-[1.2] text-slate-200" role="listitem" style="--chip-delay:0.24s" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-sparkles"> <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path> <path d="M20 2v4"></path> <path d="M22 4h-4"></path> <circle cx="4" cy="20" r="2"></circle> </svg> <span data-astro-cid-pywibm4a>Gemini</span> </div><div class="ai-channel-chip inline-flex items-center gap-2 rounded-full border border-white/8 bg-white/4 px-[13px] py-[11px] text-xs font-bold leading-[1.2] text-slate-200" role="listitem" style="--chip-delay:0.36s" data-astro-cid-pywibm4a> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-pywibm4a="true" class="lucide lucide-search"> <path d="m21 21-4.34-4.34"></path> <circle cx="11" cy="11" r="8"></circle> </svg> <span data-astro-cid-pywibm4a>Perplexity</span> </div> </div> </div> </div> </div> </div> </section> <section id="process" class="process-section relative overflow-hidden border-t border-slate-200 bg-linear-to-b from-white to-slate-50 py-24 max-md:py-[76px]" aria-labelledby="process-heading" data-astro-cid-4licqjuy> <div class="container" data-astro-cid-4licqjuy> <div class="relative z-1 mb-12 grid grid-cols-[minmax(0,1fr)_minmax(280px,380px)] items-end gap-8 max-lg:grid-cols-1 max-lg:items-start max-md:mb-[34px]" data-astro-cid-4licqjuy> <div data-astro-cid-4licqjuy> <p class="mb-3.5 text-[11px] font-extrabold tracking-[0.12em] uppercase text-blue-600" data-reveal data-astro-cid-4licqjuy> How it works </p> <h2 id="process-heading" class="max-w-[720px] text-5xl font-[850] leading-[1.08] tracking-normal text-slate-900 max-lg:text-[42px] max-md:text-4xl max-sm:text-[32px]" data-reveal data-reveal-delay="0.08" data-astro-cid-4licqjuy> From idea to launch in weeks, not months.* </h2> <p class="mt-[18px] max-w-[660px] text-[17px] leading-[1.65] text-slate-500 max-md:text-[15px]" data-reveal data-reveal-delay="0.12" data-astro-cid-4licqjuy> A focused project flow that keeps strategy, design, content, build, and launch moving in the right order. </p> <p class="mt-2.5 text-[13px] leading-[1.5] text-slate-400" data-reveal data-reveal-delay="0.14" data-astro-cid-4licqjuy> *Based on scope and project size </p> </div> <div class="grid gap-2.5 max-lg:grid-cols-2 max-md:grid-cols-1" data-reveal data-reveal-delay="0.16" data-astro-cid-4licqjuy> <div class="grid grid-cols-[34px_minmax(0,1fr)] items-center gap-x-3 rounded-lg border border-slate-200 bg-white/88 px-4 py-[15px]" data-astro-cid-4licqjuy> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-4licqjuy="true" class="lucide lucide-calendar-days row-span-2 text-blue-600"> <path d="M8 2v4"></path> <path d="M16 2v4"></path> <rect width="18" height="18" x="3" y="4" rx="2"></rect> <path d="M3 10h18"></path> <path d="M8 14h.01"></path> <path d="M12 14h.01"></path> <path d="M16 14h.01"></path> <path d="M8 18h.01"></path> <path d="M12 18h.01"></path> <path d="M16 18h.01"></path> </svg> <span class="text-xs font-[750] leading-[1.25] tracking-[0.08em] uppercase text-slate-400" data-astro-cid-4licqjuy>Typical timeline</span> <strong class="mt-[3px] text-[15px] font-extrabold leading-[1.3] text-slate-900" data-astro-cid-4licqjuy>6-10 weeks</strong> </div> <div class="grid grid-cols-[34px_minmax(0,1fr)] items-center gap-x-3 rounded-lg border border-slate-200 bg-white/88 px-4 py-[15px]" data-astro-cid-4licqjuy> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-4licqjuy="true" class="lucide lucide-circle-check row-span-2 text-blue-600"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span class="text-xs font-[750] leading-[1.25] tracking-[0.08em] uppercase text-slate-400" data-astro-cid-4licqjuy>Project rhythm</span> <strong class="mt-[3px] text-[15px] font-extrabold leading-[1.3] text-slate-900" data-astro-cid-4licqjuy>Clear weekly progress</strong> </div> </div> </div> <ol class="process-track relative z-1 m-0 grid list-none grid-cols-4 gap-[22px] p-0 max-lg:grid-cols-2 max-md:grid-cols-1" role="list" aria-label="Project process" data-astro-cid-4licqjuy> <li class="process-step group relative min-w-0 pt-[92px] max-md:pt-0 max-md:pl-[72px] max-sm:pt-[86px] max-sm:pl-0" data-reveal data-reveal-delay="0.08" data-astro-cid-4licqjuy> <div class="absolute top-0 left-0 z-2 flex h-14 w-14 items-center justify-center rounded-lg border border-blue-200 bg-white text-blue-600 shadow-[0_0_0_8px_#f8fafc]" aria-hidden="true" data-astro-cid-4licqjuy> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-4licqjuy="true" class="lucide lucide-search"> <path d="m21 21-4.34-4.34"></path> <circle cx="11" cy="11" r="8"></circle> </svg> </div> <div class="relative z-1 flex min-h-[252px] flex-col rounded-lg border border-slate-200 bg-white/90 p-6 transition-[border-color,transform,box-shadow] duration-200 ease-[ease] group-hover:-translate-y-px group-hover:border-blue-200 group-hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-[22px]" data-astro-cid-4licqjuy> <div class="mb-7 flex items-center justify-between gap-4" data-astro-cid-4licqjuy> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-4licqjuy>01</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-4licqjuy="true" class="lucide lucide-arrow-right text-slate-300"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> </div> <h3 class="text-xl font-[820] leading-[1.2] tracking-normal text-slate-900" data-astro-cid-4licqjuy>Discovery</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-4licqjuy>We learn about your company, customers, market, and goals before design starts.</p> </div> </li><li class="process-step group relative min-w-0 pt-[92px] max-md:pt-0 max-md:pl-[72px] max-sm:pt-[86px] max-sm:pl-0" data-reveal data-reveal-delay="0.16" data-astro-cid-4licqjuy> <div class="absolute top-0 left-0 z-2 flex h-14 w-14 items-center justify-center rounded-lg border border-blue-200 bg-white text-blue-600 shadow-[0_0_0_8px_#f8fafc]" aria-hidden="true" data-astro-cid-4licqjuy> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-4licqjuy="true" class="lucide lucide-pen-line"> <path d="M13 21h8"></path> <path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path> </svg> </div> <div class="relative z-1 flex min-h-[252px] flex-col rounded-lg border border-slate-200 bg-white/90 p-6 transition-[border-color,transform,box-shadow] duration-200 ease-[ease] group-hover:-translate-y-px group-hover:border-blue-200 group-hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-[22px]" data-astro-cid-4licqjuy> <div class="mb-7 flex items-center justify-between gap-4" data-astro-cid-4licqjuy> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-4licqjuy>02</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-4licqjuy="true" class="lucide lucide-arrow-right text-slate-300"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> </div> <h3 class="text-xl font-[820] leading-[1.2] tracking-normal text-slate-900" data-astro-cid-4licqjuy>Design</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-4licqjuy>We create the page structure, visual direction, and website copy so the message is clear.</p> </div> </li><li class="process-step group relative min-w-0 pt-[92px] max-md:pt-0 max-md:pl-[72px] max-sm:pt-[86px] max-sm:pl-0" data-reveal data-reveal-delay="0.24" data-astro-cid-4licqjuy> <div class="absolute top-0 left-0 z-2 flex h-14 w-14 items-center justify-center rounded-lg border border-blue-200 bg-white text-blue-600 shadow-[0_0_0_8px_#f8fafc]" aria-hidden="true" data-astro-cid-4licqjuy> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-4licqjuy="true" class="lucide lucide-layers"> <path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path> <path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path> <path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path> </svg> </div> <div class="relative z-1 flex min-h-[252px] flex-col rounded-lg border border-slate-200 bg-white/90 p-6 transition-[border-color,transform,box-shadow] duration-200 ease-[ease] group-hover:-translate-y-px group-hover:border-blue-200 group-hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-[22px]" data-astro-cid-4licqjuy> <div class="mb-7 flex items-center justify-between gap-4" data-astro-cid-4licqjuy> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-4licqjuy>03</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-4licqjuy="true" class="lucide lucide-arrow-right text-slate-300"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> </div> <h3 class="text-xl font-[820] leading-[1.2] tracking-normal text-slate-900" data-astro-cid-4licqjuy>Build</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-4licqjuy>We build the website, optimize speed, prepare search visibility, and connect the basics you need.</p> </div> </li><li class="process-step group relative min-w-0 pt-[92px] max-md:pt-0 max-md:pl-[72px] max-sm:pt-[86px] max-sm:pl-0 process-step--last" data-reveal data-reveal-delay="0.32" data-astro-cid-4licqjuy> <div class="absolute top-0 left-0 z-2 flex h-14 w-14 items-center justify-center rounded-lg border border-blue-200 bg-white text-blue-600 shadow-[0_0_0_8px_#f8fafc]" aria-hidden="true" data-astro-cid-4licqjuy> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="19" height="19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-4licqjuy="true" class="lucide lucide-rocket"> <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path> <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path> <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path> <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path> </svg> </div> <div class="relative z-1 flex min-h-[252px] flex-col rounded-lg border border-slate-200 bg-white/90 p-6 transition-[border-color,transform,box-shadow] duration-200 ease-[ease] group-hover:-translate-y-px group-hover:border-blue-200 group-hover:shadow-[0_8px_22px_rgba(15,23,42,0.05)] max-md:min-h-0 max-md:p-[22px]" data-astro-cid-4licqjuy> <div class="mb-7 flex items-center justify-between gap-4" data-astro-cid-4licqjuy> <span class="text-xs font-[850] tracking-[0.12em] text-blue-600" data-astro-cid-4licqjuy>04</span> </div> <h3 class="text-xl font-[820] leading-[1.2] tracking-normal text-slate-900" data-astro-cid-4licqjuy>Launch</h3> <p class="mt-3 text-sm leading-[1.68] text-slate-500" data-astro-cid-4licqjuy>We test, publish, and hand over the website with clear guidance for future updates.</p> </div> </li> </ol> </div> </section> <section id="faq" class="faq-section relative overflow-hidden border-t border-slate-200 py-24 max-md:py-[76px]" aria-labelledby="faq-heading" data-astro-cid-dcey3tpb> <div class="container" data-astro-cid-dcey3tpb> <div class="relative z-1 mb-11 max-w-[760px] max-md:mb-8" data-astro-cid-dcey3tpb> <p class="mb-3.5 text-[11px] font-extrabold tracking-[0.12em] uppercase text-blue-600" data-reveal data-astro-cid-dcey3tpb> Common questions </p> <h2 id="faq-heading" class="max-w-[680px] text-[48px] font-[850] leading-[1.08] tracking-normal text-slate-900 max-lg:text-[42px] max-md:text-4xl max-sm:text-[32px]" data-reveal data-reveal-delay="0.08" data-astro-cid-dcey3tpb> Everything you need to know. </h2> <p class="mt-4.5 max-w-[660px] text-[17px] leading-[1.65] text-slate-500 max-md:text-[15px]" data-reveal data-reveal-delay="0.12" data-astro-cid-dcey3tpb> Straight answers about timeline, price, editing, search visibility, and how we work. </p> </div> <div class="relative z-1 grid grid-cols-[minmax(280px,0.42fr)_minmax(0,1fr)] items-start gap-5.5 max-lg:grid-cols-1" data-astro-cid-dcey3tpb> <aside class="faq-help sticky top-26 flex min-w-0 flex-col gap-6 rounded-lg border border-white/10 p-7.5 text-white max-lg:relative max-lg:top-auto max-md:p-6" data-reveal data-reveal-delay="0.14" data-astro-cid-dcey3tpb> <div class="flex h-12 w-12 items-center justify-center rounded-lg bg-blue-400/16 text-blue-300" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="22" height="22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-circle-question-mark"> <circle cx="12" cy="12" r="10"></circle> <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path> <path d="M12 17h.01"></path> </svg> </div> <div data-astro-cid-dcey3tpb> <h3 class="max-w-[340px] text-2xl font-[820] leading-[1.15] tracking-normal text-white max-md:text-[22px]" data-astro-cid-dcey3tpb> Not sure what your website needs yet? </h3> <p class="mt-3 text-[15px] leading-[1.7] text-slate-300" data-astro-cid-dcey3tpb>Request a free 30-minute consultation. We will review your situation and explain the next sensible step in plain language.</p> </div> <ul class="grid list-none gap-3 p-0" aria-label="Consultation details" data-astro-cid-dcey3tpb> <li class="flex items-start gap-2.5 text-[13px] font-[650] leading-[1.45] text-slate-200" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-circle-check mt-px shrink-0 text-blue-400"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-dcey3tpb>Free 30-minute consultation</span> </li><li class="flex items-start gap-2.5 text-[13px] font-[650] leading-[1.45] text-slate-200" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-circle-check mt-px shrink-0 text-blue-400"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-dcey3tpb>Clear recommendation after the call</span> </li><li class="flex items-start gap-2.5 text-[13px] font-[650] leading-[1.45] text-slate-200" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-circle-check mt-px shrink-0 text-blue-400"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-dcey3tpb>No commitment</span> </li> </ul> <a href="#cta" class="inline-flex w-fit items-center gap-[9px] rounded-lg bg-blue-600 px-4 py-[13px] text-sm font-[750] leading-none text-white transition-[background-color,transform] duration-200 hover:-translate-y-px hover:bg-blue-700" data-astro-cid-dcey3tpb> <span data-astro-cid-dcey3tpb>Request a free consultation</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-arrow-right"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> </a> </aside> <div class="overflow-hidden divide-y divide-slate-200 rounded-lg border border-slate-200 bg-white/86 backdrop-blur-[10px]" role="list" aria-label="Frequently asked questions" data-reveal data-reveal-delay="0.18" data-astro-cid-dcey3tpb> <div class="faq-item is-open" role="listitem" data-astro-cid-dcey3tpb> <button class="faq-btn group grid w-full cursor-pointer grid-cols-[48px_minmax(0,1fr)_38px] items-center gap-4.5 border-0 bg-transparent px-7 py-6.5 text-left text-inherit max-md:grid-cols-[34px_minmax(0,1fr)_34px] max-md:gap-3 max-md:px-4.5 max-md:py-5.5 max-sm:grid-cols-[1fr_34px]" aria-expanded="true" aria-controls="faq-answer-0" type="button" data-astro-cid-dcey3tpb> <span class="faq-index text-xs font-extrabold tracking-[0.08em] text-slate-400 max-sm:col-span-full" data-astro-cid-dcey3tpb> 01 </span> <span class="faq-question text-lg font-[760] leading-[1.35] tracking-normal text-slate-900 transition-colors duration-200 group-hover:text-blue-600 max-md:text-base" data-astro-cid-dcey3tpb> How long does a website project take? </span> <span class="faq-icon flex h-[38px] w-[38px] items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-500 group-hover:border-blue-200 group-hover:text-blue-600 max-md:h-[34px] max-md:w-[34px]" aria-hidden="true" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-chevron-down"> <path d="m6 9 6 6 6-6"></path> </svg> </span> </button> <div id="faq-answer-0" class="faq-answer" role="region" data-astro-cid-dcey3tpb> <p class="m-0 max-w-[740px] overflow-hidden pb-7 pl-[94px] pr-[84px] text-[15px] leading-[1.75] text-slate-500 max-md:pb-6 max-md:pl-16 max-md:pr-4.5 max-md:text-sm max-sm:pl-4.5" data-astro-cid-dcey3tpb> A typical website project takes 6-10 weeks from kickoff to launch. Smaller websites can finish faster; larger multilingual websites or content-heavy projects may take longer. </p> </div> </div><div class="faq-item" role="listitem" data-astro-cid-dcey3tpb> <button class="faq-btn group grid w-full cursor-pointer grid-cols-[48px_minmax(0,1fr)_38px] items-center gap-4.5 border-0 bg-transparent px-7 py-6.5 text-left text-inherit max-md:grid-cols-[34px_minmax(0,1fr)_34px] max-md:gap-3 max-md:px-4.5 max-md:py-5.5 max-sm:grid-cols-[1fr_34px]" aria-expanded="false" aria-controls="faq-answer-1" type="button" data-astro-cid-dcey3tpb> <span class="faq-index text-xs font-extrabold tracking-[0.08em] text-slate-400 max-sm:col-span-full" data-astro-cid-dcey3tpb> 02 </span> <span class="faq-question text-lg font-[760] leading-[1.35] tracking-normal text-slate-900 transition-colors duration-200 group-hover:text-blue-600 max-md:text-base" data-astro-cid-dcey3tpb> What does AI-visible website mean? </span> <span class="faq-icon flex h-[38px] w-[38px] items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-500 group-hover:border-blue-200 group-hover:text-blue-600 max-md:h-[34px] max-md:w-[34px]" aria-hidden="true" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-chevron-down"> <path d="m6 9 6 6 6-6"></path> </svg> </span> </button> <div id="faq-answer-1" class="faq-answer" role="region" hidden data-astro-cid-dcey3tpb> <p class="m-0 max-w-[740px] overflow-hidden pb-7 pl-[94px] pr-[84px] text-[15px] leading-[1.75] text-slate-500 max-md:pb-6 max-md:pl-16 max-md:pr-4.5 max-md:text-sm max-sm:pl-4.5" data-astro-cid-dcey3tpb> It means your website explains your company, services, locations, expertise, and proof clearly enough for AI tools to understand and potentially reference in answers. </p> </div> </div><div class="faq-item" role="listitem" data-astro-cid-dcey3tpb> <button class="faq-btn group grid w-full cursor-pointer grid-cols-[48px_minmax(0,1fr)_38px] items-center gap-4.5 border-0 bg-transparent px-7 py-6.5 text-left text-inherit max-md:grid-cols-[34px_minmax(0,1fr)_34px] max-md:gap-3 max-md:px-4.5 max-md:py-5.5 max-sm:grid-cols-[1fr_34px]" aria-expanded="false" aria-controls="faq-answer-2" type="button" data-astro-cid-dcey3tpb> <span class="faq-index text-xs font-extrabold tracking-[0.08em] text-slate-400 max-sm:col-span-full" data-astro-cid-dcey3tpb> 03 </span> <span class="faq-question text-lg font-[760] leading-[1.35] tracking-normal text-slate-900 transition-colors duration-200 group-hover:text-blue-600 max-md:text-base" data-astro-cid-dcey3tpb> Do you work only with companies in one country? </span> <span class="faq-icon flex h-[38px] w-[38px] items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-500 group-hover:border-blue-200 group-hover:text-blue-600 max-md:h-[34px] max-md:w-[34px]" aria-hidden="true" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-chevron-down"> <path d="m6 9 6 6 6-6"></path> </svg> </span> </button> <div id="faq-answer-2" class="faq-answer" role="region" hidden data-astro-cid-dcey3tpb> <p class="m-0 max-w-[740px] overflow-hidden pb-7 pl-[94px] pr-[84px] text-[15px] leading-[1.75] text-slate-500 max-md:pb-6 max-md:pl-16 max-md:pr-4.5 max-md:text-sm max-sm:pl-4.5" data-astro-cid-dcey3tpb> No. Belichberg is based in Vienna, Austria, and works with companies remotely. We can deliver in English and German. </p> </div> </div><div class="faq-item" role="listitem" data-astro-cid-dcey3tpb> <button class="faq-btn group grid w-full cursor-pointer grid-cols-[48px_minmax(0,1fr)_38px] items-center gap-4.5 border-0 bg-transparent px-7 py-6.5 text-left text-inherit max-md:grid-cols-[34px_minmax(0,1fr)_34px] max-md:gap-3 max-md:px-4.5 max-md:py-5.5 max-sm:grid-cols-[1fr_34px]" aria-expanded="false" aria-controls="faq-answer-3" type="button" data-astro-cid-dcey3tpb> <span class="faq-index text-xs font-extrabold tracking-[0.08em] text-slate-400 max-sm:col-span-full" data-astro-cid-dcey3tpb> 04 </span> <span class="faq-question text-lg font-[760] leading-[1.35] tracking-normal text-slate-900 transition-colors duration-200 group-hover:text-blue-600 max-md:text-base" data-astro-cid-dcey3tpb> What does a new website cost? </span> <span class="faq-icon flex h-[38px] w-[38px] items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-500 group-hover:border-blue-200 group-hover:text-blue-600 max-md:h-[34px] max-md:w-[34px]" aria-hidden="true" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-chevron-down"> <path d="m6 9 6 6 6-6"></path> </svg> </span> </button> <div id="faq-answer-3" class="faq-answer" role="region" hidden data-astro-cid-dcey3tpb> <p class="m-0 max-w-[740px] overflow-hidden pb-7 pl-[94px] pr-[84px] text-[15px] leading-[1.75] text-slate-500 max-md:pb-6 max-md:pl-16 max-md:pr-4.5 max-md:text-sm max-sm:pl-4.5" data-astro-cid-dcey3tpb> Most website projects start from EUR 8,000. The final price depends on the number of pages, languages, content, design depth, and ongoing support. After a first call, we provide a clear fixed-price quote. </p> </div> </div><div class="faq-item" role="listitem" data-astro-cid-dcey3tpb> <button class="faq-btn group grid w-full cursor-pointer grid-cols-[48px_minmax(0,1fr)_38px] items-center gap-4.5 border-0 bg-transparent px-7 py-6.5 text-left text-inherit max-md:grid-cols-[34px_minmax(0,1fr)_34px] max-md:gap-3 max-md:px-4.5 max-md:py-5.5 max-sm:grid-cols-[1fr_34px]" aria-expanded="false" aria-controls="faq-answer-4" type="button" data-astro-cid-dcey3tpb> <span class="faq-index text-xs font-extrabold tracking-[0.08em] text-slate-400 max-sm:col-span-full" data-astro-cid-dcey3tpb> 05 </span> <span class="faq-question text-lg font-[760] leading-[1.35] tracking-normal text-slate-900 transition-colors duration-200 group-hover:text-blue-600 max-md:text-base" data-astro-cid-dcey3tpb> Can we edit the website ourselves after launch? </span> <span class="faq-icon flex h-[38px] w-[38px] items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-500 group-hover:border-blue-200 group-hover:text-blue-600 max-md:h-[34px] max-md:w-[34px]" aria-hidden="true" data-astro-cid-dcey3tpb> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.9" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-dcey3tpb="true" class="lucide lucide-chevron-down"> <path d="m6 9 6 6 6-6"></path> </svg> </span> </button> <div id="faq-answer-4" class="faq-answer" role="region" hidden data-astro-cid-dcey3tpb> <p class="m-0 max-w-[740px] overflow-hidden pb-7 pl-[94px] pr-[84px] text-[15px] leading-[1.75] text-slate-500 max-md:pb-6 max-md:pl-16 max-md:pr-4.5 max-md:text-sm max-sm:pl-4.5" data-astro-cid-dcey3tpb> Yes. We prepare a simple handover so your team can update text and images without touching the design. For larger websites, we can also set up an editing workflow. </p> </div> </div> </div> </div> </div> </section> <script type="module">var e=document.querySelectorAll(`.faq-item`);e.forEach(t=>{let n=t.querySelector(`.faq-btn`),r=t.querySelector(`.faq-answer`);!n||!r||n.addEventListener(`click`,()=>{let i=t.classList.contains(`is-open`);e.forEach(e=>{let t=e.querySelector(`.faq-btn`),n=e.querySelector(`.faq-answer`);!t||!n||(e.classList.remove(`is-open`),t.setAttribute(`aria-expanded`,`false`),n.hidden=!0)}),i||(t.classList.add(`is-open`),n.setAttribute(`aria-expanded`,`true`),r.hidden=!1)})});</script> <section id="cta" class="relative py-24 lg:py-28 overflow-hidden bg-[linear-gradient(135deg,#020617_0%,#08111f_50%,#020617_100%)]" aria-labelledby="cta-heading" data-astro-cid-ekyrmdi3> <!-- Background texture --> <div class="pointer-events-none absolute inset-0" aria-hidden="true" data-astro-cid-ekyrmdi3> <div class="cta-grid" data-astro-cid-ekyrmdi3></div> <div class="cta-vignette" data-astro-cid-ekyrmdi3></div> </div> <div class="container relative" data-astro-cid-ekyrmdi3> <div class="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(420px,520px)] gap-x-16 gap-y-14 items-start" data-astro-cid-ekyrmdi3> <!-- ── Left: headline + next steps ─────────────────────────────── --> <div class="max-w-[620px] lg:pt-6" data-astro-cid-ekyrmdi3> <p class="inline-flex items-center gap-2 text-[11px] font-bold tracking-[0.12em] uppercase text-blue-400 mb-5" data-reveal data-astro-cid-ekyrmdi3> <span class="w-1.5 h-1.5 rounded-full bg-blue-400" data-astro-cid-ekyrmdi3></span> Start your website project </p> <h2 id="cta-heading" class="text-[clamp(34px,4vw,52px)] font-extrabold tracking-[-0.035em] leading-[1.08] text-white mb-6" data-reveal data-reveal-delay="0.08" data-astro-cid-ekyrmdi3> Let's build a website people can find and trust. </h2> <p class="text-[17px] text-slate-400 leading-[1.65] mb-10 max-w-[540px]" data-reveal data-reveal-delay="0.14" data-astro-cid-ekyrmdi3> Request a free 30-minute consultation. We will look at your current website or idea, discuss your goals, and outline what a fast, search-ready website could look like. </p> <!-- Trust signals --> <ul class="flex flex-wrap gap-3.5 mb-[34px]" data-reveal data-reveal-delay="0.2" data-astro-cid-ekyrmdi3> <li class="flex items-center gap-2.5 text-slate-300 text-sm font-medium" data-astro-cid-ekyrmdi3> <span class="flex items-center justify-center w-8 h-8 rounded-[9px] bg-blue-600/[0.14] text-blue-400 border border-blue-400/[0.16] shrink-0" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.75" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-clock"> <path d="M12 6v6l4 2"></path> <circle cx="12" cy="12" r="10"></circle> </svg> </span> <span data-astro-cid-ekyrmdi3>Free 30-minute consultation</span> </li> <li class="flex items-center gap-2.5 text-slate-300 text-sm font-medium" data-astro-cid-ekyrmdi3> <span class="flex items-center justify-center w-8 h-8 rounded-[9px] bg-blue-600/[0.14] text-blue-400 border border-blue-400/[0.16] shrink-0" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.75" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-mail-check"> <path d="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8"></path> <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path> <path d="m16 19 2 2 4-4"></path> </svg> </span> <span data-astro-cid-ekyrmdi3>Reply within 24 hours</span> </li> <li class="flex items-center gap-2.5 text-slate-300 text-sm font-medium" data-astro-cid-ekyrmdi3> <span class="flex items-center justify-center w-8 h-8 rounded-[9px] bg-blue-600/[0.14] text-blue-400 border border-blue-400/[0.16] shrink-0" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.75" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-shield-check"> <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path> <path d="m9 12 2 2 4-4"></path> </svg> </span> <span data-astro-cid-ekyrmdi3>No commitment</span> </li> </ul> <div class="border-t border-white/[0.09] pt-[26px]" data-reveal data-reveal-delay="0.26" data-astro-cid-ekyrmdi3> <p class="text-[13px] font-extrabold tracking-[0.08em] uppercase text-slate-200 mb-4" data-astro-cid-ekyrmdi3>What happens next</p> <ol class="flex flex-col gap-3.5 m-0 p-0 list-none max-w-[560px]" data-astro-cid-ekyrmdi3> <li class="flex items-start gap-3 text-slate-400 text-sm leading-[1.65]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-circle-check mt-[3px] text-blue-400 shrink-0"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-ekyrmdi3>We review your current website, offer, and target market.</span> </li><li class="flex items-start gap-3 text-slate-400 text-sm leading-[1.65]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-circle-check mt-[3px] text-blue-400 shrink-0"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-ekyrmdi3>You get a clear recommendation for structure, content, and launch scope.</span> </li><li class="flex items-start gap-3 text-slate-400 text-sm leading-[1.65]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-circle-check mt-[3px] text-blue-400 shrink-0"> <circle cx="12" cy="12" r="10"></circle> <path d="m9 12 2 2 4-4"></path> </svg> <span data-astro-cid-ekyrmdi3>If there is a fit, we send a fixed-price proposal with next steps.</span> </li> </ol> </div> </div> <!-- ── Right: form card ────────────────────────────────────────── --> <div class="bg-white border border-slate-200/95 rounded-3xl p-[clamp(24px,3vw,36px)] shadow-[0_0_0_1px_rgba(255,255,255,0.1)]" data-reveal data-reveal-delay="0.18" data-astro-cid-ekyrmdi3> <div class="mb-7" data-astro-cid-ekyrmdi3> <p class="text-[12px] font-bold text-blue-600 uppercase tracking-[0.1em] mb-2" data-astro-cid-ekyrmdi3>Start now</p> <p class="text-[26px] font-extrabold text-slate-900 tracking-[-0.03em] leading-tight" data-astro-cid-ekyrmdi3> Request your website consultation </p> </div> <form id="cta-form" novalidate aria-label="Website consultation request form" class="flex flex-col gap-[15px]" data-sending="Sending..." data-success="✓ Thank you. Your request has been sent - we'll reply within 24 hours." data-error="Something went wrong. Please try again or email now+web@belichberg.com." data-country-names="{"DE":"Germany","AT":"Austria","CH":"Switzerland","US":"United States","GB":"United Kingdom","FR":"France","NL":"Netherlands","BE":"Belgium","PL":"Poland","CZ":"Czech Republic","SK":"Slovakia","UA":"Ukraine","ES":"Spain","IT":"Italy","SE":"Sweden","NO":"Norway","DK":"Denmark","FI":"Finland","LU":"Luxembourg","CA":"Canada","AU":"Australia"}" data-astro-cid-ekyrmdi3> <!-- Honeypots: hidden from real users; bots that fill them get a silent no-op. --> <div class="hidden" aria-hidden="true" data-astro-cid-ekyrmdi3> <label data-astro-cid-ekyrmdi3>Last name<input type="text" name="user_last_name" tabindex="-1" autocomplete="off" data-astro-cid-ekyrmdi3></label> <label data-astro-cid-ekyrmdi3>Keep this box unchecked<input type="checkbox" name="botcheck" tabindex="-1" data-astro-cid-ekyrmdi3></label> </div> <input type="hidden" name="userAgent" data-astro-cid-ekyrmdi3> <div class="grid grid-cols-1 sm:grid-cols-2 gap-[15px]" data-astro-cid-ekyrmdi3> <div class="flex flex-col gap-[7px]" data-astro-cid-ekyrmdi3> <label for="cta-name" class="text-xs leading-none font-bold text-slate-700" data-astro-cid-ekyrmdi3>Full name</label> <div class="flex gap-2.5 px-3.5 rounded-xl border border-[#dbe3ef] bg-slate-50 text-slate-500 transition-[border-color,box-shadow,background-color] duration-200 focus-within:border-blue-600 focus-within:bg-white focus-within:shadow-[0_0_0_3px_rgba(37,99,235,0.12)] items-center min-h-[52px]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-user"> <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle> </svg> <input type="text" id="cta-name" name="name" required placeholder="Your name" autocomplete="name" class="w-full min-w-0 border-0 bg-transparent text-slate-900 text-[15px] outline-none placeholder:text-slate-400" data-astro-cid-ekyrmdi3> </div> </div> <div class="flex flex-col gap-[7px]" data-astro-cid-ekyrmdi3> <label for="cta-company" class="text-xs leading-none font-bold text-slate-700" data-astro-cid-ekyrmdi3>Company</label> <div class="flex gap-2.5 px-3.5 rounded-xl border border-[#dbe3ef] bg-slate-50 text-slate-500 transition-[border-color,box-shadow,background-color] duration-200 focus-within:border-blue-600 focus-within:bg-white focus-within:shadow-[0_0_0_3px_rgba(37,99,235,0.12)] items-center min-h-[52px]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-building-2"> <path d="M10 12h4"></path> <path d="M10 8h4"></path> <path d="M14 21v-3a2 2 0 0 0-4 0v3"></path> <path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path> <path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path> </svg> <input type="text" id="cta-company" name="company" placeholder="Company name" autocomplete="organization" class="w-full min-w-0 border-0 bg-transparent text-slate-900 text-[15px] outline-none placeholder:text-slate-400" data-astro-cid-ekyrmdi3> </div> </div> </div> <div class="grid grid-cols-1 sm:grid-cols-2 gap-[15px]" data-astro-cid-ekyrmdi3> <div class="flex flex-col gap-[7px]" data-astro-cid-ekyrmdi3> <label for="cta-email" class="text-xs leading-none font-bold text-slate-700" data-astro-cid-ekyrmdi3>Email address</label> <div class="flex gap-2.5 px-3.5 rounded-xl border border-[#dbe3ef] bg-slate-50 text-slate-500 transition-[border-color,box-shadow,background-color] duration-200 focus-within:border-blue-600 focus-within:bg-white focus-within:shadow-[0_0_0_3px_rgba(37,99,235,0.12)] items-center min-h-[52px]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-mail"> <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path> <rect x="2" y="4" width="20" height="16" rx="2"></rect> </svg> <input type="email" id="cta-email" name="email" required placeholder="your@company.com" autocomplete="email" class="w-full min-w-0 border-0 bg-transparent text-slate-900 text-[15px] outline-none placeholder:text-slate-400" data-astro-cid-ekyrmdi3> </div> </div> <div class="flex flex-col gap-[7px]" data-astro-cid-ekyrmdi3> <label for="cta-phone" class="text-xs leading-none font-bold text-slate-700" data-astro-cid-ekyrmdi3>Phone number</label> <div class="flex gap-2" data-astro-cid-ekyrmdi3> <div class="relative flex-shrink-0" id="country-wrapper" data-astro-cid-ekyrmdi3> <button type="button" id="country-btn" class="flex items-center gap-[7px] h-[52px] px-3 rounded-xl border border-[#dbe3ef] bg-slate-50 cursor-pointer whitespace-nowrap transition-[border-color,box-shadow,background-color] duration-200 outline-none focus:border-blue-600 focus:bg-white focus:shadow-[0_0_0_3px_rgba(37,99,235,0.12)] aria-expanded:border-blue-600 aria-expanded:bg-white aria-expanded:shadow-[0_0_0_3px_rgba(37,99,235,0.12)]" aria-haspopup="listbox" aria-expanded="false" aria-label="Select country code" data-astro-cid-ekyrmdi3> <span id="country-flag" class="text-[18px] leading-none" data-astro-cid-ekyrmdi3>🇩🇪</span> <span id="country-dial" class="text-[13px] font-semibold text-slate-600" data-astro-cid-ekyrmdi3>+49</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="12" height="12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" id="country-chevron" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-chevron-down w-3 h-3 text-slate-500 transition-transform duration-200"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <div id="country-dropdown" class="absolute left-0 top-[calc(100%+6px)] z-50 hidden w-60 rounded-xl border border-slate-200 bg-white shadow-[0_8px_20px_rgba(15,23,42,0.08)] overflow-hidden" role="listbox" aria-label="Country codes" data-astro-cid-ekyrmdi3> <input type="text" id="country-search" class="w-full px-3 py-2 text-[13px] text-slate-700 border-b border-slate-100 outline-none placeholder:text-slate-400" placeholder="Search country…" aria-label="Search country…" autocomplete="off" data-astro-cid-ekyrmdi3> <div class="overflow-y-auto max-h-52 py-1 scrollbar-thin" id="country-list" data-astro-cid-ekyrmdi3> <!-- populated by JS --> </div> </div> </div> <div class="flex gap-2.5 px-3.5 rounded-xl border border-[#dbe3ef] bg-slate-50 text-slate-500 transition-[border-color,box-shadow,background-color] duration-200 focus-within:border-blue-600 focus-within:bg-white focus-within:shadow-[0_0_0_3px_rgba(37,99,235,0.12)] items-center min-h-[52px] flex-1 min-w-0" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-phone"> <path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path> </svg> <input type="tel" id="cta-phone" name="phone" placeholder="Phone number" autocomplete="tel-national" inputmode="numeric" class="w-full min-w-0 border-0 bg-transparent text-slate-900 text-[15px] outline-none placeholder:text-slate-400" data-astro-cid-ekyrmdi3> </div> </div> </div> </div> <div class="flex flex-col gap-[7px]" data-astro-cid-ekyrmdi3> <label for="cta-website" class="text-xs leading-none font-bold text-slate-700" data-astro-cid-ekyrmdi3>Current website</label> <div class="flex gap-2.5 px-3.5 rounded-xl border border-[#dbe3ef] bg-slate-50 text-slate-500 transition-[border-color,box-shadow,background-color] duration-200 focus-within:border-blue-600 focus-within:bg-white focus-within:shadow-[0_0_0_3px_rgba(37,99,235,0.12)] items-center min-h-[52px]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-earth"> <path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path> <path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path> <path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path> <circle cx="12" cy="12" r="10"></circle> </svg> <input type="url" id="cta-website" name="website" placeholder="https://your-company.com" autocomplete="url" class="w-full min-w-0 border-0 bg-transparent text-slate-900 text-[15px] outline-none placeholder:text-slate-400" data-astro-cid-ekyrmdi3> </div> </div> <div class="flex flex-col gap-[7px]" data-astro-cid-ekyrmdi3> <label for="cta-goal" class="text-xs leading-none font-bold text-slate-700" data-astro-cid-ekyrmdi3>What should the new website achieve?</label> <div class="flex gap-2.5 px-3.5 rounded-xl border border-[#dbe3ef] bg-slate-50 text-slate-500 transition-[border-color,box-shadow,background-color] duration-200 focus-within:border-blue-600 focus-within:bg-white focus-within:shadow-[0_0_0_3px_rgba(37,99,235,0.12)] items-start min-h-[118px] pt-[15px]" data-astro-cid-ekyrmdi3> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.8" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-message-square-text"> <path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path> <path d="M7 11h10"></path> <path d="M7 15h6"></path> <path d="M7 7h8"></path> </svg> <textarea id="cta-goal" name="goal" rows="4" placeholder="Tell us briefly what you need: new website, redesign, better Google visibility, new market launch..." class="w-full min-w-0 border-0 bg-transparent text-slate-900 text-[15px] outline-none placeholder:text-slate-400 min-h-[86px] resize-y leading-normal" data-astro-cid-ekyrmdi3></textarea> </div> </div> <button type="submit" class="flex items-center justify-center gap-[9px] w-full min-h-[54px] mt-0.5 border-0 rounded-[14px] bg-blue-600 text-white text-[15px] font-extrabold cursor-pointer transition-[background-color,transform,box-shadow] duration-200 hover:bg-blue-700 hover:-translate-y-px active:translate-y-0" data-astro-cid-ekyrmdi3> <span data-astro-cid-ekyrmdi3>Send request →</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="17" height="17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-ekyrmdi3="true" class="lucide lucide-arrow-right"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> </button> <p id="cta-status" role="status" aria-live="polite" hidden class="text-sm font-medium text-center rounded-xl px-4 py-3" data-astro-cid-ekyrmdi3></p> </form> <div class="flex flex-col gap-2 mt-[22px] pt-5 border-t border-slate-200 text-center text-slate-500 text-xs leading-[1.55]" data-astro-cid-ekyrmdi3> <p data-astro-cid-ekyrmdi3>We reply within 24 hours. Or write directly to now+web@belichberg.com</p> <p data-astro-cid-ekyrmdi3> Based in <span class="text-slate-400 font-semibold" data-astro-cid-ekyrmdi3>Vienna</span> - working with growing companies </p> </div> </div> </div> </div> </section> <script type="module" src="/_astro/CTASection.astro_astro_type_script_index_0_lang.DmJe9y8e.js"></script> </main> <footer class="bg-slate-950 border-t border-white/8 text-slate-300" role="contentinfo" aria-label="Site footer"> <div class="container"> <div class="grid grid-cols-[minmax(260px,0.42fr)_minmax(0,1fr)] gap-12 pt-14 pb-11 max-lg:grid-cols-1 max-lg:gap-[38px] max-sm:pt-[46px] max-sm:pb-9"> <div> <a href="/" class="inline-flex opacity-92 transition-opacity duration-[180ms] hover:opacity-68" aria-label="Belichberg home"> <img src="/belichberg-logo.svg" alt="Belichberg" width="136" height="18" class="w-[136px] h-auto brightness-0 invert" loading="lazy" decoding="async"> </a> <p class="max-w-[330px] mt-5 text-slate-400 text-sm leading-[1.72]">Fast, optimized websites from Vienna, built for Google and AI search.</p> <div class="flex flex-wrap gap-2.5 mt-[26px]"> <a href="/#cta" class="inline-flex items-center min-h-10 px-3.5 rounded-lg text-[13px] font-[760] leading-[1.2] transition-colors duration-[180ms] bg-blue-600 text-white hover:bg-blue-700">Request a free consultation</a> <a href="mailto:now+web@belichberg.com" class="inline-flex items-center min-h-10 px-3.5 rounded-lg text-[13px] font-[760] leading-[1.2] transition-colors duration-[180ms] border border-white/12 text-slate-300 hover:border-white/22 hover:text-white">now+web@belichberg.com</a> </div> </div> <nav class="grid grid-cols-3 gap-[34px] max-sm:grid-cols-1 max-sm:gap-7" aria-label="Footer navigation"> <div> <h2 class="mb-3.5 text-slate-200 text-[11px] font-[850] tracking-[0.11em] leading-[1.35] uppercase">Company</h2> <ul class="grid gap-2.5 m-0 p-0 list-none"> <li> <a href="/#services" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Services</a> </li><li> <a href="/#process" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Process</a> </li><li> <a href="/ai-visibility/" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">AI Visibility</a> </li><li> <a href="/about/" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">About Belichberg</a> </li><li> <a href="/#cta" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Contact</a> </li> </ul> </div><div> <h2 class="mb-3.5 text-slate-200 text-[11px] font-[850] tracking-[0.11em] leading-[1.35] uppercase">Services</h2> <ul class="grid gap-2.5 m-0 p-0 list-none"> <li> <a href="/web-design-vienna/" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Web Design in Vienna</a> </li><li> <a href="/#faq" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">FAQ</a> </li> </ul> </div><div> <h2 class="mb-3.5 text-slate-200 text-[11px] font-[850] tracking-[0.11em] leading-[1.35] uppercase">Legal</h2> <ul class="grid gap-2.5 m-0 p-0 list-none"> <li> <a href="/privacy-policy/" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Privacy Policy</a> </li><li> <a href="/imprint/" class="text-[#8496ad] text-[13px] leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Imprint</a> </li> </ul> </div> </nav> </div> <div class="flex items-center justify-between gap-[22px] pt-5 pb-6 border-t border-white/8 max-sm:flex-col-reverse max-sm:items-start"> <p class="text-[#8496ad] text-xs leading-[1.45]">© 2017-2026 Belichberg. All rights reserved.</p> <div class="flex flex-wrap items-center justify-end gap-[18px] max-sm:justify-start"> <a href="/privacy-policy/" class="text-[#8496ad] text-xs leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Privacy Policy</a> <a href="/imprint/" class="text-[#8496ad] text-xs leading-[1.45] transition-colors duration-[180ms] hover:text-slate-300">Imprint</a> <div class="flex items-center gap-1.5 text-[#8496ad] text-xs leading-[1.45] font-extrabold tracking-[0.08em] uppercase" aria-label="Language"> <a href="/" hreflang="en" class="transition-colors duration-[180ms] hover:text-slate-300 aria-[current=true]:text-slate-300" aria-current="true">EN</a> <span class="text-slate-700" aria-hidden="true">/</span> <a href="/de/" hreflang="de" class="transition-colors duration-[180ms] hover:text-slate-300 aria-[current=true]:text-slate-300">DE</a> </div> </div> </div> </div> </footer> <script type="module">if(document.documentElement.classList.contains(`reveal-motion`)){document.querySelectorAll(`[data-hero]`).forEach((e,t)=>{e.style.setProperty(`--reveal-delay`,`${100+t*90}ms`)}),requestAnimationFrame(()=>{document.querySelectorAll(`[data-hero]`).forEach(e=>{e.classList.add(`is-revealed`)})});let e=new IntersectionObserver((e,t)=>{e.forEach(e=>{if(!e.isIntersecting)return;let n=e.target;n.classList.add(`is-revealed`),t.unobserve(n)})},{rootMargin:`0px 0px -8% 0px`,threshold:.08});document.querySelectorAll(`[data-reveal]`).forEach(t=>{let n=Number(t.dataset.revealDelay??0)*1e3;t.style.setProperty(`--reveal-delay`,`${n}ms`),e.observe(t)});let t=new IntersectionObserver((e,t)=>{e.forEach(e=>{if(!e.isIntersecting)return;let n=e.target,r=Number(n.dataset.counter),i=performance.now(),a=e=>{let t=Math.min((e-i)/1e3,1);n.textContent=String(Math.round(r*(1-(1-t)**3))),t<1&&requestAnimationFrame(a)};requestAnimationFrame(a),t.unobserve(n)})},{threshold:.4});document.querySelectorAll(`[data-counter]`).forEach(e=>t.observe(e))}</script> <aside id="consent-banner" class="fixed inset-x-0 bottom-0 z-[60] hidden border-t border-slate-200 bg-white/95 backdrop-blur-sm shadow-[0_-4px_24px_rgba(15,23,42,0.08)]" role="dialog" aria-live="polite" aria-label="Cookie consent"> <div class="container flex flex-col gap-3 py-4 sm:flex-row sm:items-center sm:justify-between"> <p class="max-w-2xl text-sm leading-relaxed text-slate-600"> We use cookies and similar tools for analytics and ads measurement (Google, Meta) to understand how the site is used. Umami, our privacy-friendly analytics, runs without cookies. <a href="/privacy-policy/" class="font-semibold text-blue-600 underline underline-offset-2"> Privacy policy </a> </p> <div class="flex shrink-0 gap-2"> <button id="consent-decline" type="button" class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700 transition-colors hover:bg-slate-50"> Decline </button> <button id="consent-accept" type="button" class="rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-blue-700"> Accept </button> </div> </div> </aside> <script type="module" src="/_astro/ConsentBanner.astro_astro_type_script_index_0_lang.DOnNt_Uh.js"></script> </body> </html>Share or continue the analysis
Share this audit
Discuss with AI
Added 9/27/2026