29 Commits

Author SHA1 Message Date
86418561f0 Update src/app/page.tsx 2026-05-01 16:04:59 +00:00
0e620b316a Update src/app/page.tsx 2026-05-01 16:03:28 +00:00
7dc59dc328 Update theme colors 2026-05-01 15:46:59 +00:00
c74ab2439f Update theme colors 2026-05-01 15:46:50 +00:00
757de71dbe Update theme colors 2026-05-01 15:46:40 +00:00
2794e93a6c Update theme colors 2026-05-01 15:46:30 +00:00
ec5bdaf384 Update theme colors 2026-05-01 15:46:25 +00:00
c62fd4481f Update theme colors 2026-05-01 15:46:18 +00:00
2caab86518 Update theme colors 2026-05-01 15:46:10 +00:00
6bf3e0cdf7 Update theme colors 2026-05-01 15:46:04 +00:00
671b1c140a Update theme colors 2026-05-01 15:45:58 +00:00
9f11c52907 Update theme colors 2026-05-01 15:45:45 +00:00
039465084d Update src/app/page.tsx 2026-05-01 15:44:03 +00:00
fbcd3a9477 Update src/app/page.tsx 2026-05-01 15:39:40 +00:00
2afdd79ad9 Update src/app/page.tsx 2026-05-01 15:34:37 +00:00
419e075901 Update theme fonts 2026-05-01 15:32:40 +00:00
8f73197588 Update theme fonts 2026-05-01 15:32:40 +00:00
455de897a4 Update theme fonts 2026-05-01 15:31:26 +00:00
fd65c62da0 Update theme fonts 2026-05-01 15:31:25 +00:00
70fa844aa8 Update theme fonts 2026-05-01 15:31:19 +00:00
b62bd8d671 Update theme fonts 2026-05-01 15:31:19 +00:00
b6269c0171 Update theme fonts 2026-05-01 15:31:13 +00:00
a8f00f688c Update theme fonts 2026-05-01 15:31:13 +00:00
7e3c5f3f88 Update theme fonts 2026-05-01 15:30:45 +00:00
9c6f337ae4 Update theme fonts 2026-05-01 15:30:44 +00:00
a2d36806db Update src/app/page.tsx 2026-05-01 15:29:48 +00:00
9e1868515a Update src/app/page.tsx 2026-05-01 15:24:24 +00:00
31237c04e9 Merge version_2 into main
Merge version_2 into main
2026-05-01 15:23:00 +00:00
e01b7d7a13 Merge version_2 into main
Merge version_2 into main
2026-05-01 15:22:36 +00:00
4 changed files with 29 additions and 30 deletions

View File

@@ -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

View File

@@ -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" },
@@ -54,20 +54,20 @@ export default function RoofingPage() {
<HeroBillboardTestimonial
background={{ variant: "plain" }}
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/contact.webp", alt: "Roofing professional" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D80MlXBRoP0ZXW01wd6rIuX5yK/uploaded-1777651392966-60zjc807.jpg", alt: "Roofing professional" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/custom-proposal.webp", alt: "Roofer carrying tiles" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp", alt: "Technician inspecting roof" },
]}
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" },
{ text: "Our Services", href: "#services" },
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/hero-main.webp"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D80MlXBRoP0ZXW01wd6rIuX5yK/uploaded-1777651444756-2jopfkh5.jpg"
imageAlt="Roofer walking on rooftop against blue sky"
mediaAnimation="slide-up"
marqueeItems={[
@@ -286,7 +286,7 @@ export default function RoofingPage() {
]}
textarea={{ name: "message", placeholder: "Tell us about your roofing needs...", rows: 5, required: true }}
buttonText="Request Free Estimate"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/contact.webp"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D80MlXBRoP0ZXW01wd6rIuX5yK/uploaded-1777651392966-60zjc807.jpg"
imageAlt="Roofing professional using tablet on site"
mediaPosition="right"
mediaAnimation="slide-up"
@@ -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>
);
}
}

View File

@@ -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;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #ffffff;
--foreground: #111111;
--primary-cta: #e85d04;
--primary-cta-text: #ffffff;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #f5faff;
--secondary-cta: #ffffff;
--secondary-cta-text: #111111;
--accent: #e85d04;
--background-accent: #f4a261;
--secondary-cta-text: #001122;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);