133 lines
5.8 KiB
TypeScript
133 lines
5.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Over Pyk", id: "/over-pyk"},
|
|
{
|
|
name: "Webshop", id: "/shop"},
|
|
{
|
|
name: "Events", id: "/events"},
|
|
{
|
|
name: "Blog", id: "/blog"},
|
|
{
|
|
name: "Relatiegeschenken", id: "/relatiegeschenken"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Pyk Slyterij"
|
|
/>
|
|
</div>
|
|
|
|
<div id="full-blog" data-section="full-blog">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Alle Blogberichten van Pyk"
|
|
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: "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: "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: "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: "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>
|
|
|
|
<div id="blog-newsletter" data-section="blog-newsletter">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
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."
|
|
inputPlaceholder="Voer uw e-mailadres in"
|
|
buttonText="Aanmelden"
|
|
termsText="Door aan te melden, gaat u akkoord met ons privacybeleid."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Over Pyk", href: "/over-pyk"},
|
|
{
|
|
label: "Ons Team", href: "/over-pyk#our-team"},
|
|
{
|
|
label: "De Wynkantine", href: "/wynkantine"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Webshop", href: "/shop"},
|
|
{
|
|
label: "Wijnen", href: "/shop?category=wijn"},
|
|
{
|
|
label: "Sterke Dranken", href: "/shop?category=sterkedranken"},
|
|
{
|
|
label: "Delicatessen", href: "/shop?category=delicatessen"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Evenementen", href: "/events"},
|
|
{
|
|
label: "Blog", href: "/blog"},
|
|
{
|
|
label: "Relatiegeschenken", href: "/relatiegeschenken"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/pykslyterij"},
|
|
{
|
|
label: "Facebook", href: "https://facebook.com/pykslyterij"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Pyk Slyterij"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |