From 5df31118a5ea9e3fd136e0fa16be955b411df1b1 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 20 May 2026 13:44:05 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 147 +++++++++++++---------------------------------- 1 file changed, 41 insertions(+), 106 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c1565f7..8ce70f6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -50,57 +50,23 @@ export default function LandingPage() { title="Welkom bij Mazar Supermarkt" description="Jouw vertrouwde supermarkt in Houthalen voor dagelijks vers brood, groenten, fruit en authentieke oosterse smaken." leftCarouselItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/beatiful-pensive-girl-glasses-is-buying-fresh-carrots-local-farmer-s-market_613910-5522.jpg?_wi=1", imageAlt: "fresh grocery produce market"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/autumnal-arrangement-fresh-vegetables_23-2148647893.jpg", imageAlt: "fresh organic vegetables and fruits"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/sliced-bun-cutting-board_23-2148229097.jpg", imageAlt: "freshly baked traditional bread loaf"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/senior-butcher-waiting-order_7502-4764.jpg", imageAlt: "raw halal chicken meat fresh"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/smoothie-fruits_23-2147717543.jpg", imageAlt: "fresh fruit juice bottles collection"}, + { imageSrc: "http://img.b2bpic.net/free-photo/autumnal-arrangement-fresh-vegetables_23-2148647893.jpg", imageAlt: "fresh organic vegetables and fruits"}, + { imageSrc: "http://img.b2bpic.net/free-photo/sliced-bun-cutting-board_23-2148229097.jpg", imageAlt: "freshly baked traditional bread loaf"}, ]} rightCarouselItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/plate-cookies-cinnamon-sticks-star-anise-bowl-palm-marble-ground_140725-52799.jpg", imageAlt: "turkish baklava sweets box"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-smoothies-red-background_23-2148303033.jpg", imageAlt: "fresh fruit juice bottles collection"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-with-kid_23-2149445491.jpg", imageAlt: "assortment of ice cream flavors"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/stacked-breads-baker-shop_23-2147975213.jpg", imageAlt: "freshly baked traditional bread loaf"}, - { - imageSrc: "http://img.b2bpic.net/free-photo/uncooked-chicken-legs-pink-plate-high-quality-photo_114579-64797.jpg", imageAlt: "raw halal chicken meat fresh"}, + { imageSrc: "http://img.b2bpic.net/free-photo/plate-cookies-cinnamon-sticks-star-anise-bowl-palm-marble-ground_140725-52799.jpg", imageAlt: "turkish baklava sweets box"}, + { imageSrc: "http://img.b2bpic.net/free-photo/stacked-breads-baker-shop_23-2147975213.jpg", imageAlt: "freshly baked traditional bread loaf"}, ]} buttons={[ { text: "Bekijk Assortiment", href: "#products"}, ]} - avatars={[ - { - src: "http://img.b2bpic.net/free-photo/vertical-shot-positive-stylish-woman-returns-happy-after-day-shopping-carries-paper-bags-satisfied-with-sale-discounts-dressed-fashionable-clothes-walks-outdoors-people-lifestyle-concept_273609-59144.jpg", alt: "Happy customer 1"}, - { - src: "http://img.b2bpic.net/free-photo/happy-african-american-man-holding-shopping-bags-yellow-background-holidays-concept_1258-117649.jpg", alt: "Happy customer 2"}, - { - src: "http://img.b2bpic.net/free-photo/girl-looking-away-medium-shot_23-2148225705.jpg", alt: "Happy customer 3"}, - { - src: "http://img.b2bpic.net/free-photo/girl-posing-with-her-eyes-closed_23-2148225669.jpg", alt: "Happy customer 4"}, - { - src: "http://img.b2bpic.net/free-photo/smiled-beautiful-mulatto-woman-is-holding-package-full-with-food-one-hand-apple-other-modern-white-kitchen_8353-10015.jpg", alt: "Happy customer 5"}, - ]} - avatarText="Al 500+ tevreden buurtbewoners" marqueeItems={[ - { - type: "text", text: "Vers Dagelijks"}, - { - type: "text", text: "Halal Vlees"}, - { - type: "text", text: "Oosterse Smaken"}, - { - type: "text", text: "Zondag Open"}, - { - type: "text", text: "Kwaliteit"}, + { type: "text", text: "Vers Dagelijks"}, + { type: "text", text: "Halal Vlees"}, + { type: "text", text: "Oosterse Smaken"}, + { type: "text", text: "Zondag Open"}, + { type: "text", text: "Kwaliteit"}, ]} /> @@ -111,8 +77,6 @@ export default function LandingPage() { heading={[ { type: "text", content: "Uw Buurtsupermarkt met Versheid als Prioriteit"}, - { - type: "image", src: "http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg", alt: "friendly supermarket owner local shop"}, ]} /> @@ -128,16 +92,16 @@ export default function LandingPage() { "Vers brood", "Verse groenten", "Vers fruit"], }, { - id: "f2", label: "Authentiek", title: "Authentieke Producten", items: [ + id: "f2", label: "Authentiek", title: "Authentieke Selectie", items: [ "Oosterse lekkernijen", "Natuurlijke honing", "Diverse specerijen"], }, { - id: "f3", label: "Gemak", title: "Altijd Open", items: [ - "Geopend op zondag", "Ook feestdagen open", "Vriendelijke service"], + id: "f3", label: "Dranken", title: "Kwaliteitsdranken", items: [ + "Red Bull assortiment", "Verse vruchtensappen", "Ambachtelijke dranken"], }, ]} title="Waarom Mazar Supermarkt?" - description="Wij bieden het beste van vers en authentiek voor u en uw gezin." + description="Wij bieden de meest authentieke selectie aan voedsel en dranken voor u en uw gezin." /> @@ -148,27 +112,15 @@ export default function LandingPage() { gridVariant="uniform-all-items-equal" useInvertedBackground={false} products={[ - { - id: "p1", brand: "Mazar", name: "Dagelijks Vers Brood", price: "Dagelijks", rating: 5, - reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-brioche-baked-concept-fresh-homemade-organic-brioche-bun-rustic-table-top-view-vertical-frame-closeup-selective-focus_166373-2345.jpg"}, - { - id: "p2", brand: "Mazar", name: "Ijsjes & Desserts", price: "Diverse", rating: 5, - reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-ice-cream-flavors_23-2148268180.jpg"}, - { - id: "p3", brand: "Mazar", name: "Exotische Dranken", price: "Vanaf €1.99", rating: 5, - reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-type-packed-mushrooms-blue-crate_23-2147916192.jpg"}, - { - id: "p4", brand: "Mazar", name: "Vers Halal Vlees", price: "Variabel", rating: 5, - reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-chicken-meats-blue-plate-grey-table_114579-66154.jpg"}, - { - id: "p5", brand: "Mazar", name: "Turkse Baklava", price: "Vanaf €5.00", rating: 5, - reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-dessert-with-cookies-strawberrries-dark-grey-background-nut-biscuit-sweet-fruits-cookie-sugar_140725-121748.jpg"}, - { - id: "p6", brand: "Mazar", name: "Verse Groenten & Fruit", price: "Seizoensgebonden", rating: 5, - reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-delicious-vegetables_23-2149082595.jpg"}, + { id: "p1", brand: "Mazar", name: "Dagelijks Vers Brood", price: "Dagelijks", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-brioche-baked-concept-fresh-homemade-organic-brioche-bun-rustic-table-top-view-vertical-frame-closeup-selective-focus_166373-2345.jpg"}, + { id: "p2", brand: "Red Bull", name: "Energy Drink Selectie", price: "Vanaf €1.99", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-smoothies-red-background_23-2148303033.jpg"}, + { id: "p3", brand: "Mazar", name: "Verse Groenten & Fruit", price: "Seizoensgebonden", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-delicious-vegetables_23-2149082595.jpg"}, + { id: "p4", brand: "Mazar", name: "Vers Halal Vlees", price: "Variabel", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-chicken-meats-blue-plate-grey-table_114579-66154.jpg"}, + { id: "p5", brand: "Mazar", name: "Turkse Baklava", price: "Vanaf €5.00", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-dessert-with-cookies-strawberrries-dark-grey-background-nut-biscuit-sweet-fruits-cookie-sugar_140725-121748.jpg"}, + { id: "p6", brand: "Dranken", name: "Exotische Fruitdranken", price: "Vanaf €2.49", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/smoothie-fruits_23-2147717543.jpg"}, ]} - title="Populaire Producten" - description="Ontdek onze selectie van versproducten en authentieke smaken." + title="Onze Populaire Selectie" + description="Ontdek onze zorgvuldig geselecteerde authentieke producten, verfrissende dranken en dagverse waren." /> @@ -183,15 +135,15 @@ export default function LandingPage() { "Pinbetaling", "Contactloos", "Snel"], button: { text: "Bezoek ons"}, - imageSrc: "http://img.b2bpic.net/free-photo/delicious-marble-halva-with-sunflower-seeds-cocoa-powder-honey_114579-9133.jpg", imageAlt: "turkish baklava sweets box"}, + imageSrc: "http://img.b2bpic.net/free-photo/delicious-marble-halva-with-sunflower-seeds-cocoa-powder-honey_114579-9133.jpg"}, { id: "pay2", title: "Cash", price: "Contant", period: "in winkel", features: [ "Bankbiljetten", "Muntgeld", "Veilig"], button: { text: "Bezoek ons"}, - imageSrc: "http://img.b2bpic.net/free-photo/beatiful-pensive-girl-glasses-is-buying-fresh-carrots-local-farmer-s-market_613910-5522.jpg?_wi=2", imageAlt: "turkish baklava sweets box"}, + imageSrc: "http://img.b2bpic.net/free-photo/autumnal-arrangement-fresh-vegetables_23-2148647893.jpg"}, ]} - title="Onze Betalingsmogelijkheden" + title="Betaalopties" description="Wij accepteren diverse betaalmethoden in onze winkel." /> @@ -202,12 +154,9 @@ export default function LandingPage() { title="Mazar Supermarkt in Cijfers" tag="Statistieken" metrics={[ - { - id: "m1", value: "100+", description: "Authentieke producten"}, - { - id: "m2", value: "7/7", description: "Elke dag geopend"}, - { - id: "m3", value: "10+", description: "Jaren ervaring"}, + { id: "m1", value: "100+", description: "Authentieke producten" }, + { id: "m2", value: "7/7", description: "Elke dag geopend" }, + { id: "m3", value: "10+", description: "Jaren ervaring" }, ]} metricsAnimation="slide-up" /> @@ -219,19 +168,12 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} testimonials={[ - { - id: "t1", name: "Sarah", role: "Klant", testimonial: "Altijd vers brood en super vriendelijk personeel!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-with-red-hair-enjoying-shopping-holding-bag-shoulder-smiling-standing_1258-147589.jpg"}, - { - id: "t2", name: "Ahmed", role: "Klant", testimonial: "De beste plek voor authentieke Turkse producten in Houthalen.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-guy-admiring-natural-delicious-tomato-camera_482257-115890.jpg"}, - { - id: "t3", name: "Jan", role: "Klant", testimonial: "Zeer handig dat ze ook op zondag open zijn.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerful-adult-smiling-his-fresh-organic-produce_482257-115898.jpg"}, - { - id: "t4", name: "Fatima", role: "Klant", testimonial: "Heerlijke verse groenten, aanrader!", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-smiling-confident-holding-take-away-paper-bag-street_839833-1756.jpg"}, - { - id: "t5", name: "Bart", role: "Klant", testimonial: "Goede service en altijd alles op voorraad.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-organic-vegetables_23-2148493618.jpg"}, + { id: "t1", name: "Buurtbewoner", role: "Klant", testimonial: "Altijd vers brood en de beste authentieke producten in de regio!" }, + { id: "t2", name: "Regelmatige Bezoeker", role: "Klant", testimonial: "De beste plek voor authentieke Turkse producten in Houthalen." }, + { id: "t3", name: "Vaste Klant", role: "Klant", testimonial: "Zeer handig dat ze ook op zondag open zijn met een breed aanbod." }, ]} title="Wat klanten zeggen" - description="Onze klanten waarderen onze dagelijkse versheid en gastvrijheid in de winkel." + description="Onze klanten waarderen onze dagelijkse versheid en authentieke selectie." /> @@ -240,14 +182,11 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} faqs={[ - { - id: "q1", title: "Wat zijn de openingstijden?", content: "Wij zijn 7 dagen per week geopend voor uw gemak."}, - { - id: "q2", title: "Kan ik online bestellen?", content: "Nee, Mazar Supermarkt is een fysieke winkel. Wij bieden geen online bestellingen aan."}, - { - id: "q3", title: "Waar kan ik parkeren?", content: "Er is voldoende parkeergelegenheid rondom Sint-Trudo Plein 1."}, + { id: "q1", title: "Wat zijn de openingstijden?", content: "Wij zijn 7 dagen per week geopend voor uw gemak." }, + { id: "q2", title: "Welke producten bieden jullie aan?", content: "Wij bieden verse groenten, fruit, halal vlees en authentieke oosterse producten en dranken." }, + { id: "q3", title: "Waar kan ik parkeren?", content: "Er is voldoende parkeergelegenheid rondom Sint-Trudo Plein 1." }, ]} - imageSrc="http://img.b2bpic.net/free-photo/woman-getting-food-bag-delivered_23-2148964027.jpg" + imageSrc="http://img.b2bpic.net/free-photo/autumnal-arrangement-fresh-vegetables_23-2148647893.jpg" mediaAnimation="slide-up" title="Veelgestelde Vragen" description="Heb je een vraag over onze winkel of producten?" @@ -258,12 +197,10 @@ export default function LandingPage() {
@@ -271,13 +208,11 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1 From 48d74b482f4c5e0461b43c3c27876e2595872bd4 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 20 May 2026 13:44:06 +0000 Subject: [PATCH 2/2] Update src/app/styles/variables.css --- src/app/styles/variables.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index bf9aba6..9b8371f 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #fffefe; - --card: #f6f7f4; - --foreground: #080908; - --primary-cta: #0e3a29; + --background: #fafffb; + --card: #f7fffa; + --foreground: #001a0a; + --primary-cta: #0a7039; --primary-cta-text: #ffffff; - --secondary-cta: #e7eecd; + --secondary-cta: #ffffff; --secondary-cta-text: #120a00e6; - --accent: #35c18b; - --background-accent: #ecebe4; + --accent: #a8d9be; + --background-accent: #6bbf8e; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); -- 2.49.1