Update src/app/page.tsx
This commit is contained in:
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "diensten",
|
||||
},
|
||||
name: "Diensten", id: "diensten"},
|
||||
{
|
||||
name: "Realisaties",
|
||||
id: "realisaties",
|
||||
},
|
||||
name: "Realisaties", id: "realisaties"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MMA Betonvloeren"
|
||||
/>
|
||||
@@ -54,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="MMA Betonvloeren & Renovatie"
|
||||
description="Uw specialist in hoogwaardige betonvloeren, gietvloeren en renovatie in heel Vlaanderen. Ervaar duurzaamheid in een luxueus jasje."
|
||||
buttons={[
|
||||
{
|
||||
text: "Offerte aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Offerte aanvragen", href: "#contact"},
|
||||
{
|
||||
text: "Bekijk ons werk",
|
||||
href: "#realisaties",
|
||||
},
|
||||
text: "Bekijk ons werk", href: "#realisaties"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cement-wall-surface-with-holes_23-2148413270.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -80,28 +67,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Gietvloeren",
|
||||
tags: [
|
||||
"Modern",
|
||||
"Strak",
|
||||
],
|
||||
id: "s1", title: "Gietvloeren", tags: [
|
||||
"Modern", "Strak"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Betonrenovatie",
|
||||
tags: [
|
||||
"Duurzaam",
|
||||
"Herstel",
|
||||
],
|
||||
id: "s2", title: "Betonrenovatie", tags: [
|
||||
"Duurzaam", "Herstel"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Epoxy Coatings",
|
||||
tags: [
|
||||
"Sterk",
|
||||
"Bescherming",
|
||||
],
|
||||
id: "s3", title: "Epoxy Coatings", tags: [
|
||||
"Sterk", "Bescherming"],
|
||||
},
|
||||
]}
|
||||
title="Onze Specialisaties"
|
||||
@@ -111,28 +86,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="realisaties" data-section="realisaties">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Woonkamer Gietvloer",
|
||||
price: "Gerealiseerd in Antwerpen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349193.jpg",
|
||||
},
|
||||
id: "r1", name: "Woonkamer Gietvloer", price: "Gerealiseerd in Antwerpen", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349193.jpg"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Industrieel Beton",
|
||||
price: "Gerealiseerd in Gent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-surface_53876-31368.jpg",
|
||||
},
|
||||
id: "r2", name: "Industrieel Beton", price: "Gerealiseerd in Gent", imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-surface_53876-31368.jpg"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Garage Renovatie",
|
||||
price: "Gerealiseerd in Leuven",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-chair-with-wood-background_1339-7862.jpg",
|
||||
},
|
||||
id: "r3", name: "Garage Renovatie", price: "Gerealiseerd in Leuven", imageSrc: "http://img.b2bpic.net/free-photo/modern-chair-with-wood-background_1339-7862.jpg"},
|
||||
]}
|
||||
title="Onze Realisaties"
|
||||
description="Een greep uit onze projecten in Vlaanderen."
|
||||
@@ -160,9 +124,7 @@ export default function LandingPage() {
|
||||
author="Familie De Smet"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-successful-business-woman-white-backgroun_176420-55752.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-successful-business-woman-white-backgroun_176420-55752.jpg", alt: "Klant"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -176,22 +138,14 @@ export default function LandingPage() {
|
||||
description="Benieuwd naar de mogelijkheden? Contacteer ons voor een vrijblijvend adviesgesprek."
|
||||
inputs={[
|
||||
{
|
||||
name: "naam",
|
||||
placeholder: "Uw naam",
|
||||
type: "text",
|
||||
required: true,
|
||||
name: "naam", placeholder: "Uw naam", type: "text", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
placeholder: "E-mailadres",
|
||||
type: "email",
|
||||
required: true,
|
||||
name: "email", placeholder: "E-mailadres", type: "email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "project",
|
||||
placeholder: "Vertel ons over uw project",
|
||||
rows: 4,
|
||||
name: "project", placeholder: "Vertel ons over uw project", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-man-working-his-business-pc_23-2148488668.jpg"
|
||||
@@ -203,13 +157,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="MMA Betonvloeren"
|
||||
leftLink={{
|
||||
text: "Privacybeleid",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacybeleid", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2024 MMA Betonvloeren",
|
||||
href: "/",
|
||||
}}
|
||||
text: "© 2024 MMA Betonvloeren", href: "/"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user