bender/dcb2bc06-90db-4f65-af15-d90ddbdafa4d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
fa43379ff5 Update src/app/styles/variables.css 2026-03-07 13:19:34 +00:00
bender
d2e3fc3ce9 Update src/app/styles/base.css 2026-03-07 13:19:33 +00:00
bender
6ca81eb765 Update src/app/page.tsx 2026-03-07 13:19:33 +00:00
bender
14114e7524 Update src/app/layout.tsx 2026-03-07 13:19:33 +00:00
bender
62c4334702 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 13:16:24 +00:00
4 changed files with 14 additions and 24 deletions
Expand all files Collapse all files

20
src/app/layout.tsx
View File

@@ -1,29 +1,19 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Manrope } from "next/font/google"; import { Poppins } from "next/font/google";
import { DM_Sans } from "next/font/google"; import { DM_Sans } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const manrope = Manrope({ const poppins = Poppins({
variable: "--font-manrope", subsets: ["latin"], variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
}); });
const dmSans = DM_Sans({ const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"], variable: "--font-dm-sans", subsets: ["latin"],
}); });
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "WNIKELS | Luxury Fragrance & Premium Perfumes", description: "Discover WNIKELS luxury fragrances. Premium perfumes crafted by master artisans with 100% natural ingredients. Timeless elegance in every essence.", keywords: "luxury perfume, premium fragrance, designer fragrance, luxury scent, artisan perfume, WNIKELS", openGraph: { title: "WNIKELS | Luxury Fragrance & Premium Perfumes", description: "Discover WNIKELS luxury fragrances. Premium perfumes crafted by master artisans with 100% natural ingredients. Timeless elegance in every essence.", keywords: "luxury perfume, premium fragrance, designer fragrance, luxury scent, artisan perfume, WNIKELS", openGraph: {
title: "WNIKELS | Luxury Fragrance & Premium Perfumes", description: "Experience the pinnacle of fragrance artistry. Discover WNIKELS luxury perfumes crafted with precision and passion.", siteName: "WNIKELS", type: "website", images: [ title: "WNIKELS | Luxury Fragrance & Premium Perfumes", description: "Experience the pinnacle of fragrance artistry. Discover WNIKELS luxury perfumes crafted with precision and passion.", siteName: "WNIKELS", type: "website", images: [
@@ -49,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${manrope.variable} ${dmSans.variable} ${halant.variable} ${inter.variable} antialiased`} className={`${poppins.variable} ${dmSans.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

12
src/app/page.tsx
View File

@@ -69,7 +69,7 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-psd/elegant-gold-glass-perfume-bottle-luxury-fragrance_84443-65697.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-psd/elegant-gold-glass-perfume-bottle-luxury-fragrance_84443-65697.jpg?_wi=2"
imageAlt="WNIKELS luxury fragrance bottle" imageAlt="WNIKELS luxury fragrance bottle"
mediaAnimation="slide-up" mediaAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
@@ -93,7 +93,7 @@ export default function LandingPage() {
title="Exceptional Quality" title="Exceptional Quality"
description="Every bottle contains the essence of luxury and sophistication" description="Every bottle contains the essence of luxury and sophistication"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
@@ -116,7 +116,7 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
@@ -144,7 +144,7 @@ export default function LandingPage() {
title="Choose Your Luxury" title="Choose Your Luxury"
description="Select the perfect size and intensity for your collection" description="Select the perfect size and intensity for your collection"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
@@ -168,7 +168,7 @@ export default function LandingPage() {
title="Beloved by Connoisseurs" title="Beloved by Connoisseurs"
description="Hear from those who have discovered WNIKELS" description="Hear from those who have discovered WNIKELS"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
@@ -181,7 +181,7 @@ export default function LandingPage() {
{ text: "Contact Us", href: "mailto:hello@wnikels.com" }, { text: "Contact Us", href: "mailto:hello@wnikels.com" },
]} ]}
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-dm-sans), sans-serif; font-family: var(--font-poppins), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-manrope), sans-serif; font-family: var(--font-poppins), sans-serif;
} }

2
src/app/styles/variables.css
View File

@@ -17,7 +17,7 @@
--primary-cta-text: #0a0a0a; --primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a; --secondary-cta: #1a1a1a;
--secondary-cta-text: #f5f5f5; --secondary-cta-text: #f5f5f5;
--accent: #b8b8b8; --accent: #c4b5a0;
--background-accent: #2d2d2d; --background-accent: #2d2d2d;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */