Update theme fonts

2026-02-20 21:30:12 +00:00 · 2026-02-20 21:30:12 +00:00 · 2026-02-20 21:29:43 +00:00 · 2026-02-20 21:29:43 +00:00 · 2026-02-20 21:24:42 +00:00 · 2026-02-20 21:24:42 +00:00
6 changed files with 57 additions and 14 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -31,13 +31,13 @@ export default function BlogPage() {
                <NavbarLayoutFloatingInline
                    navItems={[
                        { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Services", id: "services" },
-                        { name: "Clients", id: "clients" },
-                        { name: "Contact", id: "contact" },
+                        { name: "About", id: "#about" },
+                        { name: "Services", id: "#features-detailed" },
+                        { name: "Clients", id: "/#clients" },
+                        { name: "Contact", id: "#contact" },
                    ]}
                    brandName="Pro Studio"
-                    button={{ text: "Get a Quote", href: "#contact" }}
+                    button={{ text: "Get a Quote", href: "/#contact" }}
                    className="bg-card/90 backdrop-blur-sm shadow-lg"
                    navItemClassName="text-foreground hover:text-primary-cta transition-colors duration-300"
                    buttonClassName="bg-primary-cta text-secondary-cta px-6 py-2 rounded-pill hover:bg-accent hover:text-primary-cta transition-all duration-300"
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,9 @@ import { Mulish } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
+import { Libre_Baskerville } from "next/font/google";
+import { Inter } from "next/font/google";
+import { Raleway } from "next/font/google";

 const mulish = Mulish({
  variable: "--font-mulish",  subsets: ["latin"],
@@ -24,6 +27,21 @@ export const metadata: Metadata = {
  },
 };

+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
+const raleway = Raleway({
+  variable: "--font-raleway",
+  subsets: ["latin"],
+});
+
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -32,7 +50,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${mulish.variable} antialiased`}>
+        <body className={`${raleway.variable} antialiased`}>
          <Tag />
          {children}
        
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,6 +8,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import {
@@ -49,7 +50,7 @@ export default function LandingPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
-          navItems={[{ name: "About", id: "about" }, { name: "Services", id: "services" }, { name: "Clients", id: "clients" }, { name: "Contact", id: "contact" }]}
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "#about" }, { name: "Services", id: "#features-detailed" }, { name: "Clients", id: "#clients" }, { name: "Contact", id: "#contact" }]}
          brandName="Pro Studio"
          button={{ text: "Get a Quote", href: "#contact" }}
          className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -174,6 +175,25 @@ export default function LandingPage() {
          cardDateClassName="text-sm text-foreground/60"
        />
      </div>
+      <div id="clients" data-section="clients">
+        <SocialProofOne
+          title="Our Valued Partners & Clients"
+          description="We've had the privilege to work with a diverse range of clients, helping them tell their stories and achieve their goals."
+          names={[
+            "Creative Minds Agency",            "GlobalTech Solutions",            "Apex Innovations",            "Nexus Games",            "Bloom Skincare",            "FutureForward Consulting",            "Digital Horizon Studios",            "Urban Living Magazine",            "Veridian Dynamics",            "Starlight Entertainment"
+          ]}
+          tag="Clients"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+          className="py-20 md:py-28 lg:py-36 bg-background-accent"
+          textBoxTitleClassName="text-3xl md:text-5xl font-bold leading-tight"
+          textBoxDescriptionClassName="text-lg max-w-2xl mx-auto"
+          logoTextClassName="text-2xl font-semibold text-foreground/80"
+          logoCardClassName="bg-card/70 backdrop-blur-md"
+        />
+      </div>
      <div id="features-detailed" data-section="features-detailed">
        <FeatureCardTen
          features={[
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -94,7 +94,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                        <NavbarLayoutFloatingInline
                            navItems={[
                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Shop", id: "/shop" },
+                                { name: "Clients", id: "/#clients" }
                            ]}
                            brandName="Pro Studio"
                            className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -147,7 +148,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                        <NavbarLayoutFloatingInline
                            navItems={[
                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Shop", id: "/shop" },
+                                { name: "Clients", id: "/#clients" }
                            ]}
                            brandName="Pro Studio"
                            className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -207,7 +209,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                    <NavbarLayoutFloatingInline
                        navItems={[
                            { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Shop", id: "/shop" },
+                            { name: "Clients", id: "/#clients" }
                        ]}
                        brandName="Pro Studio"
                        className="bg-card/90 backdrop-blur-sm shadow-lg"
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -61,7 +61,8 @@ export default function ShopPage() {
                        <NavbarLayoutFloatingInline
                            navItems={[
                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Shop", id: "/shop" },
+                                { name: "Clients", id: "/#clients" }
                            ]}
                            brandName="Pro Studio"
                            className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -113,7 +114,8 @@ export default function ShopPage() {
                    <NavbarLayoutFloatingInline
                        navItems={[
                            { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Shop", id: "/shop" },
+                            { name: "Clients", id: "/#clients" }
                        ]}
                        brandName="Pro Studio"
                        className="bg-card/90 backdrop-blur-sm shadow-lg"
--- 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-mulish), sans-serif;
+  font-family: var(--font-raleway), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-raleway), sans-serif;
 }
Author	SHA1	Message	Date
bender	b3c5f400d4	Update theme fonts	2026-02-20 21:30:12 +00:00
bender	5e1093adcf	Update theme fonts	2026-02-20 21:30:12 +00:00
bender	a76dea9823	Update theme fonts	2026-02-20 21:29:43 +00:00
bender	ecb3e195ed	Update theme fonts	2026-02-20 21:29:43 +00:00
bender	43fab83a96	Update src/app/shop/page.tsx	2026-02-20 21:24:42 +00:00
bender	473bd01285	Update src/app/shop/[id]/page.tsx	2026-02-20 21:24:42 +00:00
bender	5e07fb2107	Update src/app/page.tsx	2026-02-20 21:24:41 +00:00
bender	ad8a1cd0eb	Update src/app/blog/page.tsx	2026-02-20 21:24:40 +00:00
bender	7b2c7b1316	Merge version_1 into main Merge version_1 into main	2026-02-20 21:22:10 +00:00
bender	1d2aa2b0e3	Merge version_1 into main Merge version_1 into main	2026-02-20 21:21:20 +00:00
bender	f0391081db	Merge version_1 into main Merge version_1 into main	2026-02-20 21:19:04 +00:00