Merge version_1 into main #2
140
src/app/page.tsx
140
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Clock, XCircle } from "lucide-react";
|
||||
import { Clock, XCircle, Sandwich, Leaf, Coffee, Martini } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "over",
|
||||
},
|
||||
name: "Over ons", id: "over"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Openingsuren",
|
||||
id: "open",
|
||||
},
|
||||
name: "Openingsuren", id: "open"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Azul Duffel"
|
||||
/>
|
||||
@@ -53,47 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Vers, lekker & betaalbaar"
|
||||
description="Geniet van heerlijke broodjes, ontbijt en lunch bij Azul Duffel."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Bekijk Menu", href: "#menu"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-bread-wooden-table-generated-by-ai_188544-18121.jpg?_wi=1",
|
||||
imageAlt: "Hero 1",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-bread-wooden-table-generated-by-ai_188544-18121.jpg", imageAlt: "Hero 1"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-snack-lunch-ideas-homemade-bread-with-cheese-avocado_8353-8783.jpg?_wi=1",
|
||||
imageAlt: "Hero 2",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-snack-lunch-ideas-homemade-bread-with-cheese-avocado_8353-8783.jpg", imageAlt: "Hero 2"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379552.jpg?_wi=1",
|
||||
imageAlt: "Hero 3",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379552.jpg", imageAlt: "Hero 3"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg?_wi=1",
|
||||
imageAlt: "Hero 4",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "Hero 4"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-assortment-with-coffee-pastry_23-2148623193.jpg",
|
||||
imageAlt: "Hero 5",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-assortment-with-coffee-pastry_23-2148623193.jpg", imageAlt: "Hero 5"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-healthy-tasty-breakfast-surrounded-by-modern-interior-summer-morning_132075-5737.jpg",
|
||||
imageAlt: "Hero 6",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/table-with-healthy-tasty-breakfast-surrounded-by-modern-interior-summer-morning_132075-5737.jpg", imageAlt: "Hero 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,33 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smoskes & Broodjes",
|
||||
description: "Vers afgebakken broodjes belegd met lokale ingrediënten.",
|
||||
buttonIcon: "Sandwich",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-bread-wooden-table-generated-by-ai_188544-18121.jpg?_wi=2",
|
||||
imageAlt: "bakery lunchroom interior cozy",
|
||||
},
|
||||
title: "Smoskes & Broodjes", description: "Vers afgebakken broodjes belegd met lokale ingrediënten.", buttonIcon: Sandwich,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-bread-wooden-table-generated-by-ai_188544-18121.jpg", imageAlt: "bakery lunchroom interior cozy"},
|
||||
{
|
||||
title: "Gezonde Salades",
|
||||
description: "Lichte en voedzame salades voor de perfecte lunch.",
|
||||
buttonIcon: "Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-snack-lunch-ideas-homemade-bread-with-cheese-avocado_8353-8783.jpg?_wi=2",
|
||||
imageAlt: "fresh croissant and coffee",
|
||||
},
|
||||
title: "Gezonde Salades", description: "Lichte en voedzame salades voor de perfecte lunch.", buttonIcon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-snack-lunch-ideas-homemade-bread-with-cheese-avocado_8353-8783.jpg", imageAlt: "fresh croissant and coffee"},
|
||||
{
|
||||
title: "Ontbijt Specials",
|
||||
description: "Begin uw dag goed met onze ontbijtopties.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379552.jpg?_wi=2",
|
||||
imageAlt: "lunch salad plate healthy",
|
||||
},
|
||||
title: "Ontbijt Specials", description: "Begin uw dag goed met onze ontbijtopties.", buttonIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379552.jpg", imageAlt: "lunch salad plate healthy"},
|
||||
{
|
||||
title: "Dranken & Smoothies",
|
||||
description: "Vers geperste smoothies en warme dranken.",
|
||||
buttonIcon: "Martini",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg?_wi=2",
|
||||
imageAlt: "bakery storefront exterior sign",
|
||||
},
|
||||
title: "Dranken & Smoothies", description: "Vers geperste smoothies en warme dranken.", buttonIcon: Martini,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "bakery storefront exterior sign"},
|
||||
]}
|
||||
title="Ons Menu"
|
||||
description="Dagelijks verse specialiteiten voor u bereid."
|
||||
@@ -151,23 +106,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Maandag",
|
||||
value: "09:00-19:00",
|
||||
},
|
||||
id: "m1", icon: Clock,
|
||||
title: "Maandag", value: "09:00-19:00"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: XCircle,
|
||||
title: "Dinsdag",
|
||||
value: "Gesloten",
|
||||
},
|
||||
id: "m2", icon: XCircle,
|
||||
title: "Dinsdag", value: "Gesloten"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Woensdag-Zondag",
|
||||
value: "09:00-19:00",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Woensdag-Zondag", value: "09:00-19:00"},
|
||||
]}
|
||||
title="Openingsuren"
|
||||
description="Wij verwelkomen u graag in onze zaak."
|
||||
@@ -181,22 +127,14 @@ export default function LandingPage() {
|
||||
description="Bezoek onze vestiging in de Kerkstraat of neem contact op."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Uw naam",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Uw naam", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Uw e-mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Uw e-mail", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Uw bericht",
|
||||
}}
|
||||
name: "message", placeholder: "Uw bericht"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-house-japanese-style_23-2150259803.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -205,25 +143,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Broodjes",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Broodjes", href: "#menu"},
|
||||
{
|
||||
label: "Salades",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Salades", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Locatie",
|
||||
items: [
|
||||
title: "Locatie", items: [
|
||||
{
|
||||
label: "Kerkstraat 34, Duffel",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kerkstraat 34, Duffel", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user