Merge version_1 into main #1
220
src/app/page.tsx
220
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Upplevelsen",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Meny",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Gäster",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Hitta oss",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Upplevelsen", id: "about" },
|
||||
{ name: "Meny", id: "products" },
|
||||
{ name: "Gäster", id: "testimonials" },
|
||||
{ name: "Hitta oss", id: "contact" },
|
||||
]}
|
||||
brandName="Amore Pizzeria"
|
||||
/>
|
||||
@@ -57,48 +42,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Sveriges mest älskade vägkrogspizzeria"
|
||||
description="En gömd pärla värd en omväg. Upplev hantverkspizzor som får folk att köra mil för en tugga."
|
||||
tag="Destination Food"
|
||||
buttons={[
|
||||
{
|
||||
text: "Beställ nu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Beställ nu", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-people-having-fun-beach_23-2149578920.jpg",
|
||||
imageAlt: "gourmet pizza restaurant atmosphere dark moody",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305641.jpg",
|
||||
imageAlt: "gourmet pizza restaurant atmosphere dark moody",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895470.jpg",
|
||||
imageAlt: "gourmet pizza restaurant atmosphere dark moody",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg",
|
||||
imageAlt: "gourmet pizza restaurant atmosphere dark moody",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134249.jpg",
|
||||
imageAlt: "gourmet pizza restaurant atmosphere dark moody",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-pizza-with-meat-chicek-olive-tomato-cheese_140725-5871.jpg",
|
||||
imageAlt: "gourmet pizza restaurant atmosphere dark moody",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/old-people-having-fun-beach_23-2149578920.jpg", imageAlt: "gourmet pizza restaurant atmosphere dark moody" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305641.jpg", imageAlt: "gourmet pizza restaurant atmosphere dark moody" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895470.jpg", imageAlt: "gourmet pizza restaurant atmosphere dark moody" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg", imageAlt: "gourmet pizza restaurant atmosphere dark moody" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134249.jpg", imageAlt: "gourmet pizza restaurant atmosphere dark moody" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/mixed-pizza-with-meat-chicek-olive-tomato-cheese_140725-5871.jpg", imageAlt: "gourmet pizza restaurant atmosphere dark moody" },
|
||||
]}
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
@@ -110,18 +68,9 @@ export default function LandingPage() {
|
||||
title="Utsidan undersäljer. Insidan överlevererar."
|
||||
description="Vi har valt att lägga allt fokus på råvarorna och gästupplevelsen. Det är därför våra gäster återkommer gång på gång, trots att vi ligger undangömda för alla utom de sanna matälskarna."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Färska råvaror",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Nöjda gäster",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
title: "Google-betyg",
|
||||
},
|
||||
{ value: "100%", title: "Färska råvaror" },
|
||||
{ value: "5000+", title: "Nöjda gäster" },
|
||||
{ value: "4.9", title: "Google-betyg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pumpkin-pie-making-arrangement_23-2149055383.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -135,49 +84,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita Classica",
|
||||
price: "145 kr",
|
||||
variant: "Klassiker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_23-2150134280.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tartufo Bianco",
|
||||
price: "185 kr",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cooked-pizza-with-chamomile-flowers-cutter_23-2148753718.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Prosciutto Crudo",
|
||||
price: "175 kr",
|
||||
variant: "Klassiker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mushroom-tomato-pizza_23-2148601592.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Diavola Piccante",
|
||||
price: "165 kr",
|
||||
variant: "Stark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-pizza-wooden-background_23-2148601601.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Quattro Formaggi",
|
||||
price: "170 kr",
|
||||
variant: "Vegetarisk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-delicious-cooked-pizza-with-bouquet-chamomile-flowers_23-2148753716.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Capricciosa Deluxe",
|
||||
price: "160 kr",
|
||||
variant: "Klassiker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134283.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Margherita Classica", price: "145 kr", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_23-2150134280.jpg" },
|
||||
{ id: "p2", name: "Tartufo Bianco", price: "185 kr", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cooked-pizza-with-chamomile-flowers-cutter_23-2148753718.jpg" },
|
||||
{ id: "p3", name: "Prosciutto Crudo", price: "175 kr", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mushroom-tomato-pizza_23-2148601592.jpg" },
|
||||
{ id: "p4", name: "Diavola Piccante", price: "165 kr", variant: "Stark", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-pizza-wooden-background_23-2148601601.jpg" },
|
||||
{ id: "p5", name: "Quattro Formaggi", price: "170 kr", variant: "Vegetarisk", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-delicious-cooked-pizza-with-bouquet-chamomile-flowers_23-2148753716.jpg" },
|
||||
{ id: "p6", name: "Capricciosa Deluxe", price: "160 kr", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134283.jpg" },
|
||||
]}
|
||||
title="Vår Meny"
|
||||
description="Utvalda klassiker lagade från grunden med kärlek."
|
||||
@@ -189,46 +103,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Bästa pizzan jag ätit",
|
||||
quote: "Jag körde 8 mil för denna pizza. Helt fantastisk upplevelse.",
|
||||
name: "Erik Svensson",
|
||||
role: "Matentusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-take-dinner-with-his-wife_23-2148435785.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Värt varje kilometer",
|
||||
quote: "Personalen här är magisk. Det känns som att komma hem.",
|
||||
name: "Maria Lind",
|
||||
role: "Stammis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Gömda pärlan",
|
||||
quote: "Underskatta aldrig ett ställe som detta. Maten är Michelin-klass i enkel förpackning.",
|
||||
name: "Jonas Berg",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-eating-salad-with-fork-bowl_23-2147893435.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Otroligt",
|
||||
quote: "Detta har blivit vår månatliga utflykt.",
|
||||
name: "Sara Nilsson",
|
||||
role: "Gäst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Magiskt",
|
||||
quote: "Ingen pizzeria i Sverige slår Amore.",
|
||||
name: "Karl Fredrik",
|
||||
role: "Resenär",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Bästa pizzan jag ätit", quote: "Jag körde 8 mil för denna pizza. Helt fantastisk upplevelse.", name: "Erik Svensson", role: "Matentusiast", imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-take-dinner-with-his-wife_23-2148435785.jpg" },
|
||||
{ id: "t2", title: "Värt varje kilometer", quote: "Personalen här är magisk. Det känns som att komma hem.", name: "Maria Lind", role: "Stammis", imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg" },
|
||||
{ id: "t3", title: "Gömda pärlan", quote: "Underskatta aldrig ett ställe som detta. Maten är Michelin-klass i enkel förpackning.", name: "Jonas Berg", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-eating-salad-with-fork-bowl_23-2147893435.jpg" },
|
||||
{ id: "t4", title: "Otroligt", quote: "Detta har blivit vår månatliga utflykt.", name: "Sara Nilsson", role: "Gäst", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg" },
|
||||
{ id: "t5", title: "Magiskt", quote: "Ingen pizzeria i Sverige slår Amore.", name: "Karl Fredrik", role: "Resenär", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg" },
|
||||
]}
|
||||
title="Gästerna har talat"
|
||||
description="Se vad våra besökare säger om upplevelsen på Amore."
|
||||
@@ -238,51 +117,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Boka bord"
|
||||
title="Är du redo för en omväg?"
|
||||
description="Vi har begränsat med platser. Se till att säkra din upplevelse redan idag."
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka bord",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Boka bord", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Hitta oss",
|
||||
items: [
|
||||
{
|
||||
label: "Vägen 12, Pizza City",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öppettider",
|
||||
items: [
|
||||
{
|
||||
label: "Tis-Sön: 17-22",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "info@amorepizzeria.se",
|
||||
href: "mailto:info@amorepizzeria.se",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Hitta oss", items: [{ label: "Vägen 12, Pizza City", href: "#" }] },
|
||||
{ title: "Öppettider", items: [{ label: "Tis-Sön: 17-22", href: "#" }] },
|
||||
{ title: "Kontakt", items: [{ label: "info@amorepizzeria.se", href: "mailto:info@amorepizzeria.se" }] },
|
||||
]}
|
||||
logoText="Amore Pizzeria"
|
||||
/>
|
||||
@@ -290,4 +138,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user