Update src/app/page.tsx
This commit is contained in:
258
src/app/page.tsx
258
src/app/page.tsx
@@ -32,31 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Om oss", id: "#about"},
|
||||
{
|
||||
name: "Meny",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Meny", id: "#menu"},
|
||||
{
|
||||
name: "Galleri",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Galleri", id: "#gallery"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="Söderberg & Sara"
|
||||
button={{
|
||||
text: "Hitta hit",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Hitta hit", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -64,44 +52,29 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Hantverksbakat med kärlek i Ystad"
|
||||
description="Stenugnsbakat bröd, nygräddade bullar och lokalt rostat kaffe varje dag."
|
||||
tag="Välkommen till Söderberg & Sara"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Se meny",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Se meny", href: "#menu"},
|
||||
{
|
||||
text: "Hitta hit",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Hitta hit", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-breakfast_74190-1966.jpg",
|
||||
imageAlt: "Nybakat surdegsbröd och croissanter i bagerimiljö",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-breakfast_74190-1966.jpg", imageAlt: "Nybakat surdegsbröd och croissanter i bagerimiljö"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-tray_23-2150014902.jpg",
|
||||
imageAlt: "Bagare som arbetar med surdegsbröd i ugnen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-tray_23-2150014902.jpg", imageAlt: "Bagare som arbetar med surdegsbröd i ugnen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-varieties-wooden-board_114579-19910.jpg",
|
||||
imageAlt: "Olika sorters bröd på träskiva",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-varieties-wooden-board_114579-19910.jpg", imageAlt: "Olika sorters bröd på träskiva"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-kinds-pastries-black-board_114579-88098.jpg",
|
||||
imageAlt: "Två sorters bakverk på svart bräda",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-kinds-pastries-black-board_114579-88098.jpg", imageAlt: "Två sorters bakverk på svart bräda"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-fresh-baked-bread-wooden-table_23-2147926601.jpg",
|
||||
imageAlt: "Närbild på olika nybakade bröd på träbord",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-fresh-baked-bread-wooden-table_23-2147926601.jpg", imageAlt: "Närbild på olika nybakade bröd på träbord"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.4}
|
||||
@@ -116,19 +89,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "År i branschen",
|
||||
value: "20+",
|
||||
},
|
||||
label: "År i branschen", value: "20+"},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Nybakade produkter dagligen",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Nybakade produkter dagligen", value: "1000+"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Nöjda kunder",
|
||||
value: "15000+",
|
||||
},
|
||||
label: "Nöjda kunder", value: "15000+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -142,19 +109,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Ekologiska Råvaror",
|
||||
description: "Vi använder noggrant utvalda ekologiska ingredienser för att säkerställa högsta kvalitet och smak i varje produkt.",
|
||||
},
|
||||
title: "Ekologiska Råvaror", description: "Vi använder noggrant utvalda ekologiska ingredienser för att säkerställa högsta kvalitet och smak i varje produkt."},
|
||||
{
|
||||
icon: History,
|
||||
title: "Traditionella Metoder",
|
||||
description: "Med gamla bageritraditioner och stenugnsbakning skapar vi bröd och bakverk med unik karaktär och konsistens.",
|
||||
},
|
||||
title: "Traditionella Metoder", description: "Med gamla bageritraditioner och stenugnsbakning skapar vi bröd och bakverk med unik karaktär och konsistens."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Genuint Hantverk",
|
||||
description: "Varje bröd och bulle är bakat för hand av våra erfarna bagare, med kärlek och precision i varje steg.",
|
||||
},
|
||||
title: "Genuint Hantverk", description: "Varje bröd och bulle är bakat för hand av våra erfarna bagare, med kärlek och precision i varje steg."},
|
||||
]}
|
||||
title="På Söderberg & Sara"
|
||||
description="Vi bakar varje dag med ekologiska råvaror och traditionella metoder. Vårt fokus är smak, kvalitet och genuint hantverk."
|
||||
@@ -169,61 +130,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Croissant",
|
||||
price: "35 kr",
|
||||
variant: "Klassisk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-toasts-near-mug_23-2147869653.jpg",
|
||||
imageAlt: "Nybakad croissant",
|
||||
},
|
||||
id: "p1", name: "Croissant", price: "35 kr", variant: "Klassisk", imageSrc: "http://img.b2bpic.net/free-photo/sweet-toasts-near-mug_23-2147869653.jpg", imageAlt: "Nybakad croissant"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Surdegsbröd",
|
||||
price: "65 kr",
|
||||
variant: "Stenugnsbakat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg",
|
||||
imageAlt: "Stenugnsbakat surdegsbröd",
|
||||
},
|
||||
id: "p2", name: "Surdegsbröd", price: "65 kr", variant: "Stenugnsbakat", imageSrc: "http://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg", imageAlt: "Stenugnsbakat surdegsbröd"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bryggkaffe",
|
||||
price: "30 kr",
|
||||
variant: "Lokalt rostat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-cup-coffee-candle-bouquet-flowers_169016-28150.jpg",
|
||||
imageAlt: "Färskbryggt kaffe",
|
||||
},
|
||||
id: "p3", name: "Bryggkaffe", price: "30 kr", variant: "Lokalt rostat", imageSrc: "http://img.b2bpic.net/free-photo/home-composition-with-cup-coffee-candle-bouquet-flowers_169016-28150.jpg", imageAlt: "Färskbryggt kaffe"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Kanelbulle",
|
||||
price: "40 kr",
|
||||
variant: "Nygräddad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-pies-dark-table-pie-sweet-cake-biscuit-pastry_140725-73366.jpg",
|
||||
imageAlt: "Nygräddad kanelbulle",
|
||||
},
|
||||
id: "p4", name: "Kanelbulle", price: "40 kr", variant: "Nygräddad", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-pies-dark-table-pie-sweet-cake-biscuit-pastry_140725-73366.jpg", imageAlt: "Nygräddad kanelbulle"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Baguette",
|
||||
price: "45 kr",
|
||||
variant: "Frasig",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-challah-dish-hanukkah_23-2151129178.jpg",
|
||||
imageAlt: "Frasig baguette",
|
||||
},
|
||||
id: "p5", name: "Baguette", price: "45 kr", variant: "Frasig", imageSrc: "http://img.b2bpic.net/free-photo/3d-challah-dish-hanukkah_23-2151129178.jpg", imageAlt: "Frasig baguette"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chokladkaka",
|
||||
price: "38 kr",
|
||||
variant: "Glutenfri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-cookies-wooden-table_1150-19676.jpg",
|
||||
imageAlt: "Chokladkaka",
|
||||
},
|
||||
id: "p6", name: "Chokladkaka", price: "38 kr", variant: "Glutenfri", imageSrc: "http://img.b2bpic.net/free-photo/pile-cookies-wooden-table_1150-19676.jpg", imageAlt: "Chokladkaka"},
|
||||
]}
|
||||
title="Våra favoriter"
|
||||
description="Upptäck ett urval av våra mest omtyckta produkter, från frasiga croissanter till aromatiskt kaffe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Se hela menyn",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Se hela menyn", href: "#menu"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -236,25 +159,15 @@ export default function LandingPage() {
|
||||
author="Anna S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/curly-girl-with-beatiful-smile-keeping-cup-coffee-looking-camera_7502-9179.jpg",
|
||||
alt: "Kundavatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/curly-girl-with-beatiful-smile-keeping-cup-coffee-looking-camera_7502-9179.jpg", alt: "Kundavatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "Kundavatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Kundavatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-shot-fashionable-girl-with-pleased-facial-expression_273609-18237.jpg",
|
||||
alt: "Kundavatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-shot-fashionable-girl-with-pleased-facial-expression_273609-18237.jpg", alt: "Kundavatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-model_23-2148905636.jpg",
|
||||
alt: "Kundavatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-model_23-2148905636.jpg", alt: "Kundavatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg",
|
||||
alt: "Kundavatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg", alt: "Kundavatar 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -269,61 +182,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Bröd",
|
||||
role: "Mästarklass",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-bread-basket-marble-background-high-quality-photo_114579-38014.jpg",
|
||||
imageAlt: "Galleri bild bröd",
|
||||
},
|
||||
id: "g1", name: "Bröd", role: "Mästarklass", imageSrc: "http://img.b2bpic.net/free-photo/various-bread-basket-marble-background-high-quality-photo_114579-38014.jpg", imageAlt: "Galleri bild bröd"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Bullar",
|
||||
role: "Sött & gott",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-shot-morning-sweets_23-2148254987.jpg",
|
||||
imageAlt: "Galleri bild bullar",
|
||||
},
|
||||
id: "g2", name: "Bullar", role: "Sött & gott", imageSrc: "http://img.b2bpic.net/free-photo/high-view-shot-morning-sweets_23-2148254987.jpg", imageAlt: "Galleri bild bullar"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Kaffe",
|
||||
role: "Nymalet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg",
|
||||
imageAlt: "Galleri bild kaffe",
|
||||
},
|
||||
id: "g3", name: "Kaffe", role: "Nymalet", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg", imageAlt: "Galleri bild kaffe"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Interiör",
|
||||
role: "Välkomnande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
|
||||
imageAlt: "Galleri bild interiör",
|
||||
},
|
||||
id: "g4", name: "Interiör", role: "Välkomnande", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", imageAlt: "Galleri bild interiör"},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Personal",
|
||||
role: "Våra hjältar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-son-father-cooking_23-2148351723.jpg",
|
||||
imageAlt: "Galleri bild personal",
|
||||
},
|
||||
id: "g5", name: "Personal", role: "Våra hjältar", imageSrc: "http://img.b2bpic.net/free-photo/handsome-son-father-cooking_23-2148351723.jpg", imageAlt: "Galleri bild personal"},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Gäster",
|
||||
role: "Njutning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-food_23-2149410394.jpg",
|
||||
imageAlt: "Galleri bild gäster",
|
||||
},
|
||||
id: "g6", name: "Gäster", role: "Njutning", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-food_23-2149410394.jpg", imageAlt: "Galleri bild gäster"},
|
||||
{
|
||||
id: "g7",
|
||||
name: "Ugnen",
|
||||
role: "Bakmagi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-french-rye-bread-wooden-board_114579-5218.jpg",
|
||||
imageAlt: "Galleri bild ugn",
|
||||
},
|
||||
id: "g7", name: "Ugnen", role: "Bakmagi", imageSrc: "http://img.b2bpic.net/free-photo/round-french-rye-bread-wooden-board_114579-5218.jpg", imageAlt: "Galleri bild ugn"},
|
||||
{
|
||||
id: "g8",
|
||||
name: "Inredning",
|
||||
role: "Detaljer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-rose-table_1339-3028.jpg",
|
||||
imageAlt: "Galleri bild inredning",
|
||||
},
|
||||
id: "g8", name: "Inredning", role: "Detaljer", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-rose-table_1339-3028.jpg", imageAlt: "Galleri bild inredning"},
|
||||
]}
|
||||
title="Vårt Galleri"
|
||||
description="En visuell resa genom vår bagerimiljö och våra hantverksbakade delikatesser."
|
||||
@@ -334,17 +207,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Besök oss"
|
||||
tagAnimation="blur-reveal"
|
||||
title="Hitta till Söderberg & Sara"
|
||||
description="Regementsgatan 2\n271 35 Ystad\n\nTelefon: 0411-125 80\n\nÖppettider:\nMåndag–Fredag: 07:00–18:00\nLördag–Söndag: 08:00–16:00"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visa på karta",
|
||||
href: "https://maps.app.goo.gl/example",
|
||||
},
|
||||
text: "Visa på karta", href: "https://maps.app.goo.gl/example"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -357,55 +227,35 @@ export default function LandingPage() {
|
||||
logoText="Söderberg & Sara"
|
||||
columns={[
|
||||
{
|
||||
title: "Om oss",
|
||||
items: [
|
||||
title: "Om oss", items: [
|
||||
{
|
||||
label: "Vår historia",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Vår historia", href: "#about"},
|
||||
{
|
||||
label: "Vårt team",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Vårt team", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Meny",
|
||||
items: [
|
||||
title: "Meny", items: [
|
||||
{
|
||||
label: "Alla produkter",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Alla produkter", href: "#menu"},
|
||||
{
|
||||
label: "Dagens lunch",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Dagens lunch", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kundtjänst",
|
||||
items: [
|
||||
title: "Kundtjänst", items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Följ oss",
|
||||
items: [
|
||||
title: "Följ oss", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/soderbergsara",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/soderbergsara"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/soderbergsara",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/soderbergsara"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user