Merge version_1 into main #2
159
src/app/page.tsx
159
src/app/page.tsx
@@ -28,55 +28,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collectie",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Over Ons", id: "about" },
|
||||
{ name: "Collectie", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Paws & Play"
|
||||
button={{ text: "Bestellen", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Alles voor jouw trouwe viervoeter"
|
||||
description="Ontdek onze met zorg geselecteerde collectie hondenspullen. Van duurzaam speelgoed tot het meest comfortabele slaapplekje."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bulldog-playing-with-toy-white-background_23-2147841057.jpg?_wi=1",
|
||||
imageAlt: "Hond in park",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dog-laying-pillow_23-2149636179.jpg?_wi=1",
|
||||
imageAlt: "Hondenmand",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-dog-walking-outdoors_23-2149004559.jpg",
|
||||
imageAlt: "Hond met speeltjes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bulldog-playing-with-toy-white-background_23-2147841057.jpg?_wi=2",
|
||||
imageAlt: "Hond in de natuur",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dog-laying-pillow_23-2149636179.jpg?_wi=2",
|
||||
imageAlt: "Comfortabel hondenbed",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bulldog-playing-with-toy-white-background_23-2147841057.jpg", imageAlt: "vrolijke hond in de natuur" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dog-laying-pillow_23-2149636179.jpg", imageAlt: "hondenkussen in woonkamer" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-dog-walking-outdoors_23-2149004559.jpg", imageAlt: "hond met halsband in de tuin" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bulldog-playing-with-toy-white-background_23-2147841057.jpg", imageAlt: "vrolijke hond in de natuur" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dog-laying-pillow_23-2149636179.jpg", imageAlt: "hondenkussen in woonkamer" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -88,18 +60,9 @@ export default function LandingPage() {
|
||||
title="Passie voor hondenwelzijn"
|
||||
description="Bij Paws & Play geloven we dat elke hond het beste verdient. Daarom selecteren we alleen producten die duurzaam, veilig en getest zijn door onze eigen viervoeters."
|
||||
metrics={[
|
||||
{
|
||||
value: "1.5k+",
|
||||
title: "Blije klanten",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Producten op voorraad",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Service ondersteuning",
|
||||
},
|
||||
{ value: "1.5k+", title: "Blije klanten" },
|
||||
{ value: "500+", title: "Producten op voorraad" },
|
||||
{ value: "24/7", title: "Service ondersteuning" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-walking-playing-with-beagle-dog-park_176420-6443.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -114,48 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Leren Hondenriem",
|
||||
price: "€34,95",
|
||||
variant: "Bruin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-picnic-with-her-dog_23-2148199136.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Orthopedisch Kussen",
|
||||
price: "€69,00",
|
||||
variant: "Grijs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurry-hand-cute-dog_23-2149101707.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Interactief Touw",
|
||||
price: "€12,50",
|
||||
variant: "Katoen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-skipping-rope-wooden-deck-exercising_181624-26477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxe Voerbak",
|
||||
price: "€24,95",
|
||||
variant: "Keramiek",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-dachshund-puppy_342744-527.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Natuurlijke Shampoo",
|
||||
price: "€18,99",
|
||||
variant: "250ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-cute-chinchilla_23-2150209163.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Winter Hondenjas",
|
||||
price: "€45,00",
|
||||
variant: "Blauw",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-spitz-white-background_1303-27315.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Leren Hondenriem", price: "€34,95", variant: "Bruin", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-picnic-with-her-dog_23-2148199136.jpg" },
|
||||
{ id: "p2", name: "Orthopedisch Kussen", price: "€69,00", variant: "Grijs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurry-hand-cute-dog_23-2149101707.jpg" },
|
||||
{ id: "p3", name: "Interactief Touw", price: "€12,50", variant: "Katoen", imageSrc: "http://img.b2bpic.net/free-photo/old-skipping-rope-wooden-deck-exercising_181624-26477.jpg" },
|
||||
{ id: "p4", name: "Luxe Voerbak", price: "€24,95", variant: "Keramiek", imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-dachshund-puppy_342744-527.jpg" },
|
||||
{ id: "p5", name: "Natuurlijke Shampoo", price: "€18,99", variant: "250ml", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-cute-chinchilla_23-2150209163.jpg" },
|
||||
{ id: "p6", name: "Winter Hondenjas", price: "€45,00", variant: "Blauw", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-spitz-white-background_1303-27315.jpg" },
|
||||
]}
|
||||
title="Populaire keuzes"
|
||||
description="De favorieten van onze community."
|
||||
@@ -169,26 +96,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sophie van Dijk"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-european-man-with-his-dog-cafe-guy-pets-his-golden-retriever-while-working-outdoors-coffee-shop_1258-314316.jpg",
|
||||
alt: "Klant 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-hugging-dog-bed_23-2148935399.jpg",
|
||||
alt: "Klant 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-cute-little-dog-pet-shop_23-2148872585.jpg",
|
||||
alt: "Klant 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-petting-her-dog_23-2148351205.jpg",
|
||||
alt: "Klant 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-redhead-woman-posing_273609-12914.jpg",
|
||||
alt: "Klant 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-european-man-with-his-dog-cafe-guy-pets-his-golden-retriever-while-working-outdoors-coffee-shop_1258-314316.jpg", alt: "Klant 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-hugging-dog-bed_23-2148935399.jpg", alt: "Klant 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-holding-cute-little-dog-pet-shop_23-2148872585.jpg", alt: "Klant 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-petting-her-dog_23-2148351205.jpg", alt: "Klant 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-redhead-woman-posing_273609-12914.jpg", alt: "Klant 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -198,30 +110,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Heb je hulp nodig bij het kiezen van het juiste product? Neem gerust contact met ons op."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact opnemen",
|
||||
href: "mailto:info@pawsplay.nl",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact opnemen", href: "mailto:info@pawsplay.nl" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Paws & Play"
|
||||
leftLink={{
|
||||
text: "Privacybeleid",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Algemene voorwaarden",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacybeleid", href: "#" }}
|
||||
rightLink={{ text: "Algemene voorwaarden", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user