Update src/app/page.tsx

Update theme fonts
2026-05-16 05:18:12 +00:00 · 2026-05-16 05:12:41 +00:00 · 2026-05-16 05:12:41 +00:00 · 2026-05-16 05:12:28 +00:00 · 2026-05-16 05:12:27 +00:00 · 2026-05-16 05:10:43 +00:00
3 changed files with 29 additions and 13 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,8 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Manrope } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -25,7 +27,17 @@ export const metadata: Metadata = {
  },
 };

-const manrope = Manrope({ variable: "--font-manrope", subsets: ["latin"] });
+
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});

 export default function RootLayout({
  children,
@@ -35,7 +47,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${manrope.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,6 +15,10 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { Monitor, Palette, Zap } from "lucide-react";

 export default function LandingPage() {
+  const handleInquireClick = () => {
+    window.location.href = "mailto:brightlinewebsolutions@gmail.com";
+  };
+
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
@@ -48,10 +52,10 @@ export default function LandingPage() {
      title="Elevating Brands Through Premium Web Design"
      description="Brightline Web crafts high-converting digital experiences that turn visitors into loyal customers. We blend aesthetics with strategy."
      tag="Crafting Premium Digital Growth"
-      buttons={[{ text: "Get Your Free Strategy - Contact: brightlinewebsolutions@gmail.com", href: "#contact" }]}
+      buttons={[{ text: "Get Your Free Strategy", onClick: handleInquireClick }]}
      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", imageAlt: "minimalist abstract web design agency" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898156.jpg", imageAlt: "minimalist abstract web design agency" }
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dn41einsengmZoxwP3uYGIRn4w/tmp/a-professional-website-on-a-computer-wit-1778908537836-a8bbc78f.png", imageAlt: "minimalist abstract web design agency" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/businessman-pointing-his-presentation-futuristic-digital-screen_53876-102617.jpg?id=15556741", imageAlt: "minimalist abstract web design agency" }
      ]}
      mediaAnimation="blur-reveal"
      rating={5}
@@ -114,15 +118,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      plans={[
        {
-          id: "starter",          badge: "Essential",          price: "$600",          subtitle: "For small businesses starting out",          buttons: [{ text: "Inquire" }],
+          id: "starter",          badge: "Essential",          price: "$600",          subtitle: "For small businesses starting out",          buttons: [{ text: "Inquire", onClick: handleInquireClick }],
          features: ["Custom Landing Page", "Responsive Layout", "Basic SEO Optimization"]
        },
        {
-          id: "growth",          badge: "Popular",          price: "$1000",          subtitle: "For established brands scaling up",          buttons: [{ text: "Inquire" }],
+          id: "growth",          badge: "Popular",          price: "$1000",          subtitle: "For established brands scaling up",          buttons: [{ text: "Inquire", onClick: handleInquireClick }],
          features: ["Full Website Design", "Content Strategy", "Advanced SEO Setup", "Speed Optimization"]
        },
        {
-          id: "enterprise",          badge: "Pro ",          price: "Pro ",          subtitle: "For ambitious enterprise needs",          buttons: [{ text: "Get a Quote" }],
+          id: "enterprise",          badge: "Pro ",          price: "Pro ",          subtitle: "For ambitious enterprise needs",          buttons: [{ text: "Get a Quote", onClick: handleInquireClick }],
          features: ["Full Identity Systems", "Enterprise Architecture", "Ongoing Maintenance", "Direct Support"]
        }
      ]}
@@ -175,12 +179,12 @@ export default function LandingPage() {
      inputPlaceholder="Your business email"
      buttonText="Get Started"
      tag="Let's Talk"
-      onSubmit={(email: string) => {}}
+      onSubmit={handleInquireClick}
    />
    <div className="flex flex-wrap gap-4 justify-center py-8">
-        <a href="mailto:brightlinewebsolutions@gmail.com" className="bg-primary-cta text-primary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity">
+        <button onClick={handleInquireClick} className="bg-primary-cta text-primary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity">
            Email Us
-        </a>
+        </button>
        <a href="tel:3233243186" className="bg-secondary-cta text-secondary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity border border-accent">
            Call: 323-324-3186
        </a>
--- 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-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
Author	SHA1	Message	Date
bender	cd0491d758	Update src/app/page.tsx	2026-05-16 05:18:12 +00:00
bender	734a16698f	Update theme fonts	2026-05-16 05:12:41 +00:00
bender	fc37cd0262	Update theme fonts	2026-05-16 05:12:41 +00:00
bender	bac29292d2	Update theme fonts	2026-05-16 05:12:28 +00:00
bender	bbd7d5151f	Update theme fonts	2026-05-16 05:12:27 +00:00
bender	447a8349de	Update src/app/page.tsx	2026-05-16 05:10:43 +00:00
bender	286744618a	Merge version_5 into main Merge version_5 into main	2026-05-16 05:09:45 +00:00
bender	2b1df397ff	Merge version_5 into main Merge version_5 into main	2026-05-16 05:08:28 +00:00
bender	f680da3be7	Merge version_5 into main Merge version_5 into main	2026-05-16 05:05:20 +00:00
bender	b0b546ecde	Merge version_5 into main Merge version_5 into main	2026-05-16 05:03:08 +00:00