Update theme colors

2026-05-01 15:46:10 +00:00 · 2026-05-01 15:46:04 +00:00 · 2026-05-01 15:45:58 +00:00 · 2026-05-01 15:45:45 +00:00 · 2026-05-01 15:44:03 +00:00 · 2026-05-01 15:39:40 +00:00
4 changed files with 25 additions and 26 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,20 +6,21 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
+import { Manrope } from "next/font/google";

-const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});

-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});

 export const metadata: Metadata = { title: 'Elite Roofing Solutions | Professional Roof Repair & Installation', description: 'Protect your home with expert roofing services. From emergency repairs to full roof replacements, our certified team delivers durable, high-quality results.' };

+
+
+
+
+const manrope = Manrope({
+  variable: "--font-manrope",
+  subsets: ["latin"],
+});
+
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -28,9 +29,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${manrope.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,13 +32,13 @@ export default function RoofingPage() {
        <div className="fixed bottom-0 left-0 right-0 z-50 p-4 bg-background border-t border-accent">
          <div className="max-w-7xl mx-auto flex items-center justify-center gap-4 text-sm">
            <Cookie className="w-5 h-5 shrink-0" />
-            <p>We use cookies to help the site function, measure usage, and support marketing.</p>
+            <p>Our site uses cookies to help function, measure usage, and support marketing.</p>
          </div>
        </div>

        <div id="nav" data-section="nav">
          <NavbarStyleApple
-            brandName="Summit Roofing"
+            brandName="Billing Roofing Services  "
            navItems={[
              { name: "About", id: "about" },
              { name: "Services", id: "services" },
@@ -60,7 +60,7 @@ export default function RoofingPage() {
            ]}
            avatarText="Professional Roofing Services"
            avatarGroupClassName="[&_div.overflow-hidden]:h-10 [&_div.overflow-hidden]:aspect-square [&>p]:whitespace-nowrap"
-            title="Your Roof. Our Reputation."
+            title="All Your Roofing Saloution. In Our Hands. "
            description="Trusted by homeowners for over 25 years. From storm damage repairs to full roof replacements, Summit Roofing delivers quality craftsmanship you can count on."
            buttons={[
              { text: "Get Free Estimate", href: "#contact" },
@@ -296,7 +296,7 @@ export default function RoofingPage() {

        <div id="footer" data-section="footer">
          <FooterBase
-            logoText="Summit Roofing"
+            logoText="Billing Roofing services "
            columns={[
              {
                title: "Services",                items: [
@@ -336,4 +336,4 @@ export default function RoofingPage() {
      </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-tight), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
+  --background: #e3deea;
  --card: #ffffff;
-  --foreground: #111111;
-  --primary-cta: #e85d04;
-  --primary-cta-text: #ffffff;
+  --foreground: #27231f;
+  --primary-cta: #27231f;
+  --primary-cta-text: #e3deea;
  --secondary-cta: #ffffff;
-  --secondary-cta-text: #111111;
-  --accent: #e85d04;
-  --background-accent: #f4a261;
+  --secondary-cta-text: #27231f;
+  --accent: #c68a62;
+  --background-accent: #c68a62;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2caab86518	Update theme colors	2026-05-01 15:46:10 +00:00
bender	6bf3e0cdf7	Update theme colors	2026-05-01 15:46:04 +00:00
bender	671b1c140a	Update theme colors	2026-05-01 15:45:58 +00:00
bender	9f11c52907	Update theme colors	2026-05-01 15:45:45 +00:00
bender	039465084d	Update src/app/page.tsx	2026-05-01 15:44:03 +00:00
bender	fbcd3a9477	Update src/app/page.tsx	2026-05-01 15:39:40 +00:00
bender	2afdd79ad9	Update src/app/page.tsx	2026-05-01 15:34:37 +00:00
bender	419e075901	Update theme fonts	2026-05-01 15:32:40 +00:00
bender	8f73197588	Update theme fonts	2026-05-01 15:32:40 +00:00
bender	455de897a4	Update theme fonts	2026-05-01 15:31:26 +00:00
bender	fd65c62da0	Update theme fonts	2026-05-01 15:31:25 +00:00
bender	70fa844aa8	Update theme fonts	2026-05-01 15:31:19 +00:00
bender	b62bd8d671	Update theme fonts	2026-05-01 15:31:19 +00:00
bender	b6269c0171	Update theme fonts	2026-05-01 15:31:13 +00:00
bender	a8f00f688c	Update theme fonts	2026-05-01 15:31:13 +00:00
bender	7e3c5f3f88	Update theme fonts	2026-05-01 15:30:45 +00:00
bender	9c6f337ae4	Update theme fonts	2026-05-01 15:30:44 +00:00
bender	a2d36806db	Update src/app/page.tsx	2026-05-01 15:29:48 +00:00
bender	9e1868515a	Update src/app/page.tsx	2026-05-01 15:24:24 +00:00
bender	31237c04e9	Merge version_2 into main Merge version_2 into main	2026-05-01 15:23:00 +00:00
bender	e01b7d7a13	Merge version_2 into main Merge version_2 into main	2026-05-01 15:22:36 +00:00