Merge version_1 into main #1
161
src/app/page.tsx
161
src/app/page.tsx
@@ -16,27 +16,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Assortiment",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Over Ons", id: "about" },
|
||||
{ name: "Assortiment", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Supermarkt Wiester"
|
||||
/>
|
||||
@@ -44,25 +39,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Supermarkt Wiester"
|
||||
description="Uw dorpssupermarkt in het hart van Wijster. Persoonlijk, vers en altijd dichtbij."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk ons assortiment",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Kom langs",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Bekijk ons assortiment", href: "#features" },
|
||||
{ text: "Kom langs", href: "#contact" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/slices-brown-white-bread-kitchen-board-with-baguette_114579-5849.jpg"
|
||||
imageAlt="Sfeerbeeld Supermarkt Wiester"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,14 +59,8 @@ export default function LandingPage() {
|
||||
title="Persoonlijk & Betrokken"
|
||||
description="Al jarenlang zijn wij de vertrouwde plek voor uw dagelijkse boodschappen in Wijster. Wij kennen onze klanten bij naam en bieden altijd dat beetje extra persoonlijke aandacht."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Klantgericht",
|
||||
},
|
||||
{
|
||||
value: "Vers",
|
||||
title: "Dagelijks assortiment",
|
||||
},
|
||||
{ value: "100%", title: "Klantgericht" },
|
||||
{ value: "Vers", title: "Dagelijks assortiment" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-carefully-choosing-fruit-her-salad-supermarket_342744-1092.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -93,28 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Verse Broodjes",
|
||||
tags: [
|
||||
"Vers",
|
||||
"Lokaal",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Dagelijkse Boodschappen",
|
||||
tags: [
|
||||
"Volledig",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Luxe Hapjesschalen",
|
||||
tags: [
|
||||
"Bestellen",
|
||||
],
|
||||
},
|
||||
{ id: "f1", title: "Verse Broodjes", tags: ["Vers", "Lokaal"] },
|
||||
{ id: "f2", title: "Dagelijkse Boodschappen", tags: ["Volledig"] },
|
||||
{ id: "f3", title: "Luxe Hapjesschalen", tags: ["Bestellen"] },
|
||||
]}
|
||||
title="Wat wij bieden"
|
||||
description="Van versgebakken broodjes tot de dagelijkse boodschappen en luxe hapjesschalen."
|
||||
@@ -126,42 +88,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mevr. de Vries",
|
||||
date: "2024-01-10",
|
||||
title: "Geweldige service",
|
||||
quote: "Altijd vriendelijk geholpen. Hebben van alles en anders bestellen ze het wel.",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-excited-businesswoman-blue-blouse-showing-thumb-up_1262-14826.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Familie Jansen",
|
||||
date: "2024-02-15",
|
||||
title: "Topwinkel",
|
||||
quote: "Verse broodjes, een aanrader om naar toe te fietsen in de ochtend!",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-girl-choosing-ripe-fruits_329181-17370.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jan de Boer",
|
||||
date: "2024-03-05",
|
||||
title: "Super service",
|
||||
quote: "Wat een super service en aardige mensen... geen probleem mevrouw, we passen het aan!",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/african-american-serious-man-carries-fresh-groceries-paper-bag_482257-93795.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Smit",
|
||||
date: "2024-03-20",
|
||||
title: "Gezellig",
|
||||
quote: "Klantvriendelijke bediening, prima kaart en een gezellige sfeer.",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-phone-shopping-mall_329181-8096.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mevr. de Vries", date: "2024-01-10", title: "Geweldige service", quote: "Altijd vriendelijk geholpen. Hebben van alles en anders bestellen ze het wel.", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-excited-businesswoman-blue-blouse-showing-thumb-up_1262-14826.jpg" },
|
||||
{ id: "2", name: "Familie Jansen", date: "2024-02-15", title: "Topwinkel", quote: "Verse broodjes, een aanrader om naar toe te fietsen in de ochtend!", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/confident-girl-choosing-ripe-fruits_329181-17370.jpg" },
|
||||
{ id: "3", name: "Jan de Boer", date: "2024-03-05", title: "Super service", quote: "Wat een super service en aardige mensen... geen probleem mevrouw, we passen het aan!", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-serious-man-carries-fresh-groceries-paper-bag_482257-93795.jpg" },
|
||||
{ id: "4", name: "Emma Smit", date: "2024-03-20", title: "Gezellig", quote: "Klantvriendelijke bediening, prima kaart en een gezellige sfeer.", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-phone-shopping-mall_329181-8096.jpg" },
|
||||
]}
|
||||
title="Ervaringen uit het dorp"
|
||||
description="Wat onze klanten zeggen over Supermarkt Wiester."
|
||||
@@ -174,23 +104,10 @@ export default function LandingPage() {
|
||||
title="Contact & Openingstijden"
|
||||
description="Bezoek ons aan de Bruntingerweg 6 in Wijster. Wij staan voor u klaar!"
|
||||
inputs={[
|
||||
{
|
||||
name: "naam",
|
||||
type: "text",
|
||||
placeholder: "Uw naam",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Uw e-mail",
|
||||
required: true,
|
||||
},
|
||||
{ name: "naam", type: "text", placeholder: "Uw naam", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Uw e-mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "bericht",
|
||||
placeholder: "Uw vraag of bestelling",
|
||||
}}
|
||||
textarea={{ name: "bericht", placeholder: "Uw vraag of bestelling" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cruise-ship-lower-town-old-buildings-quebec-city-night_649448-1861.jpg"
|
||||
buttonText="Verzenden"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -202,29 +119,15 @@ export default function LandingPage() {
|
||||
logoText="Supermarkt Wiester"
|
||||
columns={[
|
||||
{
|
||||
title: "Informatie",
|
||||
items: [
|
||||
{
|
||||
label: "Openingstijden",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Informatie", items: [
|
||||
{ label: "Openingstijden", href: "#contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Diensten",
|
||||
items: [
|
||||
{
|
||||
label: "Bestellen",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Assortiment",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Diensten", items: [
|
||||
{ label: "Bestellen", href: "#contact" },
|
||||
{ label: "Assortiment", href: "#features" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user