Merge version_1 into main #1
253
src/app/page.tsx
253
src/app/page.tsx
@@ -31,73 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tjänster",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Produkter",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Galleri",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Om oss", id: "about" },
|
||||
{ name: "Tjänster", id: "services" },
|
||||
{ name: "Produkter", id: "products" },
|
||||
{ name: "Galleri", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Beauty Flower"
|
||||
button={{ text: "Boka nu", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Vackra blommor för alla tillfällen"
|
||||
description="Personliga buketter och blomsterarrangemang skapade med omsorg i Åkersberga."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beställ blommor",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Kontakta oss",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Beställ blommor", href: "#products" },
|
||||
{ text: "Kontakta oss", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-touching-roses-florist-shop_23-2148049302.jpg",
|
||||
imageAlt: "elegant flower shop bouquet setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-bouquet-flowers-glass_181624-32252.jpg",
|
||||
imageAlt: "various flower bouquets close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-bride-holding-beautiful-roses-bouquet_23-2147936551.jpg",
|
||||
imageAlt: "wedding floral bouquet white",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-orchid-curtain_23-2148229280.jpg",
|
||||
imageAlt: "fresh orchid blossoms arrangement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-orange-brown-roses-black-wall_181624-28239.jpg",
|
||||
imageAlt: "funeral floral tribute elegant",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-touching-roses-florist-shop_23-2148049302.jpg", imageAlt: "elegant flower shop bouquet setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-bouquet-flowers-glass_181624-32252.jpg", imageAlt: "various flower bouquets close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-section-bride-holding-beautiful-roses-bouquet_23-2147936551.jpg", imageAlt: "wedding floral bouquet white" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-orchid-curtain_23-2148229280.jpg", imageAlt: "fresh orchid blossoms arrangement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-orange-brown-roses-black-wall_181624-28239.jpg", imageAlt: "funeral floral tribute elegant" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,48 +82,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Födelsedagsbuketter",
|
||||
description: "Personliga buketter för födelsedagar.",
|
||||
tag: "Populärt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-christmas-ligths-cinnamon-decoration-sticks_114579-2442.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Bröllopsblommor",
|
||||
description: "Drömmig design för er stora dag.",
|
||||
tag: "Elegans",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-wooden-stand-with-candies-candles_114579-2064.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Begravningsblommor",
|
||||
description: "Värdiga arrangemang med känsla.",
|
||||
tag: "Omtanke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23571.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Orkidéer",
|
||||
description: "Exotiska växter av högsta kvalitet.",
|
||||
tag: "Unik",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orchid-flower_74190-1138.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Arrangemang",
|
||||
description: "Kreativa lösningar för alla rum.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247575.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Hemleverans",
|
||||
description: "Smidig leverans direkt till dörren.",
|
||||
tag: "Snabbt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17315.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Födelsedagsbuketter", description: "Personliga buketter för födelsedagar.", tag: "Populärt", imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-christmas-ligths-cinnamon-decoration-sticks_114579-2442.jpg" },
|
||||
{ id: "s2", title: "Bröllopsblommor", description: "Drömmig design för er stora dag.", tag: "Elegans", imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-wooden-stand-with-candies-candles_114579-2064.jpg" },
|
||||
{ id: "s3", title: "Begravningsblommor", description: "Värdiga arrangemang med känsla.", tag: "Omtanke", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23571.jpg" },
|
||||
{ id: "s4", title: "Orkidéer", description: "Exotiska växter av högsta kvalitet.", tag: "Unik", imageSrc: "http://img.b2bpic.net/free-photo/orchid-flower_74190-1138.jpg" },
|
||||
{ id: "s5", title: "Arrangemang", description: "Kreativa lösningar för alla rum.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247575.jpg" },
|
||||
{ id: "s6", title: "Hemleverans", description: "Smidig leverans direkt till dörren.", tag: "Snabbt", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17315.jpg" },
|
||||
]}
|
||||
title="Våra tjänster"
|
||||
description="Vi erbjuder ett brett sortiment av blomstertjänster med högsta kvalitet i fokus."
|
||||
@@ -177,42 +101,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Klassisk Bukett",
|
||||
price: "349 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-arrangement-fresh-flowers_169016-5471.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lyxig Orkidé",
|
||||
price: "299 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-flowers-concept-with-elegant-style_23-2148007085.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sommarbukett",
|
||||
price: "450 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-florist-with-pruner-flowers_23-2147742940.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Presentbukett",
|
||||
price: "399 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-suprised-by-man-offering-flower-bouquet_114579-2345.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bröllopsdekoration",
|
||||
price: "fr. 890 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-white-flower-bouquet-with-scarf-wooden-table_23-2148187488.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Begravningskrans",
|
||||
price: "fr. 950 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-memorial-urn-with-floral-arrangement-commemoration_9975-133059.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Klassisk Bukett", price: "349 kr", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-floral-arrangement-fresh-flowers_169016-5471.jpg" },
|
||||
{ id: "p2", name: "Lyxig Orkidé", price: "299 kr", imageSrc: "http://img.b2bpic.net/free-photo/lovely-flowers-concept-with-elegant-style_23-2148007085.jpg" },
|
||||
{ id: "p3", name: "Sommarbukett", price: "450 kr", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-florist-with-pruner-flowers_23-2147742940.jpg" },
|
||||
{ id: "p4", name: "Presentbukett", price: "399 kr", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-suprised-by-man-offering-flower-bouquet_114579-2345.jpg" },
|
||||
{ id: "p5", name: "Bröllopsdekoration", price: "fr. 890 kr", imageSrc: "http://img.b2bpic.net/free-photo/decorative-white-flower-bouquet-with-scarf-wooden-table_23-2148187488.jpg" },
|
||||
{ id: "p6", name: "Begravningskrans", price: "fr. 950 kr", imageSrc: "http://img.b2bpic.net/free-photo/wooden-memorial-urn-with-floral-arrangement-commemoration_9975-133059.jpg" },
|
||||
]}
|
||||
title="Vårt sortiment"
|
||||
description="Upptäck våra handplockade blommor och gåvor."
|
||||
@@ -225,27 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Galleri",
|
||||
title: "Blomsterglädje",
|
||||
description: "Se våra kreativa arrangemang.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-composition-bucket-roses-chrysanthemum-side-view_141793-4420.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Bröllop",
|
||||
title: "Stora ögonblick",
|
||||
description: "Våra vackra bröllopsblommor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-white-ranunculus-flowers-blurred-background-with-heart_169016-49280.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Hem",
|
||||
title: "Interiör",
|
||||
description: "Växter för ditt hem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-flower-arrangement_23-2149307902.jpg",
|
||||
},
|
||||
{ id: "m1", value: "Galleri", title: "Blomsterglädje", description: "Se våra kreativa arrangemang.", imageSrc: "http://img.b2bpic.net/free-photo/flower-composition-bucket-roses-chrysanthemum-side-view_141793-4420.jpg" },
|
||||
{ id: "m2", value: "Bröllop", title: "Stora ögonblick", description: "Våra vackra bröllopsblommor.", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-white-ranunculus-flowers-blurred-background-with-heart_169016-49280.jpg" },
|
||||
{ id: "m3", value: "Hem", title: "Interiör", description: "Växter för ditt hem.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-flower-arrangement_23-2149307902.jpg" },
|
||||
]}
|
||||
title="Inspiration"
|
||||
description="Njut av några av våra senaste blomsterskapelser."
|
||||
@@ -259,26 +135,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Anna S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-african-american-woman-clenches-fists-celebrates-getting-flowers-international-womens-day-poses-with-bouquet_273609-45866.jpg",
|
||||
alt: "happy customer holding flowers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blonde-young-female-florist-holding-bouquet-hand-making-victory-gesture_23-2148049430.jpg",
|
||||
alt: "portrait happy floral customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-male-tourist-taking-order-telephone-his-florist-shop_23-2148075445.jpg",
|
||||
alt: "customer review floral service",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg",
|
||||
alt: "delighted bouquet customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-bathrobe-surprised-with-bouquet-tulips_23-2148389833.jpg",
|
||||
alt: "happy customer bouquet review",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-african-american-woman-clenches-fists-celebrates-getting-flowers-international-womens-day-poses-with-bouquet_273609-45866.jpg", alt: "happy customer holding flowers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-blonde-young-female-florist-holding-bouquet-hand-making-victory-gesture_23-2148049430.jpg", alt: "portrait happy floral customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-male-tourist-taking-order-telephone-his-florist-shop_23-2148075445.jpg", alt: "customer review floral service" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg", alt: "delighted bouquet customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-bathrobe-surprised-with-bouquet-tulips_23-2148389833.jpg", alt: "happy customer bouquet review" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -288,19 +149,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Besök oss på Stationsvägen 4 i Åkersberga eller kontakta oss via telefon 073-521 51 19. Vi har öppet alla vardagar för att hjälpa dig med dina blommiga önskemål."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ring oss",
|
||||
href: "tel:0735215119",
|
||||
},
|
||||
{
|
||||
text: "Hitta hit",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{ text: "Ring oss", href: "tel:0735215119" },
|
||||
{ text: "Hitta hit", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,38 +163,20 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Stationsvägen 4, 184 50 Åkersberga",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "073-521 51 19",
|
||||
href: "tel:0735215119",
|
||||
},
|
||||
{ label: "Stationsvägen 4, 184 50 Åkersberga", href: "#" },
|
||||
{ label: "073-521 51 19", href: "tel:0735215119" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Blomsterbutik Åkersberga",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Hemleverans blommor",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Blomsterbutik Åkersberga", href: "#" },
|
||||
{ label: "Hemleverans blommor", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user