Compare commits
31 Commits
version_4
...
version_10
| Author | SHA1 | Date | |
|---|---|---|---|
| 556366ece6 | |||
| dc02213424 | |||
| 8aebc8143a | |||
| 481faf8e5f | |||
| 80be388cb6 | |||
| 4f37db371f | |||
| a7ae081e8f | |||
| ad6767f575 | |||
| c6674d1afd | |||
| b5dbd98533 | |||
| 3253ce1b92 | |||
| dbb1d9ebbf | |||
| 9023fd1526 | |||
| 5bf0ef0f75 | |||
| 22e4b2cca2 | |||
| 1679523586 | |||
| e1d8ddf29a | |||
| d0beb39720 | |||
| 0f993dc13b | |||
| 2862b455f0 | |||
| 63e31ffd04 | |||
| 3351e9c434 | |||
| 645c745d1c | |||
| 49e1290d1f | |||
| b55ee20c7e | |||
| 777463fd20 | |||
| 54dc8bdd57 | |||
| c9a3cd1be7 | |||
| 267ca38d11 | |||
| 58209910f6 | |||
| b1206cc5fa |
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Open_Sans } from "next/font/google";
|
||||
import { Montserrat } from "next/font/google";
|
||||
import { Roboto } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -21,13 +23,12 @@ export const metadata: Metadata = {
|
||||
|
||||
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
|
||||
|
||||
const roboto = Roboto({
|
||||
variable: "--font-roboto",
|
||||
subsets: ["latin"],
|
||||
weight: ["100", "300", "400", "500", "700", "900"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -38,7 +39,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
|
||||
<body className={`${roboto.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
@@ -37,42 +37,29 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Slater"
|
||||
brandName="ARTIST :: SLATER "
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Dark Ethereal Fine Line Artistry"
|
||||
<HeroLogo
|
||||
logoText="SLATER"
|
||||
description="Professional tattoo artist specializing in delicate bone structures and ethereal fine-line designs. Create your permanent vision with precision."
|
||||
tag="Available for Booking"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Session", href: "#contact"},
|
||||
{
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
{ text: "Book Session", href: "#contact" },
|
||||
{ text: "View Portfolio", href: "#portfolio" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/skull-with-hand-drawn-wreath_23-2147610865.jpg?_wi=1", 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"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ clients"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/uploaded-1777443678706-x46y3wh8.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
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-1777412749489-3o4tvvq9.jpg"
|
||||
imageAlt="Artist portrait"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,23 +72,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Ethereal", name: "Ribcage Detail", price: "Session Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/hand-decorative-skeleton-touching-woman-s-shoulder_23-2147903136.jpg"},
|
||||
{
|
||||
id: "2", brand: "Ethereal", name: "Skull Study", price: "Session Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/four-alchemy-esoteric-icons_24908-77743.jpg"},
|
||||
{
|
||||
id: "3", brand: "Ethereal", name: "Hand Anatomy", price: "Session Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clean-shaven-man-with-tattoos_1122-1461.jpg"},
|
||||
{
|
||||
id: "4", brand: "Ethereal", name: "Spinal Fine Line", price: "Session Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-halloween-texture-design_23-2151853402.jpg"},
|
||||
{
|
||||
id: "5", brand: "Ethereal", name: "Floral Bones", price: "Session Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-death-moth-drawing-illustration_52683-129287.jpg"},
|
||||
{
|
||||
id: "6", brand: "Ethereal", name: "Minimalist Anatomy", price: "Session Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-ink-drop-water_1112-475.jpg"},
|
||||
id: "1", brand: "Ethereal", name: "Coming Soon", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/coming-soon-placeholder.jpg"},
|
||||
]}
|
||||
title="Portfolio"
|
||||
description="A curated selection of recent bone-themed and fine-line works."
|
||||
@@ -152,7 +124,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"},
|
||||
]}
|
||||
title="Client Experience"
|
||||
description="Voices from the canvas."
|
||||
description=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-open-sans), sans-serif;
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--background: #000000;
|
||||
--card: #121212;
|
||||
--foreground: #e0e0e0;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #f5f4f0;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1e1e1e;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--secondary-cta-text: #e9dfdf;
|
||||
--accent: #333333;
|
||||
--background-accent: #1a1a1a;
|
||||
--background-accent: #000000;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user