Merge version_2 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Avis", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Turkish Grill"
|
||||
/>
|
||||
@@ -54,20 +42,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Turkish Grill"
|
||||
description="Vers gegrild. Royaal gevuld. 100% Halal. Snelle service. Grote porties. Eerlijke prijzen."
|
||||
description="Fraîchement grillé. Généreusement servi. 100% Halal. Service rapide. Grandes portions. Prix justes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bestel Nu",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Bekijk Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Commander", href: "#contact" },
|
||||
{ text: "Voir le menu", href: "#menu" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-lula-kebab-metal-skewers-dark-wall_140725-12767.jpg"
|
||||
imageAlt="Turkish Grill flaming kebab"
|
||||
imageAlt="Kebab en feu Turkish Grill"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,43 +61,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Local foody",
|
||||
testimonial: "Best chicken wrap I had in a long time! And the price is unbeatable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269168.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Fine bouche", testimonial: "Le meilleur wrap poulet que j'ai mangé depuis longtemps ! Et le prix est imbattable.", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269168.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Night shifter",
|
||||
testimonial: "Staff is super friendly—always smiling, even at 2am. My go-to spot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Travailleur de nuit", testimonial: "Le personnel est super sympa, toujours avec le sourire, même à 2h du matin. Mon adresse préférée.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Lunch lover",
|
||||
testimonial: "Super fast service and huge portions. Really great value for money.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-sandwich_23-2148242580.jpg",
|
||||
},
|
||||
id: "3", name: "Elena V.", role: "Amoureuse du déjeuner", testimonial: "Service ultra rapide et portions énormes. Un excellent rapport qualité-prix.", imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-sandwich_23-2148242580.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Grill enthusiast",
|
||||
testimonial: "Authentic taste, real charcoal flavor. My favorite grill place in Brussels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-ginger-man-sitting-cafe_273609-15575.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Passionné de grillades", testimonial: "Goût authentique, vraie saveur de charbon. Mon endroit préféré à Bruxelles.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-ginger-man-sitting-cafe_273609-15575.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lars P.",
|
||||
role: "Regular customer",
|
||||
testimonial: "Consistent quality and generous portions. They never disappoint.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459208.jpg",
|
||||
},
|
||||
id: "5", name: "Lars P.", role: "Habitué", testimonial: "Qualité constante et portions généreuses. Ils ne déçoivent jamais.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459208.jpg"},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Onze reputatie is gebouwd op kwaliteit en snelheid."
|
||||
title="Ce que disent nos clients"
|
||||
description="Notre réputation est basée sur la qualité et la rapidité."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,29 +82,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Vers van de grill",
|
||||
description: "Elke bestelling wordt vers voor je bereid.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Supersnelle service",
|
||||
description: "Perfect voor de snelle lunch of late night trek.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Royale porties",
|
||||
description: "We zorgen dat je hier nooit met honger weggaat.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Top service",
|
||||
description: "Vriendelijke staff, elke dag met een glimlach.",
|
||||
},
|
||||
{ icon: Flame, title: "Frais au grill", description: "Chaque commande est préparée fraîchement pour vous." },
|
||||
{ icon: Zap, title: "Service ultra-rapide", description: "Parfait pour un déjeuner rapide ou une faim nocturne." },
|
||||
{ icon: Utensils, title: "Portions généreuses", description: "Nous nous assurons que vous ne repartiez jamais avec la faim." },
|
||||
{ icon: Smile, title: "Top service", description: "Personnel amical, chaque jour avec le sourire." },
|
||||
]}
|
||||
title="Waarom Turkish Grill?"
|
||||
description="We combineren traditie met snelheid."
|
||||
title="Pourquoi choisir Turkish Grill ?"
|
||||
description="Nous allions tradition et rapidité."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,63 +99,15 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Kebab",
|
||||
name: "Chicken Dürüm",
|
||||
price: "€8.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-food-still-life_23-2151535183.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Kebab",
|
||||
name: "Beef Kebab",
|
||||
price: "€9.50",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-rice-top-view_140725-931.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Grill",
|
||||
name: "Adana Kebab",
|
||||
price: "€12.00",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-table_140725-8376.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Plates",
|
||||
name: "Gyros Plate",
|
||||
price: "€13.00",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Grill",
|
||||
name: "Mixed Grill",
|
||||
price: "€15.50",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Kebab",
|
||||
name: "Special Dürüm",
|
||||
price: "€10.00",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tortilla-wraps-with-meat_23-2148614462.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Kebab", name: "Dürüm Poulet", price: "8,50€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/street-food-still-life_23-2151535183.jpg" },
|
||||
{ id: "2", brand: "Kebab", name: "Kebab Bœuf", price: "9,50€", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-rice-top-view_140725-931.jpg" },
|
||||
{ id: "3", brand: "Grill", name: "Adana Kebab", price: "12,00€", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-table_140725-8376.jpg" },
|
||||
{ id: "4", brand: "Assiettes", name: "Assiette Gyros", price: "13,00€", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg" },
|
||||
{ id: "5", brand: "Grill", name: "Grillade Mixte", price: "15,50€", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg" },
|
||||
{ id: "6", brand: "Kebab", name: "Dürüm Spécial", price: "10,00€", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tortilla-wraps-with-meat_23-2148614462.jpg" },
|
||||
]}
|
||||
title="Ons Menu"
|
||||
description="Vers bereid, 100% Halal."
|
||||
title="Notre Menu"
|
||||
description="Fraîchement préparé, 100% Halal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,47 +118,27 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1500+",
|
||||
title: "Porties per week",
|
||||
description: "Vers gegrild voor onze community.",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10 min",
|
||||
title: "Gemiddelde wachttijd",
|
||||
description: "Razendsnel genieten van je grill.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "Tevreden klanten",
|
||||
description: "Jouw waardering is onze motivatie.",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{ id: "1", value: "1500+", title: "Portions par semaine", description: "Fraîchement grillées pour notre communauté.", icon: Utensils },
|
||||
{ id: "2", value: "10 min", title: "Temps d'attente moyen", description: "Profitez rapidement de votre grillade.", icon: Clock },
|
||||
{ id: "3", value: "98%", title: "Clients satisfaits", description: "Votre appréciation est notre motivation.", icon: ThumbsUp },
|
||||
]}
|
||||
title="Onze Impact"
|
||||
description="Snelheid en tevredenheid in cijfers."
|
||||
title="Notre Impact"
|
||||
description="Rapidité et satisfaction en chiffres."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Bestel direct"
|
||||
description="Krijg je favoriete grill gerechten snel thuisbezorgd of haal ze af."
|
||||
title="Commandez directement"
|
||||
description="Faites livrer vos plats préférés ou venez les chercher."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-chef-making-barbeque_23-2148723318.jpg"
|
||||
imageAlt="Grill cooking"
|
||||
imageAlt="Chef au grill"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Je e-mail voor updates"
|
||||
buttonText="Bestel nu"
|
||||
inputPlaceholder="Votre e-mail pour des mises à jour"
|
||||
buttonText="Commander"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -274,37 +147,17 @@ export default function LandingPage() {
|
||||
logoText="Turkish Grill"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Kebab & Dürüm",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Grill Specialiteiten",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Extra's",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "Menu", items: [
|
||||
{ label: "Kebab & Dürüm", href: "#menu" },
|
||||
{ label: "Spécialités Grill", href: "#menu" },
|
||||
{ label: "Extras", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informatie",
|
||||
items: [
|
||||
{
|
||||
label: "Openingstijden",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Informations", items: [
|
||||
{ label: "Horaires", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Politique de Confidentialité", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -314,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user