Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0359b550c4 | |||
| fd734d0b91 | |||
| f4e821229f | |||
| 6439c77151 | |||
| 4491b65b92 | |||
| c83fa4f29a | |||
| 04bfd09f27 | |||
| 0b1a8c1bf5 | |||
| 5ee0a0bdb8 | |||
| 2dfb0a44e9 | |||
| a2b4475d54 | |||
| ff2e3f7005 | |||
| 674f45b214 | |||
| fa839813e6 | |||
| a7797ef4d4 | |||
| 6b2888478a | |||
| 03da89664b |
@@ -53,13 +53,13 @@ export default function LandingPage() {
|
||||
description="Verdiep u in onze wereld van dranken en delicatessen met alle artikelen van Pyk Slyterij Deventer."
|
||||
blogs={[
|
||||
{
|
||||
id: "blog-full-1", category: "WIJN VAN DE MAAND", title: "De Perfecte Wijn voor het Seizoen", excerpt: "Ontdek welke wijnen het beste passen bij de smaken en stemmingen van elk seizoen. Van lichte zomerwijnen tot rijke herfstdranken.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-fruits_329181-12479.jpg", imageAlt: "Wijngaard tijdens de oogst", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-1", date: "15 maart 2024"},
|
||||
id: "blog-full-1", category: "WIJN VAN DE MAAND", title: "De Perfecte Wijn voor het Seizoen", excerpt: "Ontdek welke wijnen het beste passen bij de smaken en stemmingen van elk seizoen. Van lichte zomerwijnen tot rijke herfstdranken.", imageSrc: "https://via.placeholder.com/800x600/CCCCCC/FFFFFF?text=Blog+Article+1", imageAlt: "Wijngaard tijdens de oogst", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-1", date: "15 maart 2024"},
|
||||
{
|
||||
id: "blog-full-2", category: "DRANK ONTDEKKING", title: "Cocktails maken als een Pro: Tips & Tricks", excerpt: "Verbaas uw gasten met deze eenvoudige maar indrukwekkende cocktailrecepten. Van klassiekers tot moderne twists.", imageSrc: "http://img.b2bpic.net/free-photo/beach-cocktails-ai-generated_268835-11089.jpg", imageAlt: "Vers gemaakte cocktail", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-2", date: "8 maart 2024"},
|
||||
id: "blog-full-2", category: "DRANK ONTDEKKING", title: "Cocktails maken als een Pro: Tips & Tricks", excerpt: "Verbaas uw gasten met deze eenvoudige maar indrukwekkende cocktailrecepten. Van klassiekers tot moderne twists.", imageSrc: "https://via.placeholder.com/800x600/CCCCCC/FFFFFF?text=Blog+Article+2", imageAlt: "Vers gemaakte cocktail", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-2", date: "8 maart 2024"},
|
||||
{
|
||||
id: "blog-full-3", category: "PYK PICKS", title: "De Kunst van Spijs-Wijn Combinatie", excerpt: "Leer hoe u de ideale wijn combineert met verschillende delicatessen voor een onvergetelijke culinaire ervaring.", imageSrc: "http://img.b2bpic.net/free-photo/cheese-set-with-red-wine-wooden-board_140725-4525.jpg", imageAlt: "Kaas en wijn pairing", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-3", date: "1 maart 2024"},
|
||||
id: "blog-full-3", category: "PYK PICKS", title: "De Kunst van Spijs-Wijn Combinatie", excerpt: "Leer hoe u de ideale wijn combineert met verschillende delicatessen voor een onvergetelijke culinaire ervaring.", imageSrc: "https://via.placeholder.com/800x600/CCCCCC/FFFFFF?text=Blog+Article+3", imageAlt: "Kaas en wijn pairing", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-3", date: "1 maart 2024"},
|
||||
{
|
||||
id: "blog-full-4", category: "BELEVING", title: "Natuurwijn: De Pure Expressie", excerpt: "Ontdek de fascinerende wereld van natuurwijnen: puur, onbewerkt en vol karakter.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-champagne-with-little-presents-light-gift-xmas-photo-new-year-color-alcohol_140725-93496.jpg", imageAlt: "Fles natuurwijn", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-4", date: "25 februari 2024"},
|
||||
id: "blog-full-4", category: "BELEVING", title: "Natuurwijn: De Pure Expressie", excerpt: "Ontdek de fascinerende wereld van natuurwijnen: puur, onbewerkt en vol karakter.", imageSrc: "https://via.placeholder.com/800x600/CCCCCC/FFFFFF?text=Blog+Article+4", imageAlt: "Fles natuurwijn", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-4", date: "25 februari 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,7 +86,7 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Over Pyk", href: "/over-pyk"},
|
||||
{
|
||||
label: "Ons Team", href: "/over-pyk#team"},
|
||||
label: "Ons Team", href: "/over-pyk#our-team"},
|
||||
{
|
||||
label: "De Wynkantine", href: "/wynkantine"},
|
||||
],
|
||||
|
||||
@@ -34,9 +34,6 @@ export default function ContactPage() {
|
||||
{
|
||||
name: "Webshop", id: "/shop"
|
||||
},
|
||||
{
|
||||
name: "Winkelwagen", id: "/cart"
|
||||
},
|
||||
{
|
||||
name: "Events", id: "/events"
|
||||
},
|
||||
@@ -263,7 +260,7 @@ export default function ContactPage() {
|
||||
label: "Over Pyk", href: "/over-pyk"
|
||||
},
|
||||
{
|
||||
label: "Ons Team", href: "/over-pyk#team"
|
||||
label: "Ons Team", href: "/over-pyk#our-team"
|
||||
},
|
||||
{
|
||||
label: "De Wynkantine", href: "/wynkantine"
|
||||
|
||||
@@ -26,33 +26,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Over Pyk",
|
||||
id: "/over-pyk",
|
||||
},
|
||||
name: "Over Pyk", id: "/over-pyk"},
|
||||
{
|
||||
name: "Webshop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Webshop", id: "/shop"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Relatiegeschenken",
|
||||
id: "/relatiegeschenken",
|
||||
},
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Pyk Slyterij"
|
||||
/>
|
||||
@@ -67,38 +53,11 @@ export default function LandingPage() {
|
||||
description="Bekijk hier alle aankomende proeverijen, masterclasses en speciale evenementen bij Pyk Slyterij Deventer."
|
||||
blogs={[
|
||||
{
|
||||
id: "event-1",
|
||||
category: "Proeverij",
|
||||
title: "Lente Wijnproeverij",
|
||||
excerpt: "Ontdek de frisse smaken van lentewijnen uit verschillende regio's. Met lichte hapjes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/martini-glasses-make-pyramid-glass-table_8353-552.jpg",
|
||||
imageAlt: "Wijnproeverij",
|
||||
authorName: "Pyk Slyterij",
|
||||
authorAvatar: "asset://avatar-1",
|
||||
date: "20 april 2024",
|
||||
},
|
||||
id: "event-1", category: "Proeverij", title: "Lente Wijnproeverij", excerpt: "Ontdek de frisse smaken van lentewijnen uit verschillende regio's. Met lichte hapjes.", imageSrc: "https://via.placeholder.com/800x600/CCCCCC/FFFFFF?text=Event+Image+1", imageAlt: "Wijnproeverij", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-1", date: "20 april 2024"},
|
||||
{
|
||||
id: "event-2",
|
||||
category: "Masterclass",
|
||||
title: "Gin & Tonic Masterclass",
|
||||
excerpt: "Leer de fijne kneepjes van het perfecte Gin & Tonic recept van onze sterke dranken specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-refreshing-cocktail-bar_23-2148176757.jpg",
|
||||
imageAlt: "Gin & Tonic maken",
|
||||
authorName: "Pyk Slyterij",
|
||||
authorAvatar: "asset://avatar-2",
|
||||
date: "10 mei 2024",
|
||||
},
|
||||
id: "event-2", category: "Masterclass", title: "Gin & Tonic Masterclass", excerpt: "Leer de fijne kneepjes van het perfecte Gin & Tonic recept van onze sterke dranken specialist.", imageSrc: "https://via.placeholder.com/800x600/CCCCCC/FFFFFF?text=Event+Image+2", imageAlt: "Gin & Tonic maken", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-2", date: "10 mei 2024"},
|
||||
{
|
||||
id: "event-3",
|
||||
category: "Workshop",
|
||||
title: "Delicatessen & Port Workshop",
|
||||
excerpt: "Een unieke workshop over het combineren van fijne delicatessen met bijpassende portwijnen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fine-cheese-with-wine_23-2148430106.jpg",
|
||||
imageAlt: "Port en delicatessen",
|
||||
authorName: "Pyk Slyterij",
|
||||
authorAvatar: "asset://avatar-3",
|
||||
date: "15 juni 2024",
|
||||
},
|
||||
id: "event-3", category: "Workshop", title: "Delicatessen & Port Workshop", excerpt: "Een unieke workshop over het combineren van fijne delicatessen met bijpassende portwijnen.", imageSrc: "https://via.placeholder.com/800x600/CCCCCC/FFFFFF?text=Event+Image+3", imageAlt: "Port en delicatessen", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-3", date: "15 juni 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,20 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-events-1",
|
||||
title: "Hoe kan ik mij aanmelden voor een evenement?",
|
||||
content: "U kunt zich eenvoudig aanmelden via de evenementenpagina op onze website. Selecteer het gewenste evenement en volg de instructies.",
|
||||
},
|
||||
id: "faq-events-1", title: "Hoe kan ik mij aanmelden voor een evenement?", content: "U kunt zich eenvoudig aanmelden via de evenementenpagina op onze website. Selecteer het gewenste evenement en volg de instructies."},
|
||||
{
|
||||
id: "faq-events-2",
|
||||
title: "Wat zijn de kosten voor deelname?",
|
||||
content: "De kosten variëren per evenement. Gedetailleerde prijsinformatie vindt u op de specifieke evenementenpagina.",
|
||||
},
|
||||
id: "faq-events-2", title: "Wat zijn de kosten voor deelname?", content: "De kosten variëren per evenement. Gedetailleerde prijsinformatie vindt u op de specifieke evenementenpagina."},
|
||||
{
|
||||
id: "faq-events-3",
|
||||
title: "Moet ik van tevoren reserveren?",
|
||||
content: "Ja, reserveren is noodzakelijk, aangezien het aantal plaatsen beperkt is om een intieme en kwalitatieve ervaring te garanderen.",
|
||||
},
|
||||
id: "faq-events-3", title: "Moet ik van tevoren reserveren?", content: "Ja, reserveren is noodzakelijk, aangezien het aantal plaatsen beperkt is om een intieme en kwalitatieve ervaring te garanderen."},
|
||||
]}
|
||||
title="Veelgestelde Vragen over Evenementen"
|
||||
description="Heeft u vragen over onze proeverijen, masterclasses of workshops? Hier vindt u de antwoorden."
|
||||
@@ -136,69 +86,43 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Over Pyk",
|
||||
href: "/over-pyk",
|
||||
},
|
||||
label: "Over Pyk", href: "/over-pyk"},
|
||||
{
|
||||
label: "Ons Team",
|
||||
href: "/over-pyk#team",
|
||||
},
|
||||
label: "Ons Team", href: "/over-pyk#our-team"},
|
||||
{
|
||||
label: "De Wynkantine",
|
||||
href: "/wynkantine",
|
||||
},
|
||||
label: "De Wynkantine", href: "/wynkantine"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Webshop",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Webshop", href: "/shop"},
|
||||
{
|
||||
label: "Wijnen",
|
||||
href: "/shop?category=wijn",
|
||||
},
|
||||
label: "Wijnen", href: "/shop?category=wijn"},
|
||||
{
|
||||
label: "Sterke Dranken",
|
||||
href: "/shop?category=sterkedranken",
|
||||
},
|
||||
label: "Sterke Dranken", href: "/shop?category=sterkedranken"},
|
||||
{
|
||||
label: "Delicatessen",
|
||||
href: "/shop?category=delicatessen",
|
||||
},
|
||||
label: "Delicatessen", href: "/shop?category=delicatessen"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Evenementen",
|
||||
href: "/events",
|
||||
},
|
||||
label: "Evenementen", href: "/events"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Relatiegeschenken",
|
||||
href: "/relatiegeschenken",
|
||||
},
|
||||
label: "Relatiegeschenken", href: "/relatiegeschenken"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/pykslyterij",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/pykslyterij"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/pykslyterij",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/pykslyterij"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -27,33 +27,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Over Pyk",
|
||||
id: "/over-pyk",
|
||||
},
|
||||
name: "Over Pyk", id: "/over-pyk"},
|
||||
{
|
||||
name: "Webshop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Webshop", id: "/shop"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Relatiegeschenken",
|
||||
id: "/relatiegeschenken",
|
||||
},
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Pyk Slyterij"
|
||||
/>
|
||||
@@ -67,7 +53,7 @@ export default function LandingPage() {
|
||||
description="Bij Pyk Slyterij Deventer staat passie voor ambachtelijke dranken en delicatessen centraal. Wij geloven in het vertellen van het verhaal achter elk product en het creëren van een unieke beleving voor onze klanten."
|
||||
subdescription="Al jaren zijn wij een begrip in Deventer en ver daarbuiten. Met zorg selecteren we ons assortiment, waarbij kwaliteit, authenticiteit en een eigenzinnig karakter voorop staan. We nodigen u uit om de wereld van Pyk te ontdekken."
|
||||
icon={Lightbulb}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glassblower-examining-glassware-while-colleagues-working_107420-74274.jpg"
|
||||
imageSrc="https://via.placeholder.com/1200x800/CCCCCC/FFFFFF?text=Our+Story+Image"
|
||||
imageAlt="Interieur van Pyk Slyterij"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -81,33 +67,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "team-1",
|
||||
name: "Pieter Jansen",
|
||||
role: "Wijnkenner & Eigenaar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-handsome-young-man-sitting-bar_23-2148096477.jpg",
|
||||
imageAlt: "Portret Pieter Jansen",
|
||||
},
|
||||
id: "team-1", name: "Pieter Jansen", role: "Wijnkenner & Eigenaar", imageSrc: "https://via.placeholder.com/150/CCCCCC/FFFFFF?text=Pieter+Jansen", imageAlt: "Portret Pieter Jansen"},
|
||||
{
|
||||
id: "team-2",
|
||||
name: "Yasmin Koppers",
|
||||
role: "Sterke Dranken Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-woman-with-champagne-bottle_23-2148326585.jpg",
|
||||
imageAlt: "Portret Yasmin Koppers",
|
||||
},
|
||||
id: "team-2", name: "Yasmin Koppers", role: "Sterke Dranken Specialist", imageSrc: "https://via.placeholder.com/150/CCCCCC/FFFFFF?text=Yasmin+Koppers", imageAlt: "Portret Yasmin Koppers"},
|
||||
{
|
||||
id: "team-3",
|
||||
name: "Karel van Dijk",
|
||||
role: "Delicatessen Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-holding-gold-trophy-spray-bottle-with-trimmer-looking-front-smiling-standing-white-wall_141793-64647.jpg",
|
||||
imageAlt: "Portret Karel van Dijk",
|
||||
},
|
||||
id: "team-3", name: "Karel van Dijk", role: "Delicatessen Expert", imageSrc: "https://via.placeholder.com/150/CCCCCC/FFFFFF?text=Karel+van+Dijk", imageAlt: "Portret Karel van Dijk"},
|
||||
{
|
||||
id: "team-4",
|
||||
name: "Sanne de Boer",
|
||||
role: "Klantenservice & Events",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3816.jpg",
|
||||
imageAlt: "Portret Sanne de Boer",
|
||||
},
|
||||
id: "team-4", name: "Sanne de Boer", role: "Klantenservice & Events", imageSrc: "https://via.placeholder.com/150/CCCCCC/FFFFFF?text=Sanne+de+Boer", imageAlt: "Portret Sanne de Boer"},
|
||||
]}
|
||||
title="Ons Team van Experts"
|
||||
description="Maak kennis met de gezichten achter Pyk Slyterij. Onze deskundige teamleden delen graag hun kennis en passie voor wijnen, dranken en delicatessen."
|
||||
@@ -120,69 +86,43 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Over Pyk",
|
||||
href: "/over-pyk",
|
||||
},
|
||||
label: "Over Pyk", href: "/over-pyk"},
|
||||
{
|
||||
label: "Ons Team",
|
||||
href: "/over-pyk#team",
|
||||
},
|
||||
label: "Ons Team", href: "/over-pyk#our-team"},
|
||||
{
|
||||
label: "De Wynkantine",
|
||||
href: "/wynkantine",
|
||||
},
|
||||
label: "De Wynkantine", href: "/wynkantine"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Webshop",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Webshop", href: "/shop"},
|
||||
{
|
||||
label: "Wijnen",
|
||||
href: "/shop?category=wijn",
|
||||
},
|
||||
label: "Wijnen", href: "/shop?category=wijn"},
|
||||
{
|
||||
label: "Sterke Dranken",
|
||||
href: "/shop?category=sterkedranken",
|
||||
},
|
||||
label: "Sterke Dranken", href: "/shop?category=sterkedranken"},
|
||||
{
|
||||
label: "Delicatessen",
|
||||
href: "/shop?category=delicatessen",
|
||||
},
|
||||
label: "Delicatessen", href: "/shop?category=delicatessen"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Evenementen",
|
||||
href: "/events",
|
||||
},
|
||||
label: "Evenementen", href: "/events"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Relatiegeschenken",
|
||||
href: "/relatiegeschenken",
|
||||
},
|
||||
label: "Relatiegeschenken", href: "/relatiegeschenken"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/pykslyterij",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/pykslyterij"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/pykslyterij",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/pykslyterij"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
101
src/app/page.tsx
101
src/app/page.tsx
@@ -11,11 +11,9 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import AgeVerificationModal from "@/app/components/AgeVerificationModal";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<AgeVerificationModal>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
@@ -33,21 +31,29 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Over Pyk", id: "#usps"},
|
||||
name: "Over Pyk", id: "#usps"
|
||||
},
|
||||
{
|
||||
name: "Webshop", id: "/shop"},
|
||||
name: "Webshop", id: "/shop"
|
||||
},
|
||||
{
|
||||
name: "Winkelwagen", id: "/cart"},
|
||||
name: "Winkelwagen", id: "/cart"
|
||||
},
|
||||
{
|
||||
name: "Events", id: "/events"},
|
||||
name: "Events", id: "/events"
|
||||
},
|
||||
{
|
||||
name: "Blog", id: "/blog"},
|
||||
name: "Blog", id: "/blog"
|
||||
},
|
||||
{
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"},
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
name: "Contact", id: "/contact"
|
||||
}
|
||||
]}
|
||||
brandName="Pyk Slyterij"
|
||||
/>
|
||||
@@ -59,9 +65,20 @@ export default function LandingPage() {
|
||||
description="Eigenwijs in Slijterijen. Ontdek onze unieke selectie wijnen, sterke dranken en delicatessen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Webshop", href: "/shop"},
|
||||
text: "Ontdek Producten van Waarde", href: "/shop"
|
||||
},
|
||||
{
|
||||
text: "Ontdek Pyk", href: "#usps"},
|
||||
text: "Onze Pure Waarden", href: "#usps"
|
||||
},
|
||||
{
|
||||
text: "Reserveer Tasting Ervaring", href: "/events"
|
||||
},
|
||||
{
|
||||
text: "Zakelijke Samenwerkingen", href: "/relatiegeschenken"
|
||||
},
|
||||
{
|
||||
text: "Verrijk Uw Kennis (Blog)", href: "/blog"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-alcoholic-drinks-bar_181624-58203.jpg"
|
||||
imageAlt="Interieur van Pyk Slyterij Deventer"
|
||||
@@ -79,13 +96,13 @@ export default function LandingPage() {
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-holding-food_23-2149410425.jpg"
|
||||
imageAlt="Man die een wijnfles kiest in een kelder"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="recommended-products" data-section="recommended-products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
@@ -116,7 +133,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="blog-preview" data-section="blog-preview">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Laatste Nieuws & Blogs"
|
||||
@@ -137,23 +154,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="events-preview" data-section="events-preview">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Exclusieve Wijnproeverijen", "Masterclasses Sterke Dranken", "Delicatessen Workshops"]
|
||||
"Exclusieve Wijnproeverijen", "Masterclasses Sterke Dranken", "Delicatessen Workshops"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Leer van de Experts", "Ontdek Nieuwe Smaken", "Ontmoet gelijkgestemden"]
|
||||
"Leer van de Experts", "Ontdek Nieuwe Smaken", "Ontmoet gelijkgestemden"
|
||||
]
|
||||
}}
|
||||
title="Ervaar Meer bij Pyk"
|
||||
description="Duik dieper in de wereld van wijnen en dranken met onze exclusieve proeverijen en evenementen. Een unieke kans om te leren en te genieten."
|
||||
tag="Komende Evenementen"
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Evenementenkalender", href: "/events"}
|
||||
text: "Bekijk Evenementenkalender", href: "/events"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,7 +182,8 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
tag="Blijf Geïnformeerd"
|
||||
title="Meld u aan voor onze Nieuwsbrief"
|
||||
description="Ontvang exclusieve aanbiedingen, uitnodigingen voor proeverijen en het laatste nieuws direct in uw inbox."
|
||||
@@ -178,43 +199,56 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Over Pyk", href: "#usps"},
|
||||
label: "Over Pyk", href: "#usps"
|
||||
},
|
||||
{
|
||||
label: "Ons Team", href: "#usps"},
|
||||
label: "Ons Team", href: "#usps"
|
||||
},
|
||||
{
|
||||
label: "De Wynkantine", href: "/wynkantine"}
|
||||
label: "De Wynkantine", href: "/wynkantine"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Webshop", href: "/shop"},
|
||||
label: "Webshop", href: "/shop"
|
||||
},
|
||||
{
|
||||
label: "Wijnen", href: "/shop?category=wijn"},
|
||||
label: "Wijnen", href: "/shop?category=wijn"
|
||||
},
|
||||
{
|
||||
label: "Sterke Dranken", href: "/shop?category=sterkedranken"},
|
||||
label: "Sterke Dranken", href: "/shop?category=sterkedranken"
|
||||
},
|
||||
{
|
||||
label: "Delicatessen", href: "/shop?category=delicatessen"}
|
||||
label: "Delicatessen", href: "/shop?category=delicatessen"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Evenementen", href: "/events"},
|
||||
label: "Evenementen", href: "/events"
|
||||
},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
label: "Blog", href: "/blog"
|
||||
},
|
||||
{
|
||||
label: "Relatiegeschenken", href: "/relatiegeschenken"},
|
||||
label: "Relatiegeschenken", href: "/relatiegeschenken"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "/contact"}
|
||||
label: "Contact", href: "/contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/pykslyterij"},
|
||||
label: "Instagram", href: "https://instagram.com/pykslyterij"
|
||||
},
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com/pykslyterij"}
|
||||
label: "Facebook", href: "https://facebook.com/pykslyterij"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -223,6 +257,5 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
</AgeVerificationModal>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5,44 +5,42 @@ import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import AgeVerificationModal from "@/app/components/AgeVerificationModal";
|
||||
|
||||
export default function ShopPage() {
|
||||
const products = [
|
||||
{
|
||||
id: "prod-1", name: "Exclusieve Rode Wijn", price: "€34,95", imageSrc: "http://img.b2bpic.net/free-photo/carafe-glass-wine-white-table_52683-96526.jpg?_wi=2", imageAlt: "Fles rode wijn", onProductClick: () => window.location.href = "/shop/prod-1"
|
||||
id: "prod-1", name: "Exclusieve Rode Wijn", price: "€34,95", imageSrc: "http://img.b2bpic.net/free-photo/carafe-glass-wine-white-table_52683-96526.jpg?_wi=2", imageAlt: "Fles rode wijn", onProductClick: () => (window.location.href = "/shop/prod-1"),
|
||||
},
|
||||
{
|
||||
id: "prod-2", name: "Frisse Witte Wijn", price: "€19,50", imageSrc: "http://img.b2bpic.net/free-photo/message-bottle-beach_1204-107.jpg?_wi=2", imageAlt: "Fles witte wijn", onProductClick: () => window.location.href = "/shop/prod-2"
|
||||
id: "prod-2", name: "Frisse Witte Wijn", price: "€19,50", imageSrc: "http://img.b2bpic.net/free-photo/message-bottle-beach_1204-107.jpg?_wi=2", imageAlt: "Fles witte wijn", onProductClick: () => (window.location.href = "/shop/prod-2"),
|
||||
},
|
||||
{
|
||||
id: "prod-3", name: "Ambachtelijke Gin", price: "€49,00", imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-with-goblet-hookah-tubes-ashtray_176474-6111.jpg?_wi=2", imageAlt: "Fles gin", onProductClick: () => window.location.href = "/shop/prod-3"
|
||||
id: "prod-3", name: "Ambachtelijke Gin", price: "€49,00", imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-with-goblet-hookah-tubes-ashtray_176474-6111.jpg?_wi=2", imageAlt: "Fles gin", onProductClick: () => (window.location.href = "/shop/prod-3"),
|
||||
},
|
||||
{
|
||||
id: "prod-4", name: "Premium Single Malt Whisky", price: "€75,00", imageSrc: "http://img.b2bpic.net/free-photo/scotch-whiskey-glass-wooden-table_123827-22162.jpg?_wi=2", imageAlt: "Glas whisky met fles", onProductClick: () => window.location.href = "/shop/prod-4"
|
||||
id: "prod-4", name: "Premium Single Malt Whisky", price: "€75,00", imageSrc: "http://img.b2bpic.net/free-photo/scotch-whiskey-glass-wooden-table_123827-22162.jpg?_wi=2", imageAlt: "Glas whisky met fles", onProductClick: () => (window.location.href = "/shop/prod-4"),
|
||||
},
|
||||
{
|
||||
id: "prod-5", name: "Gourmet Kaasplank", price: "€28,75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-snacks-board_23-2148325932.jpg?_wi=2", imageAlt: "Kaasplank met delicatessen", onProductClick: () => window.location.href = "/shop/prod-5"
|
||||
id: "prod-5", name: "Gourmet Kaasplank", price: "€28,75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-snacks-board_23-2148325932.jpg?_wi=2", imageAlt: "Kaasplank met delicatessen", onProductClick: () => (window.location.href = "/shop/prod-5"),
|
||||
},
|
||||
{
|
||||
id: "prod-6", name: "Feestelijke Mousserende Wijn", price: "€22,95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-champagne-dark-table_140725-99998.jpg?_wi=2", imageAlt: "Fles mousserende wijn", onProductClick: () => window.location.href = "/shop/prod-6"
|
||||
id: "prod-6", name: "Feestelijke Mousserende Wijn", price: "€22,95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-champagne-dark-table_140725-99998.jpg?_wi=2", imageAlt: "Fles mousserende wijn", onProductClick: () => (window.location.href = "/shop/prod-6"),
|
||||
},
|
||||
{
|
||||
id: "prod-7", name: "Italiaanse Olijfolie", price: "€12,99", imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-with-black-olives-glass-bowl_140725-10368.jpg", imageAlt: "Fles olijfolie", onProductClick: () => window.location.href = "/shop/prod-7"
|
||||
id: "prod-7", name: "Italiaanse Olijfolie", price: "€12,99", imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-with-black-olives-glass-bowl_140725-10368.jpg", imageAlt: "Fles olijfolie", onProductClick: () => (window.location.href = "/shop/prod-7"),
|
||||
},
|
||||
{
|
||||
id: "prod-8", name: "Luxueuze Chocolade Truffels", price: "€15,00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-chocolate-truffles_23-2147779268.jpg", imageAlt: "Chocolade truffels", onProductClick: () => window.location.href = "/shop/prod-8"
|
||||
id: "prod-8", name: "Luxueuze Chocolade Truffels", price: "€15,00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-chocolate-truffles_23-2147779268.jpg", imageAlt: "Chocolade truffels", onProductClick: () => (window.location.href = "/shop/prod-8"),
|
||||
},
|
||||
{
|
||||
id: "prod-9", name: "Biologisch Bier Pakket", price: "€25,00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-beer-bottles_23-2147910100.jpg", imageAlt: "Bierpakket", onProductClick: () => window.location.href = "/shop/prod-9"
|
||||
id: "prod-9", name: "Biologisch Bier Pakket", price: "€25,00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-beer-bottles_23-2147910100.jpg", imageAlt: "Bierpakket", onProductClick: () => (window.location.href = "/shop/prod-9"),
|
||||
},
|
||||
{
|
||||
id: "prod-10", name: "Vintage Port", price: "€89,00", imageSrc: "http://img.b2bpic.net/free-photo/vintage-port-wine-bottle_140725-72439.jpg", imageAlt: "Vintage Port fles", onProductClick: () => window.location.href = "/shop/prod-10"
|
||||
}
|
||||
id: "prod-10", name: "Vintage Port", price: "€89,00", imageSrc: "http://img.b2bpic.net/free-photo/vintage-port-wine-bottle_140725-72439.jpg", imageAlt: "Vintage Port fles", onProductClick: () => (window.location.href = "/shop/prod-10"),
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<AgeVerificationModal>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
@@ -60,21 +58,29 @@ export default function ShopPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Over Pyk", id: "/over-pyk"},
|
||||
name: "Over Pyk", id: "/over-pyk"
|
||||
},
|
||||
{
|
||||
name: "Webshop", id: "/shop"},
|
||||
name: "Webshop", id: "/shop"
|
||||
},
|
||||
{
|
||||
name: "Winkelwagen", id: "/cart"},
|
||||
name: "Winkelwagen", id: "/cart"
|
||||
},
|
||||
{
|
||||
name: "Events", id: "/events"},
|
||||
name: "Events", id: "/events"
|
||||
},
|
||||
{
|
||||
name: "Blog", id: "/blog"},
|
||||
name: "Blog", id: "/blog"
|
||||
},
|
||||
{
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"},
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
name: "Contact", id: "/contact"
|
||||
},
|
||||
]}
|
||||
brandName="Pyk Slyterij"
|
||||
/>
|
||||
@@ -98,43 +104,56 @@ export default function ShopPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Over Pyk", href: "/over-pyk"},
|
||||
label: "Over Pyk", href: "/over-pyk"
|
||||
},
|
||||
{
|
||||
label: "Ons Team", href: "/over-pyk#team"},
|
||||
label: "Ons Team", href: "/over-pyk#team"
|
||||
},
|
||||
{
|
||||
label: "De Wynkantine", href: "/wynkantine"},
|
||||
label: "De Wynkantine", href: "/wynkantine"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Webshop", href: "/shop"},
|
||||
label: "Webshop", href: "/shop"
|
||||
},
|
||||
{
|
||||
label: "Wijnen", href: "/shop?category=wijn"},
|
||||
label: "Wijnen", href: "/shop?category=wijn"
|
||||
},
|
||||
{
|
||||
label: "Sterke Dranken", href: "/shop?category=sterkedranken"},
|
||||
label: "Sterke Dranken", href: "/shop?category=sterkedranken"
|
||||
},
|
||||
{
|
||||
label: "Delicatessen", href: "/shop?category=delicatessen"},
|
||||
label: "Delicatessen", href: "/shop?category=delicatessen"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Evenementen", href: "/events"},
|
||||
label: "Evenementen", href: "/events"
|
||||
},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
label: "Blog", href: "/blog"
|
||||
},
|
||||
{
|
||||
label: "Relatiegeschenken", href: "/relatiegeschenken"},
|
||||
label: "Relatiegeschenken", href: "/relatiegeschenken"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
label: "Contact", href: "/contact"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/pykslyterij"},
|
||||
label: "Instagram", href: "https://instagram.com/pykslyterij"
|
||||
},
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com/pykslyterij"},
|
||||
label: "Facebook", href: "https://facebook.com/pykslyterij"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -143,6 +162,5 @@ export default function ShopPage() {
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
</AgeVerificationModal>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-playfair-display), serif;
|
||||
}
|
||||
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #f5f3f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #262626;
|
||||
--foreground: #2a2a2a;
|
||||
--primary-cta: #b8860b;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #262626;
|
||||
--secondary-cta: #6b4423;
|
||||
--secondary-cta-text: #f5f3f0;
|
||||
--accent: #e0ac10;
|
||||
--background-accent: #e8e8e8;
|
||||
--background-accent: #a8b5a0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user