2026-03-07 13:19:38 +00:00
4 changed files with 14 additions and 24 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,29 +1,19 @@
 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 { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const manrope = Manrope({
-  variable: "--font-manrope",  subsets: ["latin"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 const dmSans = DM_Sans({
  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 = {
  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: [
@@ -49,7 +39,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${manrope.variable} ${dmSans.variable} ${halant.variable} ${inter.variable} antialiased`}
+          className={`${poppins.variable} ${dmSans.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
          imageAlt="WNIKELS luxury fragrance bottle"
          mediaAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -93,7 +93,7 @@ export default function LandingPage() {
          title="Exceptional Quality"
          description="Every bottle contains the essence of luxury and sophistication"
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -116,7 +116,7 @@ export default function LandingPage() {
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -144,7 +144,7 @@ export default function LandingPage() {
          title="Choose Your Luxury"
          description="Select the perfect size and intensity for your collection"
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -168,7 +168,7 @@ export default function LandingPage() {
          title="Beloved by Connoisseurs"
          description="Hear from those who have discovered WNIKELS"
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -181,7 +181,7 @@ export default function LandingPage() {
            { text: "Contact Us", href: "mailto:hello@wnikels.com" },
          ]}
          background={{ variant: "plain" }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -17,7 +17,7 @@
  --primary-cta-text: #0a0a0a;
  --secondary-cta: #1a1a1a;
  --secondary-cta-text: #f5f5f5;
-  --accent: #b8b8b8;
+  --accent: #c4b5a0;
  --background-accent: #2d2d2d;

  /* text sizing - set by ThemeProvider */