Update src/app/page.tsx

Update theme fonts
2026-04-29 06:22:44 +00:00 · 2026-04-29 06:22:16 +00:00 · 2026-04-29 06:22:15 +00:00 · 2026-04-29 06:21:59 +00:00 · 2026-04-29 06:18:39 +00:00 · 2026-04-29 06:13:59 +00:00
3 changed files with 17 additions and 31 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ 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";



@@ -23,13 +24,11 @@ export const metadata: Metadata = {



-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",
+
+const roboto = Roboto({
+  variable: "--font-roboto",
  subsets: ["latin"],
+  weight: ["100", "300", "400", "500", "700", "900"],
 });

 export default function RootLayout({
@@ -40,7 +39,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
+        <body className={`${roboto.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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,39 +37,26 @@ export default function LandingPage() {
        {
          name: "Contact",          id: "contact"},
      ]}
-      brandName="ARTIST : : SLATER "
+      brandName="ARTIST :: SLATER "
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
-      title="Dark 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/uploaded-1777412646561-c3jtzctg.jpg",          imageAlt: "Bone fine line tattoo"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/uploaded-1777412625550-zcr1h4om.jpg",          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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0F1A9wA0hoEJAN6judgd0t0Sz/uploaded-1777412749489-3o4tvvq9.jpg"
@@ -197,4 +184,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- 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-inter), 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-montserrat), sans-serif;
+  font-family: var(--font-roboto), sans-serif;
 }
Author	SHA1	Message	Date
bender	556366ece6	Update src/app/page.tsx	2026-04-29 06:22:44 +00:00
bender	dc02213424	Update theme fonts	2026-04-29 06:22:16 +00:00
bender	8aebc8143a	Update theme fonts	2026-04-29 06:22:15 +00:00
bender	481faf8e5f	Update src/app/page.tsx	2026-04-29 06:21:59 +00:00
bender	80be388cb6	Update src/app/page.tsx	2026-04-29 06:18:39 +00:00
bender	4f37db371f	Merge version_9 into main Merge version_9 into main	2026-04-29 06:13:59 +00:00
bender	ad6767f575	Merge version_9 into main Merge version_9 into main	2026-04-28 21:46:59 +00:00