Landing Scroll Story

Landing Scroll Story bouwt een complete, werkende Next.js-landingswebsite op basis van een service-URL, README of pitchtekst. Je beantwoordt maximaal drie vragen en krijgt een project-zip die je kunt draaien en uitrollen.

Twee sjablonen

Light (SEO eerst)

• Donkere hero met bewegende balken, zwevende pill-navigatie, bento-kaarten, een showcase die vastgezet wordt tijdens het scrollen, gebruiksstappen en FAQ
• Detailgidspagina’s en FAQPage- en WebSite-JSON-LD
• Sitemap en robots blijven gesloten totdat je je productie-URL instelt (Preview-deployments worden nooit geïndexeerd)

Cinematic (visueel eerst)

• Choreografie met GSAP + ScrollTrigger + Lenis
• De hero krimpt tot een bento-raster, Lottie-intro aangestuurd door scrollen, waardekaarten, een marquee-showcase en een gordijnfooter
• Responsieve layout voor mobiel inbegrepen

Hoe het werkt

1. Geef een URL, een README of een korte beschrijving.
2. Kies light of cinematic. De skill raadt er een aan en legt uit waarom.
3. Hij vult de teksten in, stelt je merkkleur in met één commando, bouwt, controleert de types en test desktop- en mobiele breedtes.
4. Je ontvangt de project-zip met korte notities over starten, teksten aanpassen en uitrollen (Vercel, Cloudflare, Search Console).

Voorbeeldresultaat

De onderstaande schermafbeeldingen komen van een fictieve voorbeelddienst ("Brewly") gemaakt met deze skill.

Goed om te weten

• De afbeeldingen in het cinematic-sjabloon zijn eenvoudige, door code gegenereerde vormen. Vervang voor een verzorgde uitstraling de bestanden in public/landing/ door je eigen beeldmateriaal.
• Het cinematic-sjabloon rendert meerdere secties pas na hydratie, dus een groot deel van de tekst ontbreekt in de server-HTML. Kies light als vindbaarheid in zoekmachines telt.
• Gecontroleerd op desktop en een viewport van 390 px breed in een ontwikkelomgeving. Tests op echte apparaten en in Safari zijn niet inbegrepen.
• De kwaliteit van de teksten hangt af van je bronmateriaal. De skill verzint geen cijfers, klanten of prijzen.

Licenties en naamsvermelding

• Het cinematic-sjabloon is afgeleid van de landingspagina-code van het SEED Design System (github.com/daangn/seed-design), Apache-2.0, Copyright 2025 Danggeun Market Inc. De licentietekst en vermeldingen zitten in het geleverde project. Logo’s, namen en media van SEED of Daangn zijn NIET inbegrepen. Dit product is niet gelieerd aan, gesponsord door of goedgekeurd door Daangn.
• GSAP wordt gebruikt onder de gratis standaardlicentie. Het lettertype Pretendard valt onder SIL OFL 1.1.