Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Meny",
|
||||
id: "#meny",
|
||||
},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "#om-oss",
|
||||
},
|
||||
{
|
||||
name: "Beställ",
|
||||
id: "#bestall",
|
||||
},
|
||||
{ name: "Meny", id: "#meny" },
|
||||
{ name: "Om oss", id: "#om-oss" },
|
||||
{ name: "Beställ", id: "#bestall" }
|
||||
]}
|
||||
brandName="Hamn Pizzeria"
|
||||
/>
|
||||
@@ -50,52 +41,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Skellefteås mest smakrika pizza"
|
||||
description="96 rätter. Generösa portioner. Smaker du kommer tillbaka för."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beställ nu",
|
||||
href: "#bestall",
|
||||
},
|
||||
{
|
||||
text: "Se meny",
|
||||
href: "#meny",
|
||||
},
|
||||
{ text: "Beställ nu", href: "#bestall" },
|
||||
{ text: "Se meny", href: "#meny" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106695.jpg?_wi=1",
|
||||
imageAlt: "close up delicious pizza oven",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheesy-mushroom-pizza-with-cheese-grater-near-ingredients-black-backdrop_23-2148076185.jpg",
|
||||
imageAlt: "close up delicious pizza oven",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg",
|
||||
imageAlt: "close up delicious pizza oven",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-margherita-pizza-topped-with-rocket_141793-2041.jpg",
|
||||
imageAlt: "close up delicious pizza oven",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-parmesan-cutter_23-2148753762.jpg",
|
||||
imageAlt: "close up delicious pizza oven",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-meat-pizza-with-jamon-olives_501050-772.jpg",
|
||||
imageAlt: "close up delicious pizza oven",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106695.jpg", imageAlt: "close up delicious pizza oven" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/cheesy-mushroom-pizza-with-cheese-grater-near-ingredients-black-backdrop_23-2148076185.jpg", imageAlt: "close up delicious pizza oven" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg", imageAlt: "close up delicious pizza oven" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-margherita-pizza-topped-with-rocket_141793-2041.jpg", imageAlt: "close up delicious pizza oven" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-parmesan-cutter_23-2148753762.jpg", imageAlt: "close up delicious pizza oven" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/assorted-meat-pizza-with-jamon-olives_501050-772.jpg", imageAlt: "close up delicious pizza oven" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Vi lyssnar. Vi förbättrar. Vi levererar."
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Snabbare service",
|
||||
value: "20min",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Tydligare beställningar",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Färskare råvaror",
|
||||
value: "Daily",
|
||||
},
|
||||
{ icon: Clock, label: "Snabbare service", value: "20min" },
|
||||
{ icon: CheckCircle, label: "Tydligare beställningar", value: "100%" },
|
||||
{ icon: Flame, label: "Färskare råvaror", value: "Daily" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -132,42 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kebabpizza Deluxe",
|
||||
price: "135 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-tasty-with-cheese_1303-9611.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Calzone Special",
|
||||
price: "125 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pastry-with-cheese-sheet-paper_114579-88643.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vesuvio Klassisk",
|
||||
price: "115 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235801.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Oxfilépasta",
|
||||
price: "165 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Husets Sallad",
|
||||
price: "105 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cheese-italian-pizza-slices-circular-wooden-tray-table_23-2148090960.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grillad Kyckling",
|
||||
price: "145 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-restaurant-table_7939-2534.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Kebabpizza Deluxe", price: "135 kr", imageSrc: "http://img.b2bpic.net/free-photo/pizza-tasty-with-cheese_1303-9611.jpg" },
|
||||
{ id: "p2", name: "Calzone Special", price: "125 kr", imageSrc: "http://img.b2bpic.net/free-photo/homemade-pastry-with-cheese-sheet-paper_114579-88643.jpg" },
|
||||
{ id: "p3", name: "Vesuvio Klassisk", price: "115 kr", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235801.jpg" },
|
||||
{ id: "p4", name: "Oxfilépasta", price: "165 kr", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
|
||||
{ id: "p5", name: "Husets Sallad", price: "105 kr", imageSrc: "http://img.b2bpic.net/free-photo/two-cheese-italian-pizza-slices-circular-wooden-tray-table_23-2148090960.jpg" },
|
||||
{ id: "p6", name: "Grillad Kyckling", price: "145 kr", imageSrc: "http://img.b2bpic.net/free-photo/pizza-restaurant-table_7939-2534.jpg" }
|
||||
]}
|
||||
title="Något för alla – på riktigt"
|
||||
description="Över 90 rätter – alltid något du älskar."
|
||||
@@ -181,29 +98,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Generösa portioner",
|
||||
description: "Du blir alltid mätt hos oss.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235783.jpg",
|
||||
imageAlt: "High angle baking delicious pizza",
|
||||
title: "Generösa portioner", description: "Du blir alltid mätt hos oss.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Smak i fokus",
|
||||
description: "Traditionella recept, modern kärlek.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106695.jpg?_wi=2",
|
||||
imageAlt: "High angle baking delicious pizza",
|
||||
title: "Smak i fokus", description: "Traditionella recept, modern kärlek.", bentoComponent: "reveal-icon", icon: Utensils
|
||||
},
|
||||
{
|
||||
title: "Brett utbud",
|
||||
description: "96 rätter garanterar något för alla.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: List,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-tasty-with-cheese_1303-9611.jpg?_wi=2",
|
||||
imageAlt: "High angle baking delicious pizza",
|
||||
},
|
||||
title: "Brett utbud", description: "96 rätter garanterar något för alla.", bentoComponent: "reveal-icon", icon: List
|
||||
}
|
||||
]}
|
||||
title="Varför Hamn Pizzeria?"
|
||||
description="Vi kompromissar aldrig med smak eller storlek."
|
||||
@@ -217,26 +119,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Nöjd stamgäst"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pizza-with-zucchini-vegetables_140725-5405.jpg",
|
||||
alt: "kebab pizza deluxe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/food-waste-concept_23-2148688610.jpg",
|
||||
alt: "calzone pizza baked",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134260.jpg",
|
||||
alt: "vesuvio classic pizza",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lahmacun-slices-with-meat-oily-stuff-herbs-it-red-tablecloth_114579-2950.jpg",
|
||||
alt: "kebab pizza deluxe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-dinner-horizontal-no-people-diet_1122-2448.jpg",
|
||||
alt: "closeup dinner horizontal no people diet",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pizza-with-zucchini-vegetables_140725-5405.jpg", alt: "kebab pizza deluxe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/food-waste-concept_23-2148688610.jpg", alt: "calzone pizza baked" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134260.jpg", alt: "vesuvio classic pizza" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lahmacun-slices-with-meat-oily-stuff-herbs-it-red-tablecloth_114579-2950.jpg", alt: "kebab pizza deluxe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-dinner-horizontal-no-people-diet_1122-2448.jpg", alt: "closeup dinner horizontal no people diet" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -247,21 +134,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Historien bakom Hamn?",
|
||||
content: "Vi har funnits för Skellefteå i årtionden.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Vårt fokus?",
|
||||
content: "Att alltid ge våra gäster en matupplevelse värd att minnas.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Varför välja oss?",
|
||||
content: "För att vi älskar det vi gör och det syns på tallriken.",
|
||||
},
|
||||
{ id: "1", title: "Historien bakom Hamn?", content: "Vi har funnits för Skellefteå i årtionden." },
|
||||
{ id: "2", title: "Vårt fokus?", content: "Att alltid ge våra gäster en matupplevelse värd att minnas." },
|
||||
{ id: "3", title: "Varför välja oss?", content: "För att vi älskar det vi gör och det syns på tallriken." }
|
||||
]}
|
||||
sideTitle="En del av Skellefteå"
|
||||
sideDescription="En kvarterspizzeria med historia, minnen och stamgäster som kommer tillbaka år efter år."
|
||||
@@ -271,10 +146,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="bestall" data-section="bestall">
|
||||
<ContactSplit
|
||||
tag="Beställning"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Beställ på ditt sätt"
|
||||
description="Online, telefon eller på plats. Redo att avnjutas snabbt."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-modern-cafe-with-sofas-chairs-tables_169016-36774.jpg"
|
||||
@@ -288,31 +162,17 @@ export default function LandingPage() {
|
||||
logoText="Hamn Pizzeria"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "0910-123 45",
|
||||
href: "tel:091012345",
|
||||
},
|
||||
{
|
||||
label: "Storgatan 1, Skellefteå",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Kontakt", items: [
|
||||
{ label: "0910-123 45", href: "tel:091012345" },
|
||||
{ label: "Storgatan 1, Skellefteå", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Öppettider",
|
||||
items: [
|
||||
{
|
||||
label: "Mån-Fre: 11-21",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Lör-Sön: 12-22",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Öppettider", items: [
|
||||
{ label: "Mån-Fre: 11-21", href: "#" },
|
||||
{ label: "Lör-Sön: 12-22", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user