bender/04fe8602-8d4f-40bc-97a9-f642eab74601
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-05-10 06:49:37 +00:00
parent e49711d199 3595100e11
commit 47cdd54355
4 changed files with 45 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/cart/page.tsx
View File

@@ -10,8 +10,22 @@ export default function CartPage() {
const [items, setItems] = useState([{ id: "1", name: "Frietjes", price: "3.00€", quantity: 1, imageSrc: "" }]);
return (
<ThemeProvider>
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Producten", id: "/products"}]} brandName="Frituur Op Den Hoek" />
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<NavbarStyleFullscreen
navItems={[{name: "Home", id: "/"}, {name: "Producten", id: "/products"}]}
brandName="Frituur Op Den Hoek"
/>
<div className="pt-32 px-4">
<ProductCart
isOpen={isOpen}
@@ -19,6 +33,7 @@ export default function CartPage() {
items={items}
total="3.00€"
onRemove={(id) => setItems(items.filter(i => i.id !== id))}
buttons={[]}
/>
</div>
</ThemeProvider>

1
src/app/checkout/page.tsx
View File

@@ -40,6 +40,7 @@ export default function CheckoutPage() {
{ name: "naam", type: "text", placeholder: "Naam" },
{ name: "email", type: "email", placeholder: "Email" }
]}
useInvertedBackground={false}
/>
</div>
</ReactLenis>

24
src/app/products/page.tsx
View File

@@ -2,20 +2,34 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
export default function ProductDetailPage() {
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Winkelwagen", id: "/cart"}]} brandName="Frituur Op Den Hoek" />
<ProductCardThree
<ProductCardFour
title="Onze Producten"
description="Onze heerlijke selectie"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Frietjes", price: "3.00€", imageSrc: "" },
{ id: "2", name: "Frikandel", price: "2.00€", imageSrc: "" }
{ id: "1", name: "Frietjes", price: "3.00€", variant: "Regular", imageSrc: "" },
{ id: "2", name: "Frikandel", price: "2.00€", variant: "Regular", imageSrc: "" },
{ id: "3", name: "Kroket", price: "1.50€", variant: "Regular", imageSrc: "" }
]}
/>
</ThemeProvider>

15
src/app/shop/page.tsx
View File

@@ -3,7 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function ShopPage() {
@@ -30,19 +30,20 @@ export default function ShopPage() {
{ name: "Contact", id: "contact" },
]}
brandName="Frituur Op Den Hoek"
bottomLeftText="Openingsuren: Di-Zo 11:30 - 22:00"
bottomRightText="Tongeren"
/>
<div className="pt-32 pb-20">
<ProductCardTwo
<ProductCardFour
title="Shop Onze Accessoires"
description="Bekijk onze collectie kwalitatieve accessoires en telefoonhoesjes."
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "a1", brand: "Accessory", name: "Siliconen Hoesje - Zwart", price: "19.99€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/silicone-phone-case-black_123.jpg" },
{ id: "a2", brand: "Accessory", name: "Screen Protector - Glas", price: "14.99€", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/glass-screen-protector_456.jpg" },
{ id: "a1", name: "Siliconen Hoesje - Zwart", price: "19.99€", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/silicone-phone-case-black_123.jpg" },
{ id: "a2", name: "Screen Protector - Glas", price: "14.99€", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/glass-screen-protector_456.jpg" },
{ id: "a3", name: "Lader", price: "25.00€", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/charger.jpg" },
]}
/>
</div>
@@ -55,4 +56,4 @@ export default function ShopPage() {
</ReactLenis>
</ThemeProvider>
);
}
}