Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Meny",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Besök",
|
||||
id: "visit",
|
||||
},
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Om oss", id: "about" },
|
||||
{ name: "Meny", id: "menu" },
|
||||
{ name: "Besök", id: "visit" },
|
||||
]}
|
||||
brandName="Sotilaskoti Vaasa"
|
||||
/>
|
||||
@@ -56,34 +44,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Fika, mat & gemenskap i hjärtat av Vasa"
|
||||
description="Välkommen till en varm och traditionell paus i din dag."
|
||||
buttons={[
|
||||
{
|
||||
text: "Se meny",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg?_wi=1"
|
||||
buttons={[{ text: "Se meny", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg",
|
||||
alt: "Lifestyle shot of handsome young man sitting in a cafe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sonfident-young-african-american-woman-smart-casual-wear-cafe-with-cup-hot-drink-hand_627829-5308.jpg",
|
||||
alt: "Confident young woman in smart casual wear at cafe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491912.jpg",
|
||||
alt: "Front view woman having lunch at restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg",
|
||||
alt: "Dreamy stylish girl with blonde hair sitting in a coffee shop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-broadly-showing-teeth_141793-55127.jpg",
|
||||
alt: "Young handsome man in beige turtleneck smiling",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg", alt: "Lifestyle shot of handsome young man sitting in a cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sonfident-young-african-american-woman-smart-casual-wear-cafe-with-cup-hot-drink-hand_627829-5308.jpg", alt: "Confident young woman in smart casual wear at cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491912.jpg", alt: "Front view woman having lunch at restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg", alt: "Dreamy stylish girl with blonde hair sitting in a coffee shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-broadly-showing-teeth_141793-55127.jpg", alt: "Young handsome man in beige turtleneck smiling" }
|
||||
]}
|
||||
avatarText="Över 1000 nöjda gäster varje månad"
|
||||
/>
|
||||
@@ -93,12 +61,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Om Sotilaskoti"
|
||||
buttons={[
|
||||
{
|
||||
text: "Läs mer",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Läs mer", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,42 +72,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kaffe",
|
||||
price: "2,50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kanelbulle",
|
||||
price: "3,00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup-table_1203-7315.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smörgås",
|
||||
price: "5,00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Te",
|
||||
price: "2,00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-home-decor-details-cup-coffee-home-comfort-concept_169016-9888.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cappuccino",
|
||||
price: "3,50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/festive-home-still-life-with-cup-drink-flowers-decor-details-blurred-background-with-bokeh_169016-10297.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bakelse",
|
||||
price: "4,00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-national-azerbaijani-food-dovga-white-bowl_140725-10222.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Kaffe", price: "2,50€", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg" },
|
||||
{ id: "p2", name: "Kanelbulle", price: "3,00€", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup-table_1203-7315.jpg" },
|
||||
{ id: "p3", name: "Smörgås", price: "5,00€", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg" },
|
||||
{ id: "p4", name: "Te", price: "2,00€", imageSrc: "http://img.b2bpic.net/free-photo/composition-home-decor-details-cup-coffee-home-comfort-concept_169016-9888.jpg" },
|
||||
{ id: "p5", name: "Cappuccino", price: "3,50€", imageSrc: "http://img.b2bpic.net/free-photo/festive-home-still-life-with-cup-drink-flowers-decor-details-blurred-background-with-bokeh_169016-10297.jpg" },
|
||||
{ id: "p6", name: "Bakelse", price: "4,00€", imageSrc: "http://img.b2bpic.net/free-photo/side-view-national-azerbaijani-food-dovga-white-bowl_140725-10222.jpg" }
|
||||
]}
|
||||
title="Populära val"
|
||||
description="Njut av våra klassiska favoriter."
|
||||
@@ -158,50 +91,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Snabb och vänlig service",
|
||||
description: "Vi prioriterar att du känner dig välkommen.",
|
||||
icon: CheckCircle,
|
||||
title: "Snabb och vänlig service", description: "Vi prioriterar att du känner dig välkommen.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/condensed-nut-dessert-sprinkled-with-powdered-sugar_140725-6600.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg?_wi=2",
|
||||
imageAlt: "cozy cafe interior warm wood",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/condensed-nut-dessert-sprinkled-with-powdered-sugar_140725-6600.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Prisvärt kaffe och fika",
|
||||
description: "Hög kvalitet till humana priser.",
|
||||
icon: CheckCircle,
|
||||
title: "Prisvärt kaffe och fika", description: "Hög kvalitet till humana priser.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49101.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cake-hot-drink-arrangement_23-2149271442.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-sitting-street-bench-traveling-alone-enjoy-her-free-time_1153-5474.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior warm wood",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49101.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cake-hot-drink-arrangement_23-2149271442.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Tyst och avkopplande miljö",
|
||||
description: "Perfekt för möten eller en lugn stund för dig själv.",
|
||||
icon: CheckCircle,
|
||||
title: "Tyst och avkopplande miljö", description: "Perfekt för möten eller en lugn stund för dig själv.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee_23-2148354694.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-work-together-using-various-gadgets-having-conversation_627829-5231.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior warm wood",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee_23-2148354694.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-work-together-using-various-gadgets-having-conversation_627829-5231.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Varför besöka oss?"
|
||||
description="Vi erbjuder en stunds avkoppling i en stressig vardag."
|
||||
@@ -212,31 +121,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-sitting-street-bench-traveling-alone-enjoy-her-free-time_1153-5474.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Johan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-reading-book-cafe_23-2150064764.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Erik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sara",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
|
||||
},
|
||||
{ id: "1", name: "Anna", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-sitting-street-bench-traveling-alone-enjoy-her-free-time_1153-5474.jpg" },
|
||||
{ id: "2", name: "Johan", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg" },
|
||||
{ id: "3", name: "Maria", imageSrc: "http://img.b2bpic.net/free-photo/person-reading-book-cafe_23-2150064764.jpg" },
|
||||
{ id: "4", name: "Erik", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg" },
|
||||
{ id: "5", name: "Sara", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg" }
|
||||
]}
|
||||
cardTitle="Vad gäster säger"
|
||||
cardAnimation="slide-up"
|
||||
@@ -249,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Måndag - Fredag",
|
||||
content: "09:00 – 18:00",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Lördag",
|
||||
content: "10:00 – 16:00",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Söndag",
|
||||
content: "Stängt",
|
||||
},
|
||||
{ id: "1", title: "Måndag - Fredag", content: "09:00 – 18:00" },
|
||||
{ id: "2", title: "Lördag", content: "10:00 – 16:00" },
|
||||
{ id: "3", title: "Söndag", content: "Stängt" }
|
||||
]}
|
||||
title="Öppettider"
|
||||
description="Information om när vi har öppet."
|
||||
@@ -277,16 +154,8 @@ export default function LandingPage() {
|
||||
title="Hitta oss"
|
||||
description="Välkommen att besöka Sotilaskoti Vaasa på centrala lägen."
|
||||
inputs={[
|
||||
{
|
||||
name: "namn",
|
||||
type: "text",
|
||||
placeholder: "Ditt namn",
|
||||
},
|
||||
{
|
||||
name: "epost",
|
||||
type: "email",
|
||||
placeholder: "Din e-post",
|
||||
},
|
||||
{ name: "namn", type: "text", placeholder: "Ditt namn" },
|
||||
{ name: "epost", type: "email", placeholder: "Din e-post" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-reading-book-home-while-drinking-tea_23-2148391976.jpg"
|
||||
/>
|
||||
@@ -297,31 +166,17 @@ export default function LandingPage() {
|
||||
logoText="Sotilaskoti Vaasa"
|
||||
columns={[
|
||||
{
|
||||
title: "Meny",
|
||||
items: [
|
||||
{
|
||||
label: "Kaffe",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bulle",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Meny", items: [
|
||||
{ label: "Kaffe", href: "#" },
|
||||
{ label: "Bulle", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Hitta hit",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Info", items: [
|
||||
{ label: "Kontakt", href: "#" },
|
||||
{ label: "Hitta hit", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user