Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2afec340ed | |||
| c360ea4416 | |||
| 76130494bd | |||
| e6ad6eeab1 | |||
| 69877d9af0 | |||
| d62476ec0f | |||
| 65c850bf9d | |||
| 5822646dad | |||
| 858835e495 | |||
| ea11674e9b | |||
| 7e801178a9 | |||
| d8696d5648 | |||
| c9d98a25ef | |||
| 9eba086456 |
@@ -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,49 +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",
|
||||
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: "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-2",
|
||||
category: "Sterke Drank",
|
||||
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: "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-3",
|
||||
category: "Delicatessen",
|
||||
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: "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-4",
|
||||
category: "Wijn",
|
||||
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: "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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,8 +68,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Blijf Geïnspireerd"
|
||||
title="Mis geen Enkel Blogbericht"
|
||||
description="Meld u aan voor onze blog-nieuwsbrief en ontvang de nieuwste artikelen en verhalen direct in uw inbox."
|
||||
@@ -135,69 +84,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#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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
62
src/app/components/AgeVerificationModal.tsx
Normal file
62
src/app/components/AgeVerificationModal.tsx
Normal file
@@ -0,0 +1,62 @@
|
||||
"use client";
|
||||
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { createPortal } from "react-dom";
|
||||
|
||||
interface AgeVerificationModalProps {
|
||||
children: React.ReactNode;
|
||||
}
|
||||
|
||||
const AgeVerificationModal: React.FC<AgeVerificationModalProps> = ({ children }) => {
|
||||
const [showModal, setShowModal] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const ageVerified = localStorage.getItem("ageVerified");
|
||||
if (ageVerified !== "true") {
|
||||
setShowModal(true);
|
||||
}
|
||||
}, []);
|
||||
|
||||
const handleVerify = (isAdult: boolean) => {
|
||||
if (isAdult) {
|
||||
localStorage.setItem("ageVerified", "true");
|
||||
setShowModal(false);
|
||||
} else {
|
||||
alert("Helaas, je moet 18+ zijn om deze website te bezoeken.");
|
||||
// Optionally redirect or close the tab
|
||||
window.location.href = "about:blank"; // Example: closes the tab or redirects
|
||||
}
|
||||
};
|
||||
|
||||
if (!showModal) {
|
||||
return <>{children}</>;
|
||||
}
|
||||
|
||||
// Render modal using createPortal to ensure it's at the top level
|
||||
return createPortal(
|
||||
<div className="fixed inset-0 z-[9999] flex items-center justify-center bg-black bg-opacity-70">
|
||||
<div className="bg-white p-8 rounded-lg shadow-xl text-center max-w-sm mx-auto">
|
||||
<h2 className="text-xl font-bold mb-4 text-black">
|
||||
OEPS, EVEN CHECKEN. PYK is een tikkeltje anders... net als onze check. Stel jezelf de vraag: ben je 18+? Eerlijk antwoord, graag! 😉
|
||||
</h2>
|
||||
<div className="flex justify-center gap-4">
|
||||
<button
|
||||
onClick={() => handleVerify(true)}
|
||||
className="px-6 py-3 bg-[var(--primary-cta)] text-[var(--primary-cta-text)] rounded-md hover:opacity-90 transition-opacity"
|
||||
>
|
||||
JA
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleVerify(false)}
|
||||
className="px-6 py-3 bg-[var(--secondary-cta)] text-[var(--secondary-cta-text)] border border-[var(--secondary-cta)] rounded-md hover:bg-[var(--secondary-cta)]/90 transition-colors"
|
||||
>
|
||||
NEE
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
document.body
|
||||
);
|
||||
};
|
||||
|
||||
export default AgeVerificationModal;
|
||||
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
|
||||
@@ -55,7 +54,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${dmSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
185
src/app/page.tsx
185
src/app/page.tsx
@@ -11,9 +11,11 @@ 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"
|
||||
@@ -31,33 +33,21 @@ 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: "Winkelwagen", id: "/cart"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Relatiegeschenken",
|
||||
id: "/relatiegeschenken",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Pyk Slyterij"
|
||||
/>
|
||||
@@ -69,13 +59,9 @@ export default function LandingPage() {
|
||||
description="Eigenwijs in Slijterijen. Ontdek onze unieke selectie wijnen, sterke dranken en delicatessen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Webshop",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Bekijk Webshop", href: "/shop"},
|
||||
{
|
||||
text: "Ontdek Pyk",
|
||||
href: "/over-pyk",
|
||||
},
|
||||
text: "Ontdek Pyk", href: "/over-pyk"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-alcoholic-drinks-bar_181624-58203.jpg"
|
||||
imageAlt="Interieur van Pyk Slyterij Deventer"
|
||||
@@ -105,52 +91,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
imageAlt: "Fles rode wijn",
|
||||
rating: 5,
|
||||
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=1", imageAlt: "Fles rode wijn", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "Frisse Witte Wijn",
|
||||
price: "€19,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/message-bottle-beach_1204-107.jpg",
|
||||
imageAlt: "Fles witte wijn",
|
||||
rating: 4,
|
||||
id: "prod-2", name: "Frisse Witte Wijn", price: "€19,50", imageSrc: "http://img.b2bpic.net/free-photo/message-bottle-beach_1204-107.jpg?_wi=1", imageAlt: "Fles witte wijn", rating: 4,
|
||||
},
|
||||
{
|
||||
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",
|
||||
imageAlt: "Fles gin",
|
||||
rating: 5,
|
||||
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=1", imageAlt: "Fles gin", rating: 5,
|
||||
},
|
||||
{
|
||||
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",
|
||||
imageAlt: "Glas whisky met fles",
|
||||
rating: 5,
|
||||
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=1", imageAlt: "Glas whisky met fles", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "prod-5",
|
||||
name: "Gourmet Kaasplank",
|
||||
price: "€28,75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-snacks-board_23-2148325932.jpg",
|
||||
imageAlt: "Kaasplank met delicatessen",
|
||||
rating: 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=1", imageAlt: "Kaasplank met delicatessen", rating: 4,
|
||||
},
|
||||
{
|
||||
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",
|
||||
imageAlt: "Fles mousserende wijn",
|
||||
rating: 4,
|
||||
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=1", imageAlt: "Fles mousserende wijn", rating: 4,
|
||||
},
|
||||
]}
|
||||
title="Aanbevolen Producten"
|
||||
@@ -167,38 +123,11 @@ export default function LandingPage() {
|
||||
description="Blijf op de hoogte van de nieuwste trends, diepgaande artikelen en verhalen uit de wereld van Pyk."
|
||||
blogs={[
|
||||
{
|
||||
id: "blog-1",
|
||||
category: "Wijn",
|
||||
title: "De Perfecte Wijn voor het Seizoen",
|
||||
excerpt: "Ontdek welke wijnen het beste passen bij de smaken en stemmingen van elk seizoen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-collecting-grapes-from-vineyard_1268-15030.jpg",
|
||||
imageAlt: "Wijngaard tijdens de oogst",
|
||||
authorName: "Pyk Slyterij",
|
||||
authorAvatar: "asset://avatar-1",
|
||||
date: "15 maart 2024",
|
||||
},
|
||||
id: "blog-1", category: "PAIRING INSPO", title: "De Perfecte Wijn voor het Seizoen", excerpt: "Ontdek welke wijnen het beste passen bij de smaken en stemmingen van elk seizoen.", imageSrc: "http://img.b2bpic.net/free-photo/person-collecting-grapes-from-vineyard_1268-15030.jpg", imageAlt: "Wijngaard tijdens de oogst", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-1", date: "15 maart 2024"},
|
||||
{
|
||||
id: "blog-2",
|
||||
category: "Sterke Drank",
|
||||
title: "Cocktails maken als een Pro: Tips & Tricks",
|
||||
excerpt: "Verbaas uw gasten met deze eenvoudige maar indrukwekkende cocktailrecepten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-daiquiri-cocktail-with-orange-high-angle_23-2149418284.jpg",
|
||||
imageAlt: "Vers gemaakte cocktail",
|
||||
authorName: "Pyk Slyterij",
|
||||
authorAvatar: "asset://avatar-2",
|
||||
date: "8 maart 2024",
|
||||
},
|
||||
id: "blog-2", category: "EIGENWIJSHEID", title: "Cocktails maken als een Pro: Tips & Tricks", excerpt: "Verbaas uw gasten met deze eenvoudige maar indrukwekkende cocktailrecepten.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-daiquiri-cocktail-with-orange-high-angle_23-2149418284.jpg", imageAlt: "Vers gemaakte cocktail", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-2", date: "8 maart 2024"},
|
||||
{
|
||||
id: "blog-3",
|
||||
category: "Delicatessen",
|
||||
title: "De Kunst van Spijs-Wijn Combinatie",
|
||||
excerpt: "Leer hoe u de ideale wijn combineert met verschillende delicatessen voor een culinaire ervaring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheese-platter-with-grapes-nuts-honey-tray_176474-3034.jpg",
|
||||
imageAlt: "Kaas en wijn pairing",
|
||||
authorName: "Pyk Slyterij",
|
||||
authorAvatar: "asset://avatar-3",
|
||||
date: "1 maart 2024",
|
||||
},
|
||||
id: "blog-3", category: "DE WYNKANTINE MOMENTS", title: "De Kunst van Spijs-Wijn Combinatie", excerpt: "Leer hoe u de ideale wijn combineert met verschillende delicatessen voor een culinaire ervaring.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheese-platter-with-grapes-nuts-honey-tray_176474-3034.jpg", imageAlt: "Kaas en wijn pairing", authorName: "Pyk Slyterij", authorAvatar: "asset://avatar-3", date: "1 maart 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -210,26 +139,18 @@ export default function LandingPage() {
|
||||
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>
|
||||
@@ -238,8 +159,7 @@ 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."
|
||||
@@ -255,69 +175,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#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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -326,5 +220,6 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
</AgeVerificationModal>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -2,13 +2,47 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
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-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-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-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-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-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"
|
||||
}
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<AgeVerificationModal>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
@@ -26,140 +60,35 @@ 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: "Winkelwagen", id: "/cart"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Relatiegeschenken",
|
||||
id: "/relatiegeschenken",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Relatiegeschenken", id: "/relatiegeschenken"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Pyk Slyterij"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-catalog" data-section="shop-catalog">
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "shop-prod-1",
|
||||
name: "Château Margaux Grand Cru",
|
||||
price: "€250,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-wine-glasses-with-bottle-wine-dark-background_140725-131823.jpg",
|
||||
imageAlt: "Château Margaux fles",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "shop-prod-2",
|
||||
name: "Sauvignon Blanc Nieuw-Zeeland",
|
||||
price: "€18,95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-champagne-glasses-with-champagne-bottle-wooden-table_23-2148253165.jpg",
|
||||
imageAlt: "Sauvignon Blanc fles",
|
||||
rating: 4,
|
||||
},
|
||||
{
|
||||
id: "shop-prod-3",
|
||||
name: "Local Deventer Gin",
|
||||
price: "€45,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-iced-cocktail-fresh-icing-inside-long-glass-dark-dark-surface-with-drink-juice-cocktail-bar_140725-26176.jpg",
|
||||
imageAlt: "Deventer Gin fles",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "shop-prod-4",
|
||||
name: "Schotse Single Malt 12jr",
|
||||
price: "€68,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-cocktail-garnished-with-orange-isolated-grey-background_123827-35473.jpg",
|
||||
imageAlt: "Schotse whisky fles",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "shop-prod-5",
|
||||
name: "Italiaanse Truffel Salami",
|
||||
price: "€12,95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sausage-slices-with-cheese-cubes-olives-crackers-wooden-board-with-dry-fish_114579-8804.jpg",
|
||||
imageAlt: "Truffel salami",
|
||||
rating: 4,
|
||||
},
|
||||
{
|
||||
id: "shop-prod-6",
|
||||
name: "Prosecco Rosé Spumante",
|
||||
price: "€24,95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-half-view-champagne-alc_140725-99776.jpg",
|
||||
imageAlt: "Prosecco Rosé fles",
|
||||
rating: 4,
|
||||
},
|
||||
{
|
||||
id: "shop-prod-7",
|
||||
name: "Portugese Port Tawny",
|
||||
price: "€32,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-grapes-vineyard-cinematic-style_23-2151599779.jpg",
|
||||
imageAlt: "Portfles",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "shop-prod-8",
|
||||
name: "Mexicaanse Tequila Blanco",
|
||||
price: "€38,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-cocktail-shaker_23-2149132158.jpg",
|
||||
imageAlt: "Tequila fles",
|
||||
rating: 4,
|
||||
},
|
||||
]}
|
||||
products={products}
|
||||
title="Onze Webshop"
|
||||
description="Ontdek ons complete assortiment wijnen, sterke dranken en delicatessen. Gebruik de filters om uw perfecte keuze te vinden."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-metrics" data-section="shop-metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "250+",
|
||||
description: "Unieke Wijnen in assortiment",
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "100+",
|
||||
description: "Soorten Sterke Dranken",
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "9.2",
|
||||
description: "Gemiddelde Klantbeoordeling",
|
||||
},
|
||||
]}
|
||||
title="Webshop in Cijfers"
|
||||
description="Onze toewijding aan kwaliteit en service, samengevat in indrukwekkende cijfers."
|
||||
description="Ontdek ons uitgebreide assortiment van wijnen, sterke dranken en delicatessen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,69 +98,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#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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -240,5 +143,6 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
</AgeVerificationModal>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user