Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 927fe140a6 | |||
| c7e966ead9 | |||
| b85d847414 | |||
| 257e227a0e |
281
src/app/page.tsx
281
src/app/page.tsx
@@ -8,7 +8,6 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
@@ -32,17 +31,9 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Over Ons", id: "about"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Snackbar Oz Efes"
|
||||
/>
|
||||
@@ -51,162 +42,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Snackbar Oz Efes - De Beste Smaak in Stad"
|
||||
description="Ervaar de authentieke smaken bij Snackbar Oz Efes. Verse burgers, knapperige friet en meer."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-fries-white-table_23-2148273007.jpg?_wi=1",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-fries-white-table_23-2148273007.jpg?_wi=1", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1393.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1393.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fries-soda-colorful-background_23-2148258517.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fries-soda-colorful-background_23-2148258517.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187941.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187941.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-basket-with-ketchup-board_141793-4896.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-basket-with-ketchup-board_141793-4896.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1396.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1396.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger_1339-1578.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger_1339-1578.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-basket-served-with-ketchup-mayonnaise_140725-3139.jpg",
|
||||
imageAlt: "delicious cheeseburger white background minimal",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-basket-served-with-ketchup-mayonnaise_140725-3139.jpg", imageAlt: "delicious cheeseburger white background minimal"},
|
||||
]}
|
||||
buttons={[]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bacon-burger_1339-1384.jpg",
|
||||
alt: "bacon burger",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bacon-burger_1339-1384.jpg", alt: "bacon burger"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-delicious-burger-with-buns-cheese_23-2150887804.jpg",
|
||||
alt: "View of delicious burger with buns and cheese",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-delicious-burger-with-buns-cheese_23-2150887804.jpg", alt: "View of delicious burger with buns and cheese"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/classic-beef-burger-with-yellow-backbround_23-2148290681.jpg",
|
||||
alt: "Classic beef burger with yellow backbround",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/classic-beef-burger-with-yellow-backbround_23-2148290681.jpg", alt: "Classic beef burger with yellow backbround"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-healthy-burgers-with-chicken-breast_1220-7109.jpg",
|
||||
alt: "Tasty healthy burgers with chicken breast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-healthy-burgers-with-chicken-breast_1220-7109.jpg", alt: "Tasty healthy burgers with chicken breast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-burger-withy-tomato-cheese-lettuce-white-surface_114579-30401.jpg",
|
||||
alt: "Tasty burger withy tomato, cheese, lettuce on white surface .",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tasty-burger-withy-tomato-cheese-lettuce-white-surface_114579-30401.jpg", alt: "Tasty burger withy tomato, cheese, lettuce on white surface ."},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Vers",
|
||||
},
|
||||
type: "text", text: "Vers"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentiek",
|
||||
},
|
||||
type: "text", text: "Authentiek"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kwaliteit",
|
||||
},
|
||||
type: "text", text: "Kwaliteit"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Snel",
|
||||
},
|
||||
type: "text", text: "Snel"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lekker",
|
||||
},
|
||||
type: "text", text: "Lekker"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Burger",
|
||||
price: "€6,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-fried-potatoes-orange-juice_114579-3182.jpg?_wi=1",
|
||||
imageAlt: "classic beef burger high quality",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Verse Friet",
|
||||
price: "€3,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fried-potatoes-sliced-onions-dark-background-fry-meal-dish-food-chicken-cooking-photo-meat_140725-160559.jpg?_wi=1",
|
||||
imageAlt: "fresh crispy fries snack",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Döner Wrap",
|
||||
price: "€7,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-shaurma-stuffings-inside-lavash_114579-3093.jpg?_wi=1",
|
||||
imageAlt: "turkish doner kebab wrap fresh",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Coca-Cola",
|
||||
price: "€2,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-beer-bottle_140725-99717.jpg",
|
||||
imageAlt: "refreshing coca cola glass bottle",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Milkshake",
|
||||
price: "€3,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-milkshake-with-marshmallow_23-2148296085.jpg",
|
||||
imageAlt: "creamy milkshake chocolate topping",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bitterballen",
|
||||
price: "€4,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meal-containing-croquettes-with-bacon-glass-beer_23-2149306681.jpg",
|
||||
imageAlt: "warm crispy snack croquette",
|
||||
},
|
||||
]}
|
||||
title="Ons Menu"
|
||||
description="Ontdek onze heerlijke gerechten, van klassieke burgers tot verse snacks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
@@ -215,17 +105,11 @@ export default function LandingPage() {
|
||||
description="Wij bereiden elke dag met liefde en passie de lekkerste snacks in de stad."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Vers bereid",
|
||||
description: "Al onze ingrediënten zijn elke dag vers.",
|
||||
},
|
||||
title: "Vers bereid", description: "Al onze ingrediënten zijn elke dag vers."},
|
||||
{
|
||||
title: "Snelle service",
|
||||
description: "Wij zorgen dat u nooit lang hoeft te wachten.",
|
||||
},
|
||||
title: "Snelle service", description: "Wij zorgen dat u nooit lang hoeft te wachten."},
|
||||
{
|
||||
title: "Kwaliteit",
|
||||
description: "Kwaliteit staat bij ons op nummer één.",
|
||||
},
|
||||
title: "Kwaliteit", description: "Kwaliteit staat bij ons op nummer één."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coworking-coffee-shop-owner-barista_1098-20960.jpg?_wi=1"
|
||||
imageAlt="friendly snackbar counter interior"
|
||||
@@ -240,20 +124,11 @@ export default function LandingPage() {
|
||||
description="Ontdek onze unieke troeven."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Openingstijden",
|
||||
content: "Wij zijn 7 dagen per week geopend voor u.",
|
||||
},
|
||||
id: "a1", title: "Openingstijden", content: "Wij zijn 7 dagen per week geopend voor u."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Bezorging",
|
||||
content: "Laat uw favoriete snacks thuisbezorgen.",
|
||||
},
|
||||
id: "a2", title: "Bezorging", content: "Laat uw favoriete snacks thuisbezorgen."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Hygïene",
|
||||
content: "Onze keuken voldoet aan alle normen.",
|
||||
},
|
||||
id: "a3", title: "Hygïene", content: "Onze keuken voldoet aan alle normen."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145562.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -266,14 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Thuisbezorgd",
|
||||
"UberEats",
|
||||
"Deliveroo",
|
||||
"Coca-Cola",
|
||||
"Unilever",
|
||||
"Heinz",
|
||||
"Fritessaus Company",
|
||||
]}
|
||||
"Thuisbezorgd", "UberEats", "Deliveroo", "Coca-Cola", "Unilever", "Heinz", "Fritessaus Company"]}
|
||||
title="Onze Partners"
|
||||
description="We werken samen met betrouwbare partners om u de beste service te bieden."
|
||||
/>
|
||||
@@ -285,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bezorgen jullie ook?",
|
||||
content: "Ja, wij bezorgen in de gehele regio.",
|
||||
},
|
||||
id: "f1", title: "Bezorgen jullie ook?", content: "Ja, wij bezorgen in de gehele regio."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Kan ik pinnen?",
|
||||
content: "Ja, u kunt bij ons zowel pinnen als contant betalen.",
|
||||
},
|
||||
id: "f2", title: "Kan ik pinnen?", content: "Ja, u kunt bij ons zowel pinnen als contant betalen."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hebben jullie vegetarische opties?",
|
||||
content: "Ja, wij bieden diverse vegetarische snacks aan.",
|
||||
},
|
||||
id: "f3", title: "Hebben jullie vegetarische opties?", content: "Ja, wij bieden diverse vegetarische snacks aan."},
|
||||
]}
|
||||
title="Veelgestelde Vragen"
|
||||
description="Hier vindt u antwoorden op de meest gestelde vragen."
|
||||
@@ -312,60 +171,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jan de Vries",
|
||||
date: "10-10-2023",
|
||||
title: "Fantastisch",
|
||||
quote: "De lekkerste burger van de stad!",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-bartender-holding-glass-draft-beer-while-working-bar_637285-5694.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-fries-white-table_23-2148273007.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "t1", name: "Jan de Vries", date: "10-10-2023", title: "Fantastisch", quote: "De lekkerste burger van de stad!", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/happy-bartender-holding-glass-draft-beer-while-working-bar_637285-5694.jpg", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-fries-white-table_23-2148273007.jpg?_wi=2", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Anna Jansen",
|
||||
date: "12-10-2023",
|
||||
title: "Super",
|
||||
quote: "Altijd snelle service en vers eten.",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/interracial-group-three-friends-dining-restaurant-spending-good-time-together_273609-8988.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworking-coffee-shop-owner-barista_1098-20960.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "t2", name: "Anna Jansen", date: "12-10-2023", title: "Super", quote: "Altijd snelle service en vers eten.", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/interracial-group-three-friends-dining-restaurant-spending-good-time-together_273609-8988.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coworking-coffee-shop-owner-barista_1098-20960.jpg?_wi=2", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mohammed Ali",
|
||||
date: "15-10-2023",
|
||||
title: "Aanrader",
|
||||
quote: "Zeer vriendelijk personeel en heerlijk eten.",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-fried-potatoes-orange-juice_114579-3182.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "t3", name: "Mohammed Ali", date: "15-10-2023", title: "Aanrader", quote: "Zeer vriendelijk personeel en heerlijk eten.", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-fried-potatoes-orange-juice_114579-3182.jpg?_wi=2", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa Bakker",
|
||||
date: "20-10-2023",
|
||||
title: "Heerlijk",
|
||||
quote: "Mijn favoriete snackbar in de regio.",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-pizza_52683-88491.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fried-potatoes-sliced-onions-dark-background-fry-meal-dish-food-chicken-cooking-photo-meat_140725-160559.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "t4", name: "Lisa Bakker", date: "20-10-2023", title: "Heerlijk", quote: "Mijn favoriete snackbar in de regio.", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-with-pizza_52683-88491.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fried-potatoes-sliced-onions-dark-background-fry-meal-dish-food-chicken-cooking-photo-meat_140725-160559.jpg?_wi=2", imageAlt: "happy customer eating burger"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tim Smit",
|
||||
date: "22-10-2023",
|
||||
title: "Top",
|
||||
quote: "Goede prijs-kwaliteitverhouding.",
|
||||
tag: "Klant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/c-mon-dear-you-have-take-least-one-bite_637285-12631.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-shaurma-stuffings-inside-lavash_114579-3093.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating burger",
|
||||
},
|
||||
id: "t5", name: "Tim Smit", date: "22-10-2023", title: "Top", quote: "Goede prijs-kwaliteitverhouding.", tag: "Klant", avatarSrc: "http://img.b2bpic.net/free-photo/c-mon-dear-you-have-take-least-one-bite_637285-12631.jpg", imageSrc: "http://img.b2bpic.net/free-photo/arabic-shaurma-stuffings-inside-lavash_114579-3093.jpg?_wi=2", imageAlt: "happy customer eating burger"},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Onze klanten waarderen onze service en kwaliteit."
|
||||
@@ -376,16 +190,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Neem Contact Op"
|
||||
title="Heeft u vragen?"
|
||||
description="Bel ons gerust op 0104775910 of stuur een e-mail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel Nu: 0104775910",
|
||||
href: "tel:0104775910",
|
||||
},
|
||||
text: "Bel Nu: 0104775910", href: "tel:0104775910"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -394,16 +205,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Snackbar Oz Efes"
|
||||
leftLink={{
|
||||
text: "Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Over Ons", href: "#about"}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user