7 Commits

Author SHA1 Message Date
e1d8ddf29a Update theme colors 2026-04-28 21:44:36 +00:00
0f993dc13b Update src/app/page.tsx 2026-04-28 21:44:12 +00:00
63e31ffd04 Update theme fonts 2026-04-28 21:36:52 +00:00
3351e9c434 Update theme fonts 2026-04-28 21:36:51 +00:00
49e1290d1f Update src/app/page.tsx 2026-04-28 21:36:30 +00:00
777463fd20 Update theme colors 2026-04-28 21:34:47 +00:00
c9a3cd1be7 Update theme colors 2026-04-28 21:34:38 +00:00
4 changed files with 16 additions and 14 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Open_Sans } from "next/font/google"; import { Open_Sans } from "next/font/google";
import { Montserrat } from "next/font/google";
@@ -21,12 +22,13 @@ export const metadata: Metadata = {
const inter = Inter({
variable: "--font-inter", const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"], subsets: ["latin"],
}); });
const openSans = Open_Sans({ const inter = Inter({
variable: "--font-open-sans", variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -38,7 +40,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${inter.variable} ${openSans.variable} antialiased`}> <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -56,9 +56,9 @@ export default function LandingPage() {
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-vector/skull-with-hand-drawn-wreath_23-2147610865.jpg?_wi=1", imageAlt: "Bone fine line tattoo"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/uploaded-1777412646561-c3jtzctg.jpg", imageAlt: "Bone fine line tattoo"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569359.jpg?_wi=1", imageAlt: "Tattoo studio aesthetic"} imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/uploaded-1777412625550-zcr1h4om.jpg", imageAlt: "Tattoo studio aesthetic"}
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -72,7 +72,7 @@ export default function LandingPage() {
title="Slater: The Artist" title="Slater: The Artist"
description="With years of experience in fine-line tattooing, Slater specializes in blending anatomical precision with ethereal, haunting aesthetics. Every piece is a unique dialogue between the skin and the bone." description="With years of experience in fine-line tattooing, Slater specializes in blending anatomical precision with ethereal, haunting aesthetics. Every piece is a unique dialogue between the skin and the bone."
tag="Philosophy" tag="Philosophy"
imageSrc="http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512085.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/uploaded-1777412470024-fx11d398.jpg"
imageAlt="Artist portrait" imageAlt="Artist portrait"
/> />
</div> </div>
@@ -152,7 +152,7 @@ export default function LandingPage() {
id: "3", name: "Jordan P.", handle: "@jordanp", testimonial: "Slater is an artist first, tattooist second.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-old-woman-wearing-hat_250224-37.jpg"}, id: "3", name: "Jordan P.", handle: "@jordanp", testimonial: "Slater is an artist first, tattooist second.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-old-woman-wearing-hat_250224-37.jpg"},
]} ]}
title="Client Experience" title="Client Experience"
description="Voices from the canvas." description=""
/> />
</div> </div>

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-open-sans), sans-serif; font-family: var(--font-inter), 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-inter), sans-serif; font-family: var(--font-montserrat), sans-serif;
} }

View File

@@ -10,13 +10,13 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #000000;
--card: #121212; --card: #121212;
--foreground: #e0e0e0; --foreground: #e0e0e0;
--primary-cta: #ffffff; --primary-cta: #ffffff;
--primary-cta-text: #f5f4f0; --primary-cta-text: #000000;
--secondary-cta: #1e1e1e; --secondary-cta: #1e1e1e;
--secondary-cta-text: #1a1a1a; --secondary-cta-text: #e9dfdf;
--accent: #333333; --accent: #333333;
--background-accent: #1a1a1a; --background-accent: #1a1a1a;