diff --git a/package-lock.json b/package-lock.json index c2b589e..82901e1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,8 @@ "dependencies": { "@tailwindcss/vite": "^4.2.1", "astro": "^5.17.1", + "gsap": "^3.14.2", + "lenis": "^1.3.17", "tailwindcss": "^4.2.1" }, "devDependencies": { @@ -3019,6 +3021,12 @@ "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", "license": "ISC" }, + "node_modules/gsap": { + "version": "3.14.2", + "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.14.2.tgz", + "integrity": "sha512-P8/mMxVLU7o4+55+1TCnQrPmgjPKnwkzkXOK1asnR9Jg2lna4tEY5qBJjMmAaOBDDZWtlRjBXjLa0w53G/uBLA==", + "license": "Standard 'no charge' license: https://gsap.com/standard-license." + }, "node_modules/h3": { "version": "1.15.5", "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.5.tgz", @@ -3465,6 +3473,32 @@ "node": ">=6" } }, + "node_modules/lenis": { + "version": "1.3.17", + "resolved": "https://registry.npmjs.org/lenis/-/lenis-1.3.17.tgz", + "integrity": "sha512-k9T9rgcxne49ggJOvXCraWn5dt7u2mO+BNkhyu6yxuEnm9c092kAW5Bus5SO211zUvx7aCCEtzy9UWr0RB+oJw==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/darkroomengineering" + }, + "peerDependencies": { + "@nuxt/kit": ">=3.0.0", + "react": ">=17.0.0", + "vue": ">=3.0.0" + }, + "peerDependenciesMeta": { + "@nuxt/kit": { + "optional": true + }, + "react": { + "optional": true + }, + "vue": { + "optional": true + } + } + }, "node_modules/lightningcss": { "version": "1.31.1", "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.31.1.tgz", diff --git a/package.json b/package.json index 1601cd9..e65509f 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,8 @@ "dependencies": { "@tailwindcss/vite": "^4.2.1", "astro": "^5.17.1", + "gsap": "^3.14.2", + "lenis": "^1.3.17", "tailwindcss": "^4.2.1" }, "devDependencies": { diff --git a/src/layouts/LayoutHome1.astro b/src/layouts/LayoutHome1.astro new file mode 100644 index 0000000..5eccb95 --- /dev/null +++ b/src/layouts/LayoutHome1.astro @@ -0,0 +1,95 @@ +--- +interface Props { + title: string; + description: string; +} + +const { title, description } = Astro.props; +--- + + + + + + + {title} + + + + + + + + + + + + + + + diff --git a/src/layouts/LayoutHome2.astro b/src/layouts/LayoutHome2.astro new file mode 100644 index 0000000..de1dbb1 --- /dev/null +++ b/src/layouts/LayoutHome2.astro @@ -0,0 +1,79 @@ +--- +interface Props { + title: string; + description: string; +} + +const { title, description } = Astro.props; +--- + + + + + + + {title} + + + + + + + + + + + + + + + diff --git a/src/layouts/LayoutHome3.astro b/src/layouts/LayoutHome3.astro new file mode 100644 index 0000000..5ff299a --- /dev/null +++ b/src/layouts/LayoutHome3.astro @@ -0,0 +1,152 @@ +--- +interface Props { + title: string; + description: string; +} + +const { title, description } = Astro.props; +--- + + + + + + + {title} + + + + + + + + + + + + + + + diff --git a/src/pages/home1.astro b/src/pages/home1.astro new file mode 100644 index 0000000..b1c9a97 --- /dev/null +++ b/src/pages/home1.astro @@ -0,0 +1,246 @@ +--- +import LayoutHome1 from '../layouts/LayoutHome1.astro'; +--- + + + + + + + + + +
+
+
+
+ + Nu met GEO — AI Search Optimization +
+

+ Jouw website,
+ professioneel beheerd. +

+

+ Van custom development tot managed hosting tot online groei. Wij bouwen, hosten en laten je vinden — in Google én in AI search. +

+
+ + Start je project + + + + Bekijk pakketten + +
+
+ +
+
+
+
+
+
Performance Score
+
98/100
+
+
+
+
+ + +
+
+ Wat we doen +

Alles voor je online succes

+
+
+ + +
+
+ 01 +

Web Development

+

Custom websites en webshops die er niet alleen goed uitzien, maar ook razendsnel laden. WordPress, Next.js, Astro — wij kiezen de beste stack voor jouw doel.

+
+
+ {['WordPress', 'Next.js', 'Astro', 'WooCommerce', 'Headless CMS'].map(tech => ( + {tech} + ))} +
+ + + +
+
+ 02 +

Managed Hosting

+

Geïsoleerde containers, SSL, backups, CDN. Wij regelen alles.

+
+ Meer info → + + + +
+
+ 03 +

Growth Services

+

SEO, Google Ads én GEO — vindbaar in Google én in AI search.

+
+ Meer info → + +
+
+ + +
+
+
+ {[ + { num: '01', title: 'Eigen servers', desc: 'Geen reseller hosting. Wij beheren de servers zelf voor maximale snelheid.' }, + { num: '02', title: 'AI Search pioneer', desc: 'Een van de eerste bureaus in NL die je vindbaar maakt in ChatGPT en Perplexity.' }, + { num: '03', title: 'Eén aanspreekpunt', desc: 'Geen ticketnummers. Je spreekt altijd direct met wie aan je project werkt.' }, + { num: '04', title: 'Eerlijke prijzen', desc: 'Duidelijke pakketten, geen verborgen kosten, geen verrassingen achteraf.' }, + ].map((item, i) => ( +
+ {item.num} +

{item.title}

+

{item.desc}

+
+ ))} +
+
+
+ + +
+
+
+ Generative Engine Optimization +

+ Gevonden worden in ChatGPT, Perplexity en Google AI. +

+

+ 25% van alle zoekopdrachten gaat al via AI. Wij zorgen dat jouw bedrijf daar verschijnt — niet je concurrent. +

+
+
+ {[ + { value: '357%', label: 'Groei AI-verwijzingen naar websites' }, + { value: '25%', label: 'Van alle search gaat nu via AI' }, + { value: '34%', label: 'Minder clicks op traditionele resultaten' }, + ].map((stat, i) => ( +
+
{stat.value}
+

{stat.label}

+
+ ))} +
+ + Ontdek GEO + + +
+
+ + +
+
+

+ Klaar om te beginnen? +

+

+ Vertel ons over je project. We reageren binnen 24 uur met een vrijblijvend voorstel. +

+ + Neem contact op + + +
+
+ + +
+
+ © 2026 SiteLoft. Alle rechten voorbehouden. + +
+
+ + + + diff --git a/src/pages/home2.astro b/src/pages/home2.astro new file mode 100644 index 0000000..68ccaf0 --- /dev/null +++ b/src/pages/home2.astro @@ -0,0 +1,227 @@ +--- +import LayoutHome2 from '../layouts/LayoutHome2.astro'; +--- + + + + +
+
+ +
+ S +
+ SiteLoft + + +
+
+ + + + + + + +
+
+
+

JOUW WEBSITE,

+
+
+

PROFESSIONEEL

+
+
+

BEHEERD.

+
+
+

+ Van custom development tot managed hosting tot online groei. Wij bouwen, hosten en laten je vinden — in Google én in AI search. +

+ +
+
+
+ + +
+
+ {Array(2).fill(null).map(() => ( +
+ {['ASTRO', 'NEXT.JS', 'WORDPRESS', 'DOCKER', 'GEO', 'MANAGED HOSTING', 'SSL', 'CDN', 'SEO', 'GOOGLE ADS'].map(item => ( + + {item}● + + ))} +
+ ))} +
+
+ + +
+
+
+ WAT WE DOEN +

DRIE PIJLERS

+
+
+
+ {[ + { num: '01', title: 'Web Development', desc: 'Custom websites en webshops. WordPress, Next.js, Astro — wij kiezen de beste stack voor jouw doel. Pixel-perfect, razendsnel, gebouwd om te schalen.' }, + { num: '02', title: 'Managed Hosting', desc: 'Geen shared hosting met 200 andere sites. Jouw website draait geïsoleerd op onze eigen servers. SSL, backups, CDN en updates — wij regelen alles.' }, + { num: '03', title: 'Growth Services', desc: 'SEO, Google Ads én GEO — Generative Engine Optimization. Wij zorgen dat je gevonden wordt in Google én in AI search zoals ChatGPT en Perplexity.' }, + ].map((service, i) => ( + + {service.num} +

{service.title}

+

{service.desc}

+ BEKIJK → + + ))} +
+
+ + +
+
+
+ +
+ {[ + { value: '357%', label: 'Groei AI-verwijzingen' }, + { value: '25%', label: 'Search via AI platformen' }, + { value: '34%', label: 'Minder traditionele clicks' }, + ].map((stat, i) => ( +
+
{stat.value}
+

{stat.label}

+
+ ))} +
+ +
+ GEO — AI SEARCH +

GEVONDEN WORDEN IN CHATGPT.

+

+ 25% van alle zoekopdrachten gaat via AI-platformen. SiteLoft is een van de eerste bureaus in Nederland die je actief vindbaar maakt in ChatGPT, Perplexity en Google AI Overviews. +

+ + ONTDEK GEO → + +
+
+
+
+ + +
+
+
+

KLAAR OM TE
BEGINNEN?

+

+ Vertel ons over je project. We reageren binnen 24 uur met een vrijblijvend voorstel. +

+
+ + START PROJECT → + +
+
+ + + + + + + diff --git a/src/pages/home3.astro b/src/pages/home3.astro new file mode 100644 index 0000000..5076112 --- /dev/null +++ b/src/pages/home3.astro @@ -0,0 +1,227 @@ +--- +import LayoutHome3 from '../layouts/LayoutHome3.astro'; +--- + + + + + + + + + +
+ +
+ +
+
+ + Nu met GEO — AI Search Optimization +
+ +

+ Jouw website,
+ professioneel beheerd. +

+ +

+ Van custom development tot managed hosting tot online groei. Wij bouwen, hosten en laten je vinden — in Google én in AI search. +

+ + +
+ + +
+ SCROLL + + + +
+
+ + +
+
+ Wat we doen +

Alles voor je online succes,
onder één dak.

+
+
+ + +
+ 01 +

Web Development

+

Custom websites en webshops die razendsnel laden. WordPress, Next.js, Astro — wij kiezen de beste stack voor jouw doel.

+
+
+ {['WordPress', 'Next.js', 'Astro', 'WooCommerce'].map(t => ( + {t} + ))} +
+ + + +
+ 02 +

Managed Hosting

+

Geïsoleerde containers, SSL, backups, CDN. Wij regelen alles.

+
+ Meer info → + + + +
+ 03 +

Growth Services

+

SEO, Google Ads én GEO — vindbaar in Google én in AI search.

+
+ Meer info → + +
+
+ + +
+
+ Waarom SiteLoft +

Eén partner
voor alles.

+
+
+ {[ + { num: '01', title: 'Eigen servers, volledige controle', desc: 'Geen reseller hosting. Wij beheren de servers zelf voor maximale snelheid en betrouwbaarheid.' }, + { num: '02', title: 'Voorloper in AI Search', desc: 'Een van de eerste bureaus in Nederland die je actief vindbaar maakt in ChatGPT, Perplexity en Google AI.' }, + { num: '03', title: 'Persoonlijk en direct', desc: 'Geen ticketnummers of wachtrijen. Je spreekt altijd direct met de persoon die aan je project werkt.' }, + ].map(item => ( +
+ {item.num} +
+

{item.title}

+

{item.desc}

+
+
+ ))} +
+
+ + +
+ +
+
+ +
+
+ Generative Engine Optimization +

+ Gevonden worden in ChatGPT, Perplexity en Google AI. +

+

+ 25% van alle zoekopdrachten gaat al via AI. Wij zorgen dat jouw bedrijf daar verschijnt — niet je concurrent. +

+
+
+
+
0%
+

Groei AI-verwijzingen

+
+
+
0%
+

Search via AI platformen

+
+
+
0%
+

Minder traditionele clicks

+
+
+
+ + Ontdek GEO + + +
+
+
+ + +
+
+

+ Klaar om te beginnen? +

+

+ Vertel ons over je project. We reageren binnen 24 uur met een vrijblijvend voorstel. +

+ + Neem contact op + + +
+
+ + +
+
+ © 2026 SiteLoft. Alle rechten voorbehouden. + +
+
+ + + +