Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0359b550c4 | |||
| fd734d0b91 | |||
| f4e821229f | |||
| 6439c77151 | |||
| 4491b65b92 | |||
| c83fa4f29a | |||
| 04bfd09f27 | |||
| 0b1a8c1bf5 | |||
| 5ee0a0bdb8 | |||
| 2dfb0a44e9 | |||
| a2b4475d54 | |||
| ff2e3f7005 |
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 ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import { Sparkles } from "lucide-react";
|
import { Sparkles } from "lucide-react";
|
||||||
import AgeVerificationModal from "@/app/components/AgeVerificationModal";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<AgeVerificationModal>
|
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="text-stagger"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
@@ -33,21 +31,29 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
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"
|
brandName="Pyk Slyterij"
|
||||||
/>
|
/>
|
||||||
@@ -59,9 +65,20 @@ export default function LandingPage() {
|
|||||||
description="Eigenwijs in Slijterijen. Ontdek onze unieke selectie wijnen, sterke dranken en delicatessen."
|
description="Eigenwijs in Slijterijen. Ontdek onze unieke selectie wijnen, sterke dranken en delicatessen."
|
||||||
buttons={[
|
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"
|
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-alcoholic-drinks-bar_181624-58203.jpg"
|
||||||
imageAlt="Interieur van Pyk Slyterij Deventer"
|
imageAlt="Interieur van Pyk Slyterij Deventer"
|
||||||
@@ -79,13 +96,13 @@ export default function LandingPage() {
|
|||||||
icon={Sparkles}
|
icon={Sparkles}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-holding-food_23-2149410425.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-holding-food_23-2149410425.jpg"
|
||||||
imageAlt="Man die een wijnfles kiest in een kelder"
|
imageAlt="Man die een wijnfles kiest in een kelder"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="recommended-products" data-section="recommended-products">
|
<div id="recommended-products" data-section="recommended-products">
|
||||||
<ProductCardThree
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
animationType="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -116,7 +133,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="blog-preview" data-section="blog-preview">
|
<div id="blog-preview" data-section="blog-preview">
|
||||||
<BlogCardTwo
|
<BlogCardTwo
|
||||||
animationType="slide-up"
|
animationType="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Laatste Nieuws & Blogs"
|
title="Laatste Nieuws & Blogs"
|
||||||
@@ -137,23 +154,26 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="events-preview" data-section="events-preview">
|
<div id="events-preview" data-section="events-preview">
|
||||||
<FeatureCardSixteen
|
<FeatureCardSixteen
|
||||||
animationType="slide-up"
|
animationType="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Exclusieve Wijnproeverijen", "Masterclasses Sterke Dranken", "Delicatessen Workshops"]
|
"Exclusieve Wijnproeverijen", "Masterclasses Sterke Dranken", "Delicatessen Workshops"
|
||||||
|
]
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Leer van de Experts", "Ontdek Nieuwe Smaken", "Ontmoet gelijkgestemden"]
|
"Leer van de Experts", "Ontdek Nieuwe Smaken", "Ontmoet gelijkgestemden"
|
||||||
|
]
|
||||||
}}
|
}}
|
||||||
title="Ervaar Meer bij Pyk"
|
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."
|
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"
|
tag="Komende Evenementen"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Bekijk Evenementenkalender", href: "/events"}
|
text: "Bekijk Evenementenkalender", href: "/events"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -162,7 +182,8 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient"}}
|
variant: "radial-gradient"
|
||||||
|
}}
|
||||||
tag="Blijf Geïnformeerd"
|
tag="Blijf Geïnformeerd"
|
||||||
title="Meld u aan voor onze Nieuwsbrief"
|
title="Meld u aan voor onze Nieuwsbrief"
|
||||||
description="Ontvang exclusieve aanbiedingen, uitnodigingen voor proeverijen en het laatste nieuws direct in uw inbox."
|
description="Ontvang exclusieve aanbiedingen, uitnodigingen voor proeverijen en het laatste nieuws direct in uw inbox."
|
||||||
@@ -178,43 +199,56 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
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: [
|
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: [
|
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: [
|
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>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
</AgeVerificationModal>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,44 +5,42 @@ import ReactLenis from "lenis/react";
|
|||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import AgeVerificationModal from "@/app/components/AgeVerificationModal";
|
|
||||||
|
|
||||||
export default function ShopPage() {
|
export default function ShopPage() {
|
||||||
const products = [
|
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 (
|
return (
|
||||||
<AgeVerificationModal>
|
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-stagger"
|
defaultButtonVariant="text-stagger"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
@@ -60,21 +58,29 @@ export default function ShopPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
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"
|
brandName="Pyk Slyterij"
|
||||||
/>
|
/>
|
||||||
@@ -98,43 +104,56 @@ export default function ShopPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
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: [
|
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: [
|
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: [
|
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>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
</AgeVerificationModal>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-dm-sans), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-dm-sans), sans-serif;
|
font-family: var(--font-playfair-display), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,13 +12,13 @@
|
|||||||
|
|
||||||
--background: #f5f3f0;
|
--background: #f5f3f0;
|
||||||
--card: #ffffff;
|
--card: #ffffff;
|
||||||
--foreground: #262626;
|
--foreground: #2a2a2a;
|
||||||
--primary-cta: #b8860b;
|
--primary-cta: #b8860b;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #262626;
|
--secondary-cta: #6b4423;
|
||||||
--secondary-cta-text: #f5f3f0;
|
--secondary-cta-text: #f5f3f0;
|
||||||
--accent: #e0ac10;
|
--accent: #e0ac10;
|
||||||
--background-accent: #e8e8e8;
|
--background-accent: #a8b5a0;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user