Merge version_1 into main #2
403
src/app/page.tsx
403
src/app/page.tsx
@@ -26,299 +26,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Waarom Ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Bestellen",
|
||||
id: "ordering",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Antwerp French Tacos"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Waarom Ons", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Bestellen", id: "ordering" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Antwerp French Tacos"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Welkom bij Antwerp French Tacos – Verse, royale en smaakvolle Tacos in Antwerpen."
|
||||
description="Ervaar de authentieke Franse taco-ervaring in het hart van Antwerpen. Vers, royaal en halal gecertificeerd."
|
||||
buttons={[
|
||||
{
|
||||
text: "Takeaway.com",
|
||||
href: "https://www.takeaway.com/be/menu/antwerp-french-tacos-antwerpen?serviceType=delivery&utm_source=google&utm_medium=organic&utm_campaign=foodorder",
|
||||
},
|
||||
{
|
||||
text: "Deliveroo",
|
||||
href: "https://deliveroo.be/menu/antwerp/merksem-zuid/antwerp-french-tacos?utm_medium=affiliate&utm_source=google_maps_link&fulfillment_type=DELIVERY",
|
||||
},
|
||||
{
|
||||
text: "Uber Eats",
|
||||
href: "https://www.ubereats.com/be/store/antwerp-french-taco/95ny2pIFUJCGXmLe1YScvg?utm_campaign=CM2508147-search-free-nonbrand-google-pas_e_all_acq_Global&utm_medium=search-free-nonbrand&utm_source=google-pas",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=1",
|
||||
imageAlt: "Royal Marrakech Taco",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=2",
|
||||
imageAlt: "Remix Taco",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=3",
|
||||
imageAlt: "Smash Sunrise Burger",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=4",
|
||||
imageAlt: "Fried Box Bites",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=5",
|
||||
imageAlt: "Cheesy Fries",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=6",
|
||||
imageAlt: "Full Menu Overview",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Welkom bij Antwerp French Tacos – Verse, royale en smaakvolle Tacos in Antwerpen."
|
||||
description="Ervaar de authentieke Franse taco-ervaring in het hart van Antwerpen. Vers, royaal en halal gecertificeerd."
|
||||
buttons={[
|
||||
{ text: "Takeaway.com", href: "https://www.takeaway.com/be/menu/antwerp-french-tacos-antwerpen?serviceType=delivery&utm_source=google&utm_medium=organic&utm_campaign=foodorder" },
|
||||
{ text: "Deliveroo", href: "https://deliveroo.be/menu/antwerp/merksem-zuid/antwerp-french-tacos?utm_medium=affiliate&utm_source=google_maps_link&fulfillment_type=DELIVERY" },
|
||||
{ text: "Uber Eats", href: "https://www.ubereats.com/be/store/antwerp-french-taco/95ny2pIFUJCGXmLe1YScvg?utm_campaign=CM2508147-search-free-nonbrand-google-pas_e_all_acq_Global&utm_medium=search-free-nonbrand&utm_source=google-pas" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", imageAlt: "Royal Marrakech Taco" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", imageAlt: "Remix Taco" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", imageAlt: "Smash Sunrise Burger" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", imageAlt: "Fried Box Bites" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", imageAlt: "Cheesy Fries" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", imageAlt: "Full Menu Overview" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Waarom klanten kiezen voor Antwerp French Tacos"
|
||||
description="Onze passie voor kwaliteit en smaak heeft ons tot een favoriet in Antwerpen gemaakt. Met een Google-score van 4,7/5 streven we naar perfectie in elke maaltijd."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Grote Porties",
|
||||
description: "Wij vullen de maag en de ziel met onze royale porties.",
|
||||
},
|
||||
{
|
||||
title: "Snelle Service",
|
||||
description: "Vers bereid en razendsnel bezorgd in heel Antwerpen.",
|
||||
},
|
||||
{
|
||||
title: "Halal Gecertificeerd",
|
||||
description: "100% Halal ingrediënten voor een zorgeloze maaltijd.",
|
||||
},
|
||||
{
|
||||
title: "Breed Menu",
|
||||
description: "Van iconische tacos tot burgers, wings en cheezy fries.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sandwich-pita-bread-wooden-board_140725-1420.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Waarom klanten kiezen voor Antwerp French Tacos"
|
||||
description="Onze passie voor kwaliteit en smaak heeft ons tot een favoriet in Antwerpen gemaakt. Met een Google-score van 4,7/5 streven we naar perfectie in elke maaltijd."
|
||||
bulletPoints={[
|
||||
{ title: "Grote Porties", description: "Wij vullen de maag en de ziel met onze royale porties." },
|
||||
{ title: "Snelle Service", description: "Vers bereid en razendsnel bezorgd in heel Antwerpen." },
|
||||
{ title: "Halal Gecertificeerd", description: "100% Halal ingrediënten voor een zorgeloze maaltijd." },
|
||||
{ title: "Breed Menu", description: "Van iconische tacos tot burgers, wings en cheezy fries." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sandwich-pita-bread-wooden-board_140725-1420.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Remix Taco",
|
||||
price: "€9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Royal Marrakech",
|
||||
price: "€10.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smash Sunrise Burger",
|
||||
price: "€8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fried Box",
|
||||
price: "€7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=10",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cheesy Fries",
|
||||
price: "€5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=11",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mix Wings (6pc)",
|
||||
price: "€6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=12",
|
||||
},
|
||||
]}
|
||||
title="Bekijk ons menu"
|
||||
description="Ontdek onze bestsellers, van de Royal Marrakech tot onze iconische Fried Box."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Remix Taco", price: "€9.50", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg" },
|
||||
{ id: "p2", name: "Royal Marrakech", price: "€10.50", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg" },
|
||||
{ id: "p3", name: "Smash Sunrise Burger", price: "€8.50", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg" },
|
||||
{ id: "p4", name: "Fried Box", price: "€7.00", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg" },
|
||||
{ id: "p5", name: "Cheesy Fries", price: "€5.00", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg" },
|
||||
{ id: "p6", name: "Mix Wings (6pc)", price: "€6.50", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg" }
|
||||
]}
|
||||
title="Bekijk ons menu"
|
||||
description="Ontdek onze bestsellers, van de Royal Marrakech tot onze iconische Fried Box."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ordering" data-section="ordering">
|
||||
<FeatureCardTwentyNine
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Takeaway.com",
|
||||
description: "Bestel direct via onze vertrouwde takeaway partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=13",
|
||||
titleIconSrc: "MapPin",
|
||||
buttonText: "Bestel Nu",
|
||||
},
|
||||
{
|
||||
title: "Deliveroo",
|
||||
description: "Razendsnel bij je thuis bezorgd.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=14",
|
||||
titleIconSrc: "Bike",
|
||||
buttonText: "Bestel Nu",
|
||||
},
|
||||
{
|
||||
title: "Uber Eats",
|
||||
description: "Gemakkelijk via je favoriete app.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg?_wi=15",
|
||||
titleIconSrc: "Smartphone",
|
||||
buttonText: "Bestel Nu",
|
||||
},
|
||||
]}
|
||||
title="Direct Bezorgd of Afhalen"
|
||||
description="Bezorging in heel Antwerpen en omstreken. Kies jouw favoriete platform."
|
||||
/>
|
||||
</div>
|
||||
<div id="ordering" data-section="ordering">
|
||||
<FeatureCardTwentyNine
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Takeaway.com", description: "Bestel direct via onze vertrouwde takeaway partner.", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", titleIconSrc: "MapPin", buttonText: "Bestel Nu" },
|
||||
{ title: "Deliveroo", description: "Razendsnel bij je thuis bezorgd.", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", titleIconSrc: "Bike", buttonText: "Bestel Nu" },
|
||||
{ title: "Uber Eats", description: "Gemakkelijk via je favoriete app.", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-wooden-table_23-2148181611.jpg", titleIconSrc: "Smartphone", buttonText: "Bestel Nu" }
|
||||
]}
|
||||
title="Direct Bezorgd of Afhalen"
|
||||
description="Bezorging in heel Antwerpen en omstreken. Kies jouw favoriete platform."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
testimonial: "Super lekker, een vaste keuze geworden!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571491.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Klant",
|
||||
testimonial: "Veel waar voor je geld, de Royal Marrakech is een aanrader.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-taco_23-2151048064.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Klant",
|
||||
testimonial: "Altijd warm en vers bezorgd. Beste tacos in Antwerpen!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-celebrating-together_23-2149213377.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Regelmatige gast",
|
||||
testimonial: "Snelle service en zeer vriendelijk personeel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309987.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
role: "Klant",
|
||||
testimonial: "De Cheesey Fries zijn de beste in de stad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
|
||||
},
|
||||
]}
|
||||
title="Wat onze klanten zeggen"
|
||||
description="Met een Google-score van 4,7/5 zijn we de nummer één keuze voor tacos in Antwerpen."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Foodie", testimonial: "Super lekker, een vaste keuze geworden!", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571491.jpg" },
|
||||
{ id: "2", name: "Michael D.", role: "Klant", testimonial: "Veel waar voor je geld, de Royal Marrakech is een aanrader.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-taco_23-2151048064.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Klant", testimonial: "Altijd warm en vers bezorgd. Beste tacos in Antwerpen!", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-celebrating-together_23-2149213377.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Regelmatige gast", testimonial: "Snelle service en zeer vriendelijk personeel.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309987.jpg" },
|
||||
{ id: "5", name: "Lisa B.", role: "Klant", testimonial: "De Cheesey Fries zijn de beste in de stad.", imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg" }
|
||||
]}
|
||||
title="Wat onze klanten zeggen"
|
||||
description="Met een Google-score van 4,7/5 zijn we de nummer één keuze voor tacos in Antwerpen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Locatie: Bredabaan 371, 2170 Antwerpen | Telefoon: 0471 84 30 45 | Openingsuren: Ma-Zo 12:00-23:00. Let op: 19:00 uur is vaak onze drukste periode!"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Locatie: Bredabaan 371, 2170 Antwerpen | Telefoon: 0471 84 30 45 | Openingsuren: Ma-Zo 12:00-23:00. Let op: 19:00 uur is vaak onze drukste periode!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Bestellen",
|
||||
items: [
|
||||
{
|
||||
label: "Takeaway.com",
|
||||
href: "https://www.takeaway.com",
|
||||
},
|
||||
{
|
||||
label: "Deliveroo",
|
||||
href: "https://www.deliveroo.be",
|
||||
},
|
||||
{
|
||||
label: "Uber Eats",
|
||||
href: "https://www.ubereats.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Antwerp French Tacos. Alle rechten voorbehouden."
|
||||
bottomRightText="Halal Gecertificeerd"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Bestellen", items: [{ label: "Takeaway.com", href: "https://www.takeaway.com" }, { label: "Deliveroo", href: "https://www.deliveroo.be" }, { label: "Uber Eats", href: "https://www.ubereats.com" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Antwerp French Tacos. Alle rechten voorbehouden."
|
||||
bottomRightText="Halal Gecertificeerd"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user