Merge version_1 into main #2
313
src/app/page.tsx
313
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Produkter",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Om oss", id: "about" },
|
||||
{ name: "Produkter", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="D&P Perfume"
|
||||
/>
|
||||
@@ -55,62 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Art of Scent"
|
||||
description="Since 1999, D&P has been crafting fragrances that transcend time. Luxury should be accessible: the finest ingredients, a lasting impression, at a fraction of the price."
|
||||
buttons={[
|
||||
{
|
||||
text: "Utforska serien",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262906.jpg?_wi=1"
|
||||
buttons={[{ text: "Utforska serien", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262906.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg",
|
||||
alt: "Elegant vegan alcohol arrangement",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963113.jpg",
|
||||
alt: "Close up on perfume floating on water",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",
|
||||
alt: "Elegant vegan alcohol arrangement",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg",
|
||||
alt: "Cupcake still life",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262906.jpg",
|
||||
alt: "luxury perfume bottle minimal",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg", alt: "Elegant vegan alcohol arrangement" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963113.jpg", alt: "Close up on perfume floating on water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg", alt: "Elegant vegan alcohol arrangement" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg", alt: "Cupcake still life" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262906.jpg", alt: "luxury perfume bottle minimal" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sedan 1999",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hög kvalitet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "EU-källor",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO-certifierat",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-free",
|
||||
},
|
||||
{ type: "text", text: "Sedan 1999" },
|
||||
{ type: "text", text: "Hög kvalitet" },
|
||||
{ type: "text", text: "EU-källor" },
|
||||
{ type: "text", text: "ISO-certifierat" },
|
||||
{ type: "text", text: "Cruelty-free" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,20 +73,11 @@ export default function LandingPage() {
|
||||
title="D&P Difference"
|
||||
description="Every composition is a meditation on quality—premium raw materials sourced from EU suppliers, formulated with precision in our ISO-certified Ankara facility."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Sourcing",
|
||||
description: "Raw materials sourced from EU member countries for ultimate quality.",
|
||||
},
|
||||
{
|
||||
title: "Expert Craftsmanship",
|
||||
description: "26 years of Turkish blending expertise in world-class facilities.",
|
||||
},
|
||||
{
|
||||
title: "Tested Precision",
|
||||
description: "Rigorous laboratory testing for an enduring scent profile.",
|
||||
},
|
||||
{ title: "Premium Sourcing", description: "Raw materials sourced from EU member countries for ultimate quality." },
|
||||
{ title: "Expert Craftsmanship", description: "26 years of Turkish blending expertise in world-class facilities." },
|
||||
{ title: "Tested Precision", description: "Rigorous laboratory testing for an enduring scent profile." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49297.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49297.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -146,30 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Heritage Since 1999",
|
||||
description: "Decades of mastery.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: History,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-arrangement-with-red-liquids_23-2149481716.jpg",
|
||||
imageAlt: "Laboratory glassware arrangement with red liquids",
|
||||
},
|
||||
{
|
||||
title: "ISO Certified",
|
||||
description: "World-class standards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262906.jpg?_wi=2",
|
||||
imageAlt: "Laboratory glassware arrangement with red liquids",
|
||||
},
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "Cruelty-free promise.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49297.jpg?_wi=2",
|
||||
imageAlt: "Laboratory glassware arrangement with red liquids",
|
||||
},
|
||||
{ title: "Heritage Since 1999", description: "Decades of mastery.", bentoComponent: "reveal-icon", icon: History },
|
||||
{ title: "ISO Certified", description: "World-class standards.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
{ title: "Ethical Sourcing", description: "Cruelty-free promise.", bentoComponent: "reveal-icon", icon: Heart },
|
||||
]}
|
||||
title="Why Choose D&P"
|
||||
description="We invest in what you actually wear—not what surrounds it. Experience luxury crafted with ethics and certified precision."
|
||||
@@ -183,42 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Series 01",
|
||||
price: "499 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-fragrance-bottle_116380-80.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Series 02",
|
||||
price: "499 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products-assortment_23-2148980974.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Special Series A",
|
||||
price: "699 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Special Series B",
|
||||
price: "699 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-nature_23-2151890514.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Niche Series Gold",
|
||||
price: "899 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-snowdrops-glass-vase-blurred-background_169016-51100.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Niche Series Silver",
|
||||
price: "899 kr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-bottle-cups_23-2149869744.jpg",
|
||||
},
|
||||
{ id: "1", name: "Premium Series 01", price: "499 kr", imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-fragrance-bottle_116380-80.jpg" },
|
||||
{ id: "2", name: "Premium Series 02", price: "499 kr", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products-assortment_23-2148980974.jpg" },
|
||||
{ id: "3", name: "Special Series A", price: "699 kr", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg" },
|
||||
{ id: "4", name: "Special Series B", price: "699 kr", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-nature_23-2151890514.jpg" },
|
||||
{ id: "5", name: "Niche Series Gold", price: "899 kr", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-snowdrops-glass-vase-blurred-background_169016-51100.jpg" },
|
||||
{ id: "6", name: "Niche Series Silver", price: "899 kr", imageSrc: "http://img.b2bpic.net/free-photo/japanese-bottle-cups_23-2149869744.jpg" },
|
||||
]}
|
||||
title="Vår Kollektion"
|
||||
description="Från Premium-serien till våra nischade favoriter."
|
||||
@@ -231,60 +122,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna S.",
|
||||
role: "Kund",
|
||||
company: "Stammis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Johan P.",
|
||||
role: "Kund",
|
||||
company: "Stammis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sara L.",
|
||||
role: "Kund",
|
||||
company: "Stammis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Erik B.",
|
||||
role: "Kund",
|
||||
company: "Stammis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-holding-paper-plane_23-2148506458.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria K.",
|
||||
role: "Kund",
|
||||
company: "Stammis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-yellow-flowers_23-2148450440.jpg",
|
||||
},
|
||||
{ id: "1", name: "Anna S.", role: "Kund", company: "Stammis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg" },
|
||||
{ id: "2", name: "Johan P.", role: "Kund", company: "Stammis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg" },
|
||||
{ id: "3", name: "Sara L.", role: "Kund", company: "Stammis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg" },
|
||||
{ id: "4", name: "Erik B.", role: "Kund", company: "Stammis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-holding-paper-plane_23-2148506458.jpg" },
|
||||
{ id: "5", name: "Maria K.", role: "Kund", company: "Stammis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-yellow-flowers_23-2148450440.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "26+",
|
||||
label: "År av expertis",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Kvalitetsgaranti",
|
||||
},
|
||||
{
|
||||
value: "50K+",
|
||||
label: "Nöjda kunder",
|
||||
},
|
||||
{ value: "26+", label: "År av expertis" },
|
||||
{ value: "100%", label: "Kvalitetsgaranti" },
|
||||
{ value: "50K+", label: "Nöjda kunder" },
|
||||
]}
|
||||
title="Kundrecensioner"
|
||||
description="Se vad våra kunder säger om våra dofter."
|
||||
@@ -296,28 +143,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1999",
|
||||
title: "Grundat",
|
||||
description: "Decennier av erfarenhet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-botlles-with-body-serum_23-2148317611.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "ISO",
|
||||
title: "Certifierat",
|
||||
description: "Högsta standard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-colored-liquid-assortment_23-2149481700.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Cruelty-free",
|
||||
description: "Etiskt framtaget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/healthcare-center-logo-template-vector-set_53876-161360.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1999", title: "Grundat", description: "Decennier av erfarenhet.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-botlles-with-body-serum_23-2148317611.jpg" },
|
||||
{ id: "m2", value: "ISO", title: "Certifierat", description: "Högsta standard.", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-colored-liquid-assortment_23-2149481700.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Cruelty-free", description: "Etiskt framtaget.", imageSrc: "http://img.b2bpic.net/free-vector/healthcare-center-logo-template-vector-set_53876-161360.jpg" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Kvalitet i siffror"
|
||||
description="Vi mäter framgång genom precision och kundnöjdhet."
|
||||
/>
|
||||
@@ -328,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Var produceras dofterna?",
|
||||
content: "I vår ISO-certifierade anläggning i Ankara.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Är dofterna etiska?",
|
||||
content: "Ja, vi är cruelty-free och etiskt ansvarstagande.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Hur snabbt levereras ordern?",
|
||||
content: "Vi behandlar din order skyndsamt.",
|
||||
},
|
||||
{ id: "q1", title: "Var produceras dofterna?", content: "I vår ISO-certifierade anläggning i Ankara." },
|
||||
{ id: "q2", title: "Är dofterna etiska?", content: "Ja, vi är cruelty-free och etiskt ansvarstagande." },
|
||||
{ id: "q3", title: "Hur snabbt levereras ordern?", content: "Vi behandlar din order skyndsamt." },
|
||||
]}
|
||||
title="Vanliga frågor"
|
||||
description="Svar på allt du undrar om våra dofter."
|
||||
@@ -353,48 +171,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Redo att hitta din signaturdoft? Kontakta oss för personlig doftrådgivning."
|
||||
buttons={[
|
||||
{
|
||||
text: "Skicka mejl",
|
||||
href: "mailto:info@dpfragrances.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Skicka mejl", href: "mailto:info@dpfragrances.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "D&P Perfume",
|
||||
items: [
|
||||
{
|
||||
label: "Om oss",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kollektion",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kundservice",
|
||||
items: [
|
||||
{
|
||||
label: "Kontakta oss",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Vanliga frågor",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "D&P Perfume", items: [{ label: "Om oss", href: "#about" }, { label: "Kollektion", href: "#products" }] },
|
||||
{ title: "Kundservice", items: [{ label: "Kontakta oss", href: "#contact" }, { label: "Vanliga frågor", href: "#faq" }] },
|
||||
]}
|
||||
bottomLeftText="© 1999-2024 D&P Perfume. Alla rättigheter reserverade."
|
||||
bottomRightText="Integritetspolicy"
|
||||
@@ -403,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user