Compare commits
6 Commits
version_14
...
version_15
| Author | SHA1 | Date | |
|---|---|---|---|
| 20b3d847df | |||
| 43c8d83691 | |||
| fdcd19a038 | |||
| d4f6301bf1 | |||
| 401b1ef163 | |||
| 31c510e1c4 |
110
src/app/page.tsx
110
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Damer", id: "catalog"},
|
||||
{
|
||||
name: "Herrer", id: "catalog"},
|
||||
{
|
||||
name: "Børn", id: "catalog"},
|
||||
{
|
||||
name: "Sale", id: "catalog"},
|
||||
{ name: "Damer", id: "catalog" },
|
||||
{ name: "Herrer", id: "catalog" },
|
||||
{ name: "Børn", id: "catalog" },
|
||||
{ name: "Sale", id: "catalog" },
|
||||
]}
|
||||
brandName="Veloré"
|
||||
/>
|
||||
@@ -45,21 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Veloré Ny Kollektion"
|
||||
description="Opdag vores nye sæsonudvalg af tidløse styles og moderne mode."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Nu", href: "#catalog"},
|
||||
]}
|
||||
buttons={[{ text: "Shop Nu", href: "#catalog" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-yta1g4n7.png?_wi=1", imageAlt: "Veloré Fashion 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-6iesgca3.png?_wi=1", imageAlt: "Veloré Fashion 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-jz3l73c1.png?_wi=1", imageAlt: "Veloré Fashion 3"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-yta1g4n7.png?_wi=1", imageAlt: "Veloré Fashion 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-6iesgca3.png?_wi=1", imageAlt: "Veloré Fashion 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-jz3l73c1.png?_wi=1", imageAlt: "Veloré Fashion 3" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -71,24 +60,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Veloré Classic Hoodie", brand: "Veloré", price: "199 kr", rating: 5,
|
||||
reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-yta1g4n7.png?_wi=2", imageAlt: "Classic Tee"},
|
||||
{
|
||||
id: "2", name: "Veloré Modern Fit", brand: "Veloré", price: "199 kr", rating: 4,
|
||||
reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-u8woli3j.png", imageAlt: "Modern Fit"},
|
||||
{
|
||||
id: "3", name: "Veloré Signature", brand: "Veloré", price: "199 kr", rating: 5,
|
||||
reviewCount: "64", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-jz3l73c1.png?_wi=2", imageAlt: "Signature"},
|
||||
{
|
||||
id: "4", name: "Veloré Urban Knit", brand: "Veloré", price: "549 kr", rating: 5,
|
||||
reviewCount: "42", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-u8woli3j.png", imageAlt: "Urban Knit"},
|
||||
{
|
||||
id: "5", name: "Veloré Daily Jacket", brand: "Veloré", price: "1299 kr", rating: 4,
|
||||
reviewCount: "31", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-pzg3mbx6.png", imageAlt: "Daily Jacket"},
|
||||
{
|
||||
id: "6", name: "Veloré Merino Scarf", brand: "Veloré", price: "399 kr", rating: 5,
|
||||
reviewCount: "19", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-ktw7qmbb.png", imageAlt: "Merino Scarf"},
|
||||
{ id: "1", name: "Veloré Classic Hoodie", brand: "Veloré", price: "199 kr", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-yta1g4n7.png?_wi=2", imageAlt: "Classic Tee" },
|
||||
{ id: "2", name: "Veloré Modern Fit", brand: "Veloré", price: "199 kr", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-u8woli3j.png?_wi=1", imageAlt: "Modern Fit" },
|
||||
{ id: "3", name: "Veloré Signature", brand: "Veloré", price: "199 kr", rating: 5, reviewCount: "64", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-jz3l73c1.png?_wi=2", imageAlt: "Signature" },
|
||||
{ id: "4", name: "Veloré Urban Knit", brand: "Veloré", price: "549 kr", rating: 5, reviewCount: "42", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-u8woli3j.png?_wi=2", imageAlt: "Urban Knit" },
|
||||
{ id: "5", name: "Veloré Daily Jacket", brand: "Veloré", price: "1299 kr", rating: 4, reviewCount: "31", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-pzg3mbx6.png", imageAlt: "Daily Jacket" },
|
||||
{ id: "6", name: "Veloré Merino Scarf", brand: "Veloré", price: "399 kr", rating: 5, reviewCount: "19", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776687441881-ktw7qmbb.png", imageAlt: "Merino Scarf" },
|
||||
]}
|
||||
title="Vores Produkter"
|
||||
description="Skandinavisk minimalisme til hverdagsbrug."
|
||||
@@ -100,14 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Om Veloré"
|
||||
description="Veloré er skabt med fokus på holdbarhed og skandinavisk minimalisme."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Kvalitet"},
|
||||
{
|
||||
value: "2025", title: "Grundlagt"},
|
||||
{
|
||||
value: "50+", title: "Styles"},
|
||||
]}
|
||||
metrics={[{ value: "100%", title: "Kvalitet" }, { value: "2025", title: "Grundlagt" }, { value: "50+", title: "Styles" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -120,12 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "90%", title: "Bæredygtig", description: "Materialer brugt", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-creating-vision-board_23-2150061828.jpg"},
|
||||
{
|
||||
id: "m2", value: "100%", title: "Etisk", description: "Arbejdsvilkår", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-clay-sculptures_23-2149730902.jpg"},
|
||||
{
|
||||
id: "m3", value: "10.000+", title: "Kunder", description: "Tilfredse køb", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg"},
|
||||
{ id: "m1", value: "90%", title: "Bæredygtig", description: "Materialer brugt", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-creating-vision-board_23-2150061828.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Etisk", description: "Arbejdsvilkår", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-clay-sculptures_23-2149730902.jpg" },
|
||||
{ id: "m3", value: "10.000+", title: "Kunder", description: "Tilfredse køb", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg" },
|
||||
]}
|
||||
title="Vores Fokus"
|
||||
description="Vi prioriterer bæredygtighed og etik i hele vores forsyningskæde."
|
||||
@@ -138,12 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", role: "Kunde", testimonial: "Fantastisk kvalitet og pasform!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-wall-with-her-crossed-legs-against-blue-sky_23-2148187380.jpg"},
|
||||
{
|
||||
id: "t2", name: "Michael L.", role: "Kunde", testimonial: "Min nye favoritjakke.", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-excited-african-woman-with-bags-shopping-outdoors-sunlight_181624-55731.jpg"},
|
||||
{
|
||||
id: "t3", name: "Emily R.", role: "Kunde", testimonial: "Hurtig levering og super service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg"},
|
||||
{ id: "t1", name: "Sarah J.", role: "Kunde", testimonial: "Fantastisk kvalitet og pasform!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-wall-with-her-crossed-legs-against-blue-sky_23-2148187380.jpg" },
|
||||
{ id: "t2", name: "Michael L.", role: "Kunde", testimonial: "Min nye favoritjakke.", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-excited-african-woman-with-bags-shopping-outdoors-sunlight_181624-55731.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Kunde", testimonial: "Hurtig levering og super service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg" },
|
||||
]}
|
||||
title="Kundeanmeldelser"
|
||||
description="Hvad vores kunder siger om os."
|
||||
@@ -155,12 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Hvad er leveringstiden?", content: "Normalt 2-4 hverdage."},
|
||||
{
|
||||
id: "f2", title: "Kan jeg returnere?", content: "Ja, 30 dages returret."},
|
||||
{
|
||||
id: "f3", title: "Hvordan er pasformen?", content: "Vores størrelser er standard."},
|
||||
{ id: "f1", title: "Hvad er leveringstiden?", content: "Normalt 2-4 hverdage." },
|
||||
{ id: "f2", title: "Kan jeg returnere?", content: "Ja, 30 dages returret." },
|
||||
{ id: "f3", title: "Hvordan er pasformen?", content: "Vores størrelser er standard." },
|
||||
]}
|
||||
title="Spørgsmål & Svar"
|
||||
description="Vi hjælper dig gerne."
|
||||
@@ -171,8 +132,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Hold dig opdateret"
|
||||
title="Tilmeld nyhedsbrev"
|
||||
description="Få 10% på dit første køb."
|
||||
@@ -183,22 +143,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Veloré"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Damer", href: "#"},
|
||||
{
|
||||
label: "Herrer", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Returret", href: "#"},
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Damer", href: "#" }, { label: "Herrer", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Returret", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
68
src/app/product/[id]/page.tsx
Normal file
68
src/app/product/[id]/page.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function ProductPage({ params }: { params: { id: string } }) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Damer", id: "/" },
|
||||
{ name: "Herrer", id: "/" },
|
||||
{ name: "Sale", id: "/" },
|
||||
]}
|
||||
brandName="Veloré"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<main className="container mx-auto px-4 py-16 grid md:grid-cols-2 gap-12">
|
||||
<div className="space-y-4">
|
||||
<div className="aspect-[3/4] bg-muted rounded-2xl overflow-hidden">
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcUIpzCJRVhhIFggEFFtBaCnc8/uploaded-1776686358962-yta1g4n7.png?_wi=2" alt="Product" className="w-full h-full object-cover" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h1 className="text-4xl font-extrabold">Veloré Classic Hoodie</h1>
|
||||
<p className="text-2xl font-bold">199 kr</p>
|
||||
<div className="prose">
|
||||
<p>En tidløs hoodie fremstillet i blød økologisk bomuld. Perfekt til hverdagsbrug med et minimalistisk skandinavisk snit.</p>
|
||||
</div>
|
||||
<div className="flex gap-4">
|
||||
<button className="flex-1 bg-primary text-primary-foreground py-4 rounded-full font-bold hover:opacity-90 transition">Tilføj til kurv</button>
|
||||
</div>
|
||||
<div className="border-t pt-6">
|
||||
<h3 className="font-bold mb-2">Størrelsesguide</h3>
|
||||
<p className="text-sm text-muted-foreground">Vores størrelser er standard. Vi anbefaler at vælge din normale størrelse.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Veloré"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Damer", href: "/" }, { label: "Herrer", href: "/" }] },
|
||||
{ title: "Support", items: [{ label: "Returret", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user