diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8cdfe79..b0a6367 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,12 +1,12 @@ import type { Metadata } from "next"; -import { Public_Sans } from "next/font/google"; +import { DM_Sans } from "next/font/google"; import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const publicSans = Public_Sans({ - variable: "--font-public-sans", subsets: ["latin"], +const dmSans = DM_Sans({ + variable: "--font-dm-sans", subsets: ["latin"], }); const inter = Inter({ @@ -14,17 +14,17 @@ const inter = Inter({ }); export const metadata: Metadata = { - title: "Premium Creative Studio | Branding, Video & Web Design", description: "Award-winning creative studio specializing in brand strategy, cinematic video production, and custom web design for ambitious founders and studios.", keywords: "creative studio, branding, video production, web design, brand identity, portfolio", metadataBase: new URL("https://studio.co"), + title: "Creative Agency | Strategic Branding & Design", description: "We craft editorial, sophisticated creative campaigns for brands with vision. Strategic design, compelling storytelling, and real impact.", keywords: "creative agency, branding, design, editorial, strategic creative, brand design", metadataBase: new URL("https://studio.co"), alternates: { canonical: "https://studio.co"}, openGraph: { - title: "Premium Creative Studio | Branding, Video & Web Design", description: "Strategic creativity for studios, startups, and visionary founders who refuse ordinary.", url: "https://studio.co", siteName: "Studio", images: [ + title: "Creative Agency | Strategic Branding & Design", description: "Sophisticated creative solutions for ambitious brands.", url: "https://studio.co", siteName: "Studio", images: [ { - url: "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg", alt: "Studio portfolio showcase"}, + url: "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg", alt: "Creative studio workspace"}, ], type: "website"}, twitter: { - card: "summary_large_image", title: "Premium Creative Studio | Branding, Video & Web Design", description: "Strategic creativity for studios, startups, and visionary founders who refuse ordinary.", images: [ + card: "summary_large_image", title: "Creative Agency | Strategic Branding & Design", description: "Sophisticated creative solutions for ambitious brands.", images: [ "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg"], }, robots: { @@ -42,7 +42,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 1f59e7b..d1ec371 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,7 +1,7 @@ "use client"; import Link from "next/link"; -import { Sparkles, Send } from "lucide-react"; +import { Sparkles, Send, ArrowRight } from "lucide-react"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import HeroBillboard from "@/components/sections/hero/HeroBillboard"; @@ -14,19 +14,18 @@ import FooterSimple from "@/components/sections/footer/FooterSimple"; export default function HomePage() { const navItems = [ { name: "Home", id: "/" }, - { name: "Work", id: "/work" }, - { name: "Services", id: "/services" }, - { name: "About", id: "/about" }, - { name: "Contact", id: "/contact" }, + { name: "Work", id: "featured-work" }, + { name: "Services", id: "services" }, + { name: "Contact", id: "contact" }, ]; const footerColumns = [ { title: "Navigate", items: [ { label: "Home", href: "/" }, - { label: "Work", href: "/work" }, - { label: "Services", href: "/services" }, - { label: "About", href: "/about" }, + { label: "Featured Work", href: "#featured-work" }, + { label: "Services", href: "#services" }, + { label: "Contact", href: "#contact" }, ], }, { @@ -34,7 +33,7 @@ export default function HomePage() { { label: "Instagram", href: "https://instagram.com" }, { label: "LinkedIn", href: "https://linkedin.com" }, { label: "Email", href: "mailto:hello@studio.co" }, - { label: "Contact", href: "/contact" }, + { label: "Contact", href: "#contact" }, ], }, { @@ -48,51 +47,51 @@ export default function HomePage() { return (
@@ -172,10 +171,10 @@ export default function HomePage() {
diff --git a/src/app/styles/base.css b/src/app/styles/base.css index e6e4ae5..c480bac 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-inter), sans-serif; + font-family: var(--font-dm-sans), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-public-sans), sans-serif; + font-family: var(--font-dm-sans), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 65cc830..91e3f57 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -2,23 +2,23 @@ /* Base units */ /* --vw is set by ThemeProvider */ - /* --background: #080000;; - --card: #1e0d0d;; - --foreground: #ffe6e6;; - --primary-cta: #ff7a7a;; - --secondary-cta: #1e0909;; - --accent: #7b4242;; - --background-accent: #65292c;; */ + /* --background: #f5f4ef;; + --card: #ffffff;; + --foreground: #2a2928;; + --primary-cta: #2a2928;; + --secondary-cta: #ecebea;; + --accent: #ffffff;; + --background-accent: #c6b180;; */ - --background: #080000;; - --card: #1e0d0d;; - --foreground: #ffe6e6;; - --primary-cta: #ff7a7a;; + --background: #f5f4ef;; + --card: #ffffff;; + --foreground: #2a2928;; + --primary-cta: #2a2928;; --primary-cta-text: #080000;; - --secondary-cta: #1e0909;; + --secondary-cta: #ecebea;; --secondary-cta-text: #ffe6e6;; - --accent: #7b4242;; - --background-accent: #65292c;; + --accent: #ffffff;; + --background-accent: #c6b180;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);