diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3a20450..e2f2a7b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,17 +1,16 @@ import type { Metadata } from "next"; -import { Poppins } from "next/font/google"; -import { Nunito } from "next/font/google"; +import { Figtree } from "next/font/google"; +import { Mulish } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const poppins = Poppins({ - variable: "--font-poppins", subsets: ["latin"], - weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], +const figtree = Figtree({ + variable: "--font-figtree", subsets: ["latin"], }); -const nunito = Nunito({ - variable: "--font-nunito", subsets: ["latin"], +const mulish = Mulish({ + variable: "--font-mulish", subsets: ["latin"], }); export const metadata: Metadata = { @@ -44,7 +43,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 5b79a16..c8c6260 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,16 +13,16 @@ import { Music, Mic2, Volume2, User, Sparkles, Share2, Mail } from 'lucide-react export default function LandingPage() { return ( @@ -139,7 +139,7 @@ export default function LandingPage() { tagAnimation="slide-up" title="Ready to Mix? Let's Create." description="Whether you need professional mixing, drumming services, or production consultation, I'm here to help elevate your sound. Send me a message and let's discuss your project." - background={{ variant: "sparkles-gradient" }} + background={{ variant: "gradient-bars" }} useInvertedBackground={false} imageSrc="http://img.b2bpic.net/free-photo/closeup-professional-microphone-swivel-boom-arm-stand-empty-vlog-broadcasting-studio-used-recording-social-media-content-detail-audio-live-broadcast-digital-mic_482257-36751.jpg" imageAlt="Professional microphone setup" diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 0f9f89d..578efaa 100644 --- 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-poppins), sans-serif; + font-family: var(--font-figtree), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-poppins), sans-serif; + font-family: var(--font-figtree), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index f1f2850..7a18baa 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #fff8f3; - --card: #ffe8d9; - --foreground: #2b1810; - --primary-cta: #ff6b35; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffffe6; + --primary-cta: #e34400; --primary-cta-text: #ffffff; - --secondary-cta: #ffe8d9; + --secondary-cta: #1a1a1a; --secondary-cta-text: #000612e6; - --accent: #ffa500; - --background-accent: #ffb84d; + --accent: #ff7b05; + --background-accent: #f96b2f; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);