Gesamtwert der KI-Bereitschaft
Zusammengefasster Wert aus allen Auditsignalen.
Ausgezeichnet
Audit der KI-Bereitschaft: 27.9.2026Öffentliche technische Daten
Gesamtbewertung der KI-Bereitschaft
Wie gut higuru.ai auf KI-Systeme vorbereitet ist
higuru.ai (higuru.ai) erreichte im automatisierten technischen Audit 77/100 Punkte bei der KI-Bereitschaft. llms.txt war erreichbar, llms-full.txt hatte ein ungültiges Format und ai.txt war nicht auffindbar. Die robots.txt-Analyse ergab 0 ausdrücklich erlaubte und 0 blockierte KI-Crawler sowie 0 deklarierte Sitemaps. Die Vollständigkeit des Homepage-Markups lag bei 100%; erkannte Schema.org-Typen: ProfessionalService, WebSite, WebPage, BreadcrumbList, Service. Erkannte OpenGraph-Tags: 13. Die Ergebnisse entsprechen den öffentlich erreichbaren Antworten der Website zum Prüfzeitpunkt 2026-09-27T02:25:04.588Z.
Kontext der Bewertung
Die Prüfung kombiniert maschinenlesbare Dateien, Crawler-Regeln, Sitemaps und Homepage-Markup. llms.txt ist erreichbar.
robots.txt ist nicht verfügbar; blockierte KI-Bots: 0. Deklarierte Sitemaps: 0. Schema.org-Typen: ProfessionalService, WebSite, WebPage.
Mobiles Lighthouse-Profil: Performance 82/100, Barrierefreiheit 100/100, SEO 100/100.
Bestätigte Stärken
- llms.txt ist erreichbar
- Öffentliche Website-Struktur wurde geprüft
- robots.txt wurde analysiert
- Schema.org: ProfessionalService, WebSite, WebPage
Wichtige Verbesserungen
- 1Das Format von llms-full.txt korrigieren: Text oder Markdown statt HTML ausliefern.
- 2Die aktuelle sitemap.xml in robots.txt angeben.
llms.txt-Tokens—
llms-full.txt-Tokens—
ai.txt
sitemap.xml
Technisches Profil von Google Lighthouse
Eine mobile Lighthouse-Messung. Die experimentelle Kategorie Agentic Browsing wird separat gezeigt und ersetzt nicht den LLMSMap-Gesamtwert.
82
Performance
100
Barrierefreiheit
100
Best Practices
100
Technisches SEO
67
Agentic Browsing
Bedeutung der Ergebnisse
Die mobile Performance liegt bei 82/100; der größte sichtbare Inhalt erschien nach 2.6 s und der Hauptthread war für 530 ms blockiert. Die Layout-Verschiebung betrug 0. Lange Aufgaben verzögern Eingaben von Nutzern und Browser-Agenten.
Barrierefreiheit: 100/100, Best Practices: 100/100, technisches SEO: 100/100. Die experimentelle Kategorie Agentic Browsing erreichte 67/100 und wird getrennt vom LLMSMap-Gesamtwert angezeigt.
1
Hauptthread entlasten und ersten Bildschirm beschleunigen
Lange JavaScript-Aufgaben aufteilen, nicht kritische Skripte und Stile verzögern und blockierende Anfrageketten verkürzen.
2
Unnötig geladenen Code reduzieren
Ungenutztes CSS und JavaScript entfernen, schwere Widgets bei Bedarf laden und Drittanbieter-Skripte begrenzen.
3
Bilder und Ladereihenfolge optimieren
Passende moderne Bildformate ausliefern, das Hauptmotiv priorisieren und Inhalte unterhalb des ersten Bildschirms verzögert laden.
4
Netzwerkverzögerungen reduzieren
Serverantworten beschleunigen, unnötige Weiterleitungen entfernen und Komprimierung sowie Caching einsetzen.
FCP1.9 s
Erster Inhalt
LCP2.6 s
Hauptinhalt
CLS0
Layout-Stabilität
TBT530 ms
Blockierzeit
SI2.7 s
Visuelle Geschwindigkeit
Metrik-Glossar
- FCP · Erster Inhalt
- Zeit bis zum ersten sichtbaren Text oder Bild.
- LCP · Hauptinhalt
- Zeit bis zum größten sichtbaren Element.
- CLS · Layout-Stabilität
- Unerwartete Verschiebungen beim Laden; niedriger ist besser.
- TBT · Blockierzeit
- Zeit, in der der Hauptthread nicht schnell reagieren konnte.
- SI · Visuelle Geschwindigkeit
- Wie schnell sich der sichtbare Bereich mit Inhalt füllte.
27.9.2026Lighthouse 13.5.0Mobiles Profil
Prüfungen der KI-Bereitschaft
Maschinenlesbare Dateien, Crawler-Regeln, Discovery und Homepage-Markup.
llms-full.txt
Ungültiges Format: Die llms-full.txt-URL liefert keinen Text oder Markdown.
https://higuru.ai/llms-full.txtai.txt
ai.txt wurde nicht gefunden
robots.txt
robots.txt wurde nicht gefunden
Sitemap in robots.txt
In robots.txt ist keine Sitemap angegeben
Schema.org (JSON-LD)
Typen: ProfessionalService, WebSite, WebPage, BreadcrumbList, Service, FAQPage
OpenGraph100%
13 OpenGraph-Tags gefunden
Zugriff von KI-Bots
Basierend auf der robots.txt-Analyse
GPTBotNicht erwähnt
OAI-SearchBotNicht erwähnt
ChatGPT-UserNicht erwähnt
Google-ExtendedNicht erwähnt
ClaudeBotNicht erwähnt
Claude-SearchBotNicht erwähnt
Claude-UserNicht erwähnt
BytespiderNicht erwähnt
CCBotNicht erwähnt
PerplexityBotNicht erwähnt
Perplexity-UserNicht erwähnt
OpenGraph-Tags
Auf der Startseite gefundene Metadaten für Social-Media-Vorschauen.
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-Auszeichnung
Strukturierte Entitäten und Eigenschaften der Startseite.
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>Audit teilen oder weiter analysieren
Audit teilen
Mit KI besprechen
Hinzugefügt 27.9.2026