Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dbd9d0a09d |
318
src/app/page.tsx
318
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
@@ -33,30 +33,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Forside",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Forside", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Åbningstider",
|
||||
id: "opening-hours",
|
||||
},
|
||||
name: "Åbningstider", id: "opening-hours"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Ring nu",
|
||||
href: "tel:+4543967738",
|
||||
}}
|
||||
text: "Ring nu", href: "tel:+4543967738"}}
|
||||
brandName="Tanken Glostrup"
|
||||
/>
|
||||
</div>
|
||||
@@ -64,51 +52,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Tidlig morgenmad, frisk frokost og hurtig takeaway i Glostrup"
|
||||
description="Besøg Tanken Glostrup på Fabriksparken 18 — et lokalt stop for kaffe, sandwiches, burgers, smørrebrød og bilvask."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ring: +45 43 96 77 38",
|
||||
href: "tel:+4543967738",
|
||||
},
|
||||
text: "Ring: +45 43 96 77 38", href: "tel:+4543967738"},
|
||||
{
|
||||
text: "Find vej",
|
||||
href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup",
|
||||
},
|
||||
text: "Find vej", href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-wooden-board_23-2148617367.jpg",
|
||||
imageAlt: "Mad og kaffe",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-slices-with-egg-herbs-served-with-cup-tea_114579-37831.jpg",
|
||||
imageAlt: "Sandwich",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-avocados-with-sliced-peppers-bread-pieces-grey-surface_140725-90218.jpg",
|
||||
imageAlt: "Smørrebrød",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg",
|
||||
imageAlt: "Bilvask",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-eggs-herbs-served-with-cup-tea_114579-37794.jpg",
|
||||
imageAlt: "Morgenmad",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-vegetables-coffee_23-2148574564.jpg",
|
||||
imageAlt: "Tanken Glostrup",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-wooden-board_23-2148617367.jpg", imageAlt: "Mad og kaffe" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/bread-slices-with-egg-herbs-served-with-cup-tea_114579-37831.jpg", imageAlt: "Sandwich" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-avocados-with-sliced-peppers-bread-pieces-grey-surface_140725-90218.jpg", imageAlt: "Smørrebrød" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg", imageAlt: "Bilvask" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-eggs-herbs-served-with-cup-tea_114579-37794.jpg", imageAlt: "Morgenmad" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-vegetables-coffee_23-2148574564.jpg", imageAlt: "Tanken Glostrup" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,10 +78,7 @@ export default function LandingPage() {
|
||||
title="Et hurtigt og hyggeligt stop i Glostrup"
|
||||
description="Tanken Glostrup er stedet, hvor du kan starte dagen tidligt med kaffe, morgenmad og noget frisk fra disken. Uanset om du er på vej på arbejde, holder pause i løbet af dagen eller skal have frokost med på farten, står vi klar med hurtig betjening og klassiske favoritter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Læs mere",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Læs mere", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-smiling-asian-barista-girl-counter-working-with-pos-terminal-brewing-filter-kit_1258-199491.jpg"
|
||||
imageAlt="Friendly cafe staff working behind counter"
|
||||
@@ -136,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Morgenmad & kaffe",
|
||||
price: "Fra 25 DKK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sandwiches-with-avocado-pasta-tomatoes-inside-plate-grey-background-burger-sandwich-bun-snack-bread_140725-77107.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Friske Sandwiches",
|
||||
price: "Fra 45 DKK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-us-labor-day_23-2150378696.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Klassiske Burgers",
|
||||
price: "Fra 65 DKK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-cut-into-pieces-wrapped-with-paper_114579-2851.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Smørrebrød",
|
||||
price: "Fra 35 DKK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/continental-breakfast-table_658428-37.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Frikadeller",
|
||||
price: "Fra 40 DKK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomato-cheese-prosciutto-with-toast-wooden-table_1212-863.jpg",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Pastry & snacks",
|
||||
price: "Fra 20 DKK",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burgers-onion-rings_23-2148273039.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Morgenmad & kaffe", price: "Fra 25 DKK", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sandwiches-with-avocado-pasta-tomatoes-inside-plate-grey-background-burger-sandwich-bun-snack-bread_140725-77107.jpg" },
|
||||
{ id: "m2", name: "Friske Sandwiches", price: "Fra 45 DKK", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-us-labor-day_23-2150378696.jpg" },
|
||||
{ id: "m3", name: "Klassiske Burgers", price: "Fra 65 DKK", imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-cut-into-pieces-wrapped-with-paper_114579-2851.jpg" },
|
||||
{ id: "m4", name: "Smørrebrød", price: "Fra 35 DKK", imageSrc: "http://img.b2bpic.net/free-photo/continental-breakfast-table_658428-37.jpg" },
|
||||
{ id: "m5", name: "Frikadeller", price: "Fra 40 DKK", imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomato-cheese-prosciutto-with-toast-wooden-table_1212-863.jpg" },
|
||||
{ id: "m6", name: "Pastry & snacks", price: "Fra 20 DKK", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burgers-onion-rings_23-2148273039.jpg" },
|
||||
]}
|
||||
title="Populære valg hos Tanken"
|
||||
description="Spørg i butikken for dagens udvalg."
|
||||
@@ -184,36 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Café",
|
||||
author: "Atmosfære",
|
||||
description: "Kaffe, morgenmad og frokost i en afslappet og uformel atmosfære.",
|
||||
tags: [
|
||||
"Hygge",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-barista-brewing-filter-coffee-preparing-order-cafe-standing-counter_1258-199485.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Takeaway",
|
||||
author: "Hurtighed",
|
||||
description: "Tag maden med på vejen — hurtigt, nemt og praktisk.",
|
||||
tags: [
|
||||
"Praktisk",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-with-coffee_23-2147821222.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Bilvask",
|
||||
author: "Service",
|
||||
description: "Kombinér dit besøg med bilvask, når bilen også trænger.",
|
||||
tags: [
|
||||
"Service",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-high-pressure-hose-washes-car-car-wash_1153-9396.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Café", author: "Atmosfære", description: "Kaffe, morgenmad og frokost i en afslappet og uformel atmosfære.", tags: ["Hygge"], imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-barista-brewing-filter-coffee-preparing-order-cafe-standing-counter_1258-199485.jpg" },
|
||||
{ id: "s2", title: "Takeaway", author: "Hurtighed", description: "Tag maden med på vejen — hurtigt, nemt og praktisk.", tags: ["Praktisk"], imageSrc: "http://img.b2bpic.net/free-photo/bar-with-coffee_23-2147821222.jpg" },
|
||||
{ id: "s3", title: "Bilvask", author: "Service", description: "Kombinér dit besøg med bilvask, når bilen også trænger.", tags: ["Service"], imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-high-pressure-hose-washes-car-car-wash_1153-9396.jpg" },
|
||||
]}
|
||||
title="Mere end bare et hurtigt måltid"
|
||||
description="Vi tilbyder praktiske tjenester til både dig og din bil."
|
||||
@@ -226,46 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jens Nielsen",
|
||||
handle: "@jens",
|
||||
testimonial: "Sød og rask betjening.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mette Jensen",
|
||||
handle: "@mette",
|
||||
testimonial: "Super stort udvalg.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Peter Holm",
|
||||
handle: "@peter",
|
||||
testimonial: "Gode sandwich.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lene Hansen",
|
||||
handle: "@lene",
|
||||
testimonial: "Altid friskt og hurtigt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304457.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mads Poulsen",
|
||||
handle: "@mads",
|
||||
testimonial: "Det bedste stop i Glostrup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Jens Nielsen", handle: "@jens", testimonial: "Sød og rask betjening.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
|
||||
{ id: "t2", name: "Mette Jensen", handle: "@mette", testimonial: "Super stort udvalg.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg" },
|
||||
{ id: "t3", name: "Peter Holm", handle: "@peter", testimonial: "Gode sandwich.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg" },
|
||||
{ id: "t4", name: "Lene Hansen", handle: "@lene", testimonial: "Altid friskt og hurtigt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304457.jpg" },
|
||||
{ id: "t5", name: "Mads Poulsen", handle: "@mads", testimonial: "Det bedste stop i Glostrup.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hvad gæsterne siger"
|
||||
@@ -274,130 +138,54 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="opening-hours" data-section="opening-hours">
|
||||
<MetricCardOne
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "time1",
|
||||
value: "03:30–17:30",
|
||||
title: "Mandag–Fredag",
|
||||
description: "Hverdage",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "time2",
|
||||
value: "Lukket",
|
||||
title: "Lørdag",
|
||||
description: "Weekend",
|
||||
icon: XCircle,
|
||||
},
|
||||
{
|
||||
id: "time3",
|
||||
value: "Lukket",
|
||||
title: "Søndag",
|
||||
description: "Weekend",
|
||||
icon: XCircle,
|
||||
},
|
||||
]}
|
||||
title="Åbningstider"
|
||||
description="Åbningstider kan ændre sig på helligdage. Ring gerne for at være sikker."
|
||||
metrics={[
|
||||
{ id: "time1", value: "03:30–17:30", title: "Mandag–Fredag", items: ["Hverdage"] },
|
||||
{ id: "time2", value: "Lukket", title: "Lørdag", items: ["Weekend"] },
|
||||
{ id: "time3", value: "Lukket", title: "Søndag", items: ["Weekend"] },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hvornår åbner Tanken Glostrup?",
|
||||
content: "Vi åbner kl. 03:30 mandag til fredag.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Har I takeaway?",
|
||||
content: "Ja, mange af vores retter egner sig godt til takeaway.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Kan man få frokost hos jer?",
|
||||
content: "Ja, vi har blandt andet sandwiches, burgers, smørrebrød og andre hurtige frokostvalg.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Har I åbent i weekenden?",
|
||||
content: "Ifølge de aktuelle oplysninger holder vi lukket lørdag og søndag.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Hvor ligger Tanken Glostrup?",
|
||||
content: "Vi ligger på Fabriksparken 18, 2600 Glostrup.",
|
||||
},
|
||||
{ id: "f1", title: "Hvornår åbner Tanken Glostrup?", content: "Vi åbner kl. 03:30 mandag til fredag." },
|
||||
{ id: "f2", title: "Har I takeaway?", content: "Ja, mange af vores retter egner sig godt til takeaway." },
|
||||
{ id: "f3", title: "Kan man få frokost hos jer?", content: "Ja, vi har blandt andet sandwiches, burgers, smørrebrød og andre hurtige frokostvalg." },
|
||||
{ id: "f4", title: "Har I åbent i weekenden?", content: "Ifølge de aktuelle oplysninger holder vi lukket lørdag og søndag." },
|
||||
{ id: "f5", title: "Hvor ligger Tanken Glostrup?", content: "Vi ligger på Fabriksparken 18, 2600 Glostrup." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-call-center-girl-wearing-headset-sitting-desk-with-work-tools-faking-smile-looking-camera-isolated-orange-background_141793-84955.jpg"
|
||||
title="Spørgsmål & svar"
|
||||
description="Find hurtigt svar på dine spørgsmål."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Kontakt"
|
||||
title="Find os i Glostrup"
|
||||
description="Du finder Tanken Glostrup på Fabriksparken 18. Ring til os, hvis du vil høre mere om dagens udvalg."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-sky-collage-design_23-2151017881.jpg"
|
||||
mediaPosition="right"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttonText="Ring nu"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoReveal
|
||||
logoText="Tanken Glostrup"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Forside",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Ring: +45 43 96 77 38",
|
||||
href: "tel:+4543967738",
|
||||
},
|
||||
{
|
||||
label: "Find vej",
|
||||
href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
leftLink={{ text: "Ring: +45 43 96 77 38", href: "tel:+4543967738" }}
|
||||
rightLink={{ text: "Find vej", href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user