Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -29,62 +29,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Hjem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om Oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Kolleksjon",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Om Oss", id: "about" },
|
||||
{ name: "Kolleksjon", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="OsloStyle"
|
||||
button={{ text: "Handle nå", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Tidløs eleganse fra Oslo"
|
||||
description="Oppdag vår nyeste kolleksjon preget av skandinavisk minimalisme og moderne detaljer. Vi bringer mote til hverdagen."
|
||||
tag="Ny kolleksjon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Utforsk kolleksjon",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Utforsk kolleksjon", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-gray-studio_158595-5467.jpg",
|
||||
imageAlt: "Fashion model editorial",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-shirts-hanging-minimalist-wardrobe-capsule-closet_169016-71104.jpg",
|
||||
imageAlt: "Luxury store interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773385.jpg?_wi=1",
|
||||
imageAlt: "Minimalist linen shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-her-hands-her-pockets_23-2148286449.jpg?_wi=1",
|
||||
imageAlt: "Contemporary trousers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg?_wi=1",
|
||||
imageAlt: "Elegant minimal dress",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-gray-studio_158595-5467.jpg", imageAlt: "Fashion model editorial" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-shirts-hanging-minimalist-wardrobe-capsule-closet_169016-71104.jpg", imageAlt: "Luxury store interior" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -97,15 +61,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Om oss",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stationery-lying-paper-sheet_23-2147823690.jpg",
|
||||
alt: "Atelier studio",
|
||||
},
|
||||
{ type: "text", content: "Om oss" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/stationery-lying-paper-sheet_23-2147823690.jpg", alt: "Atelier studio" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,48 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Klassisk Skjorte",
|
||||
price: "1299 kr",
|
||||
variant: "Hvit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773385.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Skreddersydd Bukse",
|
||||
price: "1899 kr",
|
||||
variant: "Sort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-her-hands-her-pockets_23-2148286449.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Minimalistisk Kjole",
|
||||
price: "2499 kr",
|
||||
variant: "Beige",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kåpe i Ullblanding",
|
||||
price: "3999 kr",
|
||||
variant: "Grå",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Strikket Genser",
|
||||
price: "1499 kr",
|
||||
variant: "Marine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-flat-lay_23-2150264143.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lærveske",
|
||||
price: "2199 kr",
|
||||
variant: "Brun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-calm-young-tanned-blonde-woman-dark-green-top-with-golden-medallion-poses-with-closed-eyes-near-white-wall-with-palm-leaf_197531-19488.jpg",
|
||||
},
|
||||
{ id: "1", name: "Klassisk Skjorte", price: "1299 kr", variant: "Hvit", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773385.jpg" },
|
||||
{ id: "2", name: "Skreddersydd Bukse", price: "1899 kr", variant: "Sort", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-her-hands-her-pockets_23-2148286449.jpg" },
|
||||
{ id: "3", name: "Minimalistisk Kjole", price: "2499 kr", variant: "Beige", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg" },
|
||||
{ id: "4", name: "Kåpe i Ullblanding", price: "3999 kr", variant: "Grå", imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-man-wearing-sunglasses-standing-isolated_171337-13951.jpg" },
|
||||
{ id: "5", name: "Strikket Genser", price: "1499 kr", variant: "Marine", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-flat-lay_23-2150264143.jpg" },
|
||||
{ id: "6", name: "Lærveske", price: "2199 kr", variant: "Brun", imageSrc: "http://img.b2bpic.net/free-photo/pretty-calm-young-tanned-blonde-woman-dark-green-top-with-golden-medallion-poses-with-closed-eyes-near-white-wall-with-palm-leaf_197531-19488.jpg" }
|
||||
]}
|
||||
title="Våre utvalgte favoritter"
|
||||
description="Nøye kuratert mote for den moderne garderoben."
|
||||
@@ -170,46 +91,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fantastisk kvalitet",
|
||||
quote: "Endelig mote som varer.",
|
||||
name: "Julie Hansen",
|
||||
role: "Arkitekt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-romantic-man-woman-portrait_23-2149690927.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stilrent",
|
||||
quote: "Elsker de enkle snittene.",
|
||||
name: "Erik Solberg",
|
||||
role: "Markedssjef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-teenage-girl-with-bun-hairstyle-looks-directly-camera-dressed-green-stylish-clothes-wears-bright-makeup-leans-knees-poses-against-blurred-background-people-style-concept_273609-57792.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Kvalitet",
|
||||
quote: "Føles luksuriøst hver dag.",
|
||||
name: "Sara Lind",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-plant-black-white_23-2149411351.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Anbefales",
|
||||
quote: "Rask levering og god passform.",
|
||||
name: "Lars Berg",
|
||||
role: "Entreprenør",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Favoritt",
|
||||
quote: "Min go-to for hverdagsklær.",
|
||||
name: "Maren Vik",
|
||||
role: "Lærer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg",
|
||||
},
|
||||
{ id: "1", title: "Fantastisk kvalitet", quote: "Endelig mote som varer.", name: "Julie Hansen", role: "Arkitekt", imageSrc: "http://img.b2bpic.net/free-photo/side-view-romantic-man-woman-portrait_23-2149690927.jpg" },
|
||||
{ id: "2", title: "Stilrent", quote: "Elsker de enkle snittene.", name: "Erik Solberg", role: "Markedssjef", imageSrc: "http://img.b2bpic.net/free-photo/serious-teenage-girl-with-bun-hairstyle-looks-directly-camera-dressed-green-stylish-clothes-wears-bright-makeup-leans-knees-poses-against-blurred-background-people-style-concept_273609-57792.jpg" },
|
||||
{ id: "3", title: "Kvalitet", quote: "Føles luksuriøst hver dag.", name: "Sara Lind", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-plant-black-white_23-2149411351.jpg" },
|
||||
{ id: "4", title: "Anbefales", quote: "Rask levering og god passform.", name: "Lars Berg", role: "Entreprenør", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg" },
|
||||
{ id: "5", title: "Favoritt", quote: "Min go-to for hverdagsklær.", name: "Maren Vik", role: "Lærer", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg" }
|
||||
]}
|
||||
title="Hva våre kunder sier"
|
||||
description="Erfaringer fra vårt mote-fellesskap."
|
||||
@@ -219,50 +105,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Lurer du på noe?"
|
||||
description="Vi er her for å hjelpe deg med dine motevalg."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send oss en melding",
|
||||
href: "mailto:kontakt@oslomote.no",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Send oss en melding", href: "mailto:kontakt@oslomote.no" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kundeservice",
|
||||
items: [
|
||||
{
|
||||
label: "Frakt og retur",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kontakt oss",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Om oss",
|
||||
items: [
|
||||
{
|
||||
label: "Vår filosofi",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Karriere",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Kundeservice", items: [{ label: "Frakt og retur", href: "#" }, { label: "Kontakt oss", href: "#contact" }] },
|
||||
{ title: "Om oss", items: [{ label: "Vår filosofi", href: "#about" }, { label: "Karriere", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 OsloStyle AS"
|
||||
bottomRightText="Alle rettigheter reservert"
|
||||
|
||||
Reference in New Issue
Block a user