diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6c8550c..3ccda5a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,12 +5,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import SplitAbout from "@/components/sections/about/SplitAbout";
-import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Shield, Wrench, Search, HelpCircle, ClipboardCheck, Phone, HardHat, CheckCircle, Clock, Users, Award, ThumbsUp, Star } from "lucide-react";
@@ -52,17 +52,13 @@ export default function RoofingPage() {
{ 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."
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"
- imageAlt="Roofer walking on rooftop against blue sky"
- mediaAnimation="slide-up"
marqueeItems={[
{ type: "text-icon", text: "24/7 Availability", icon: Clock },
{ type: "text-icon", text: "Family Owned", icon: Users },
@@ -72,33 +68,9 @@ export default function RoofingPage() {
{ type: "text-icon", text: "5-Star Rated", icon: ThumbsUp },
]}
testimonials={[
- {
- name: "James Mitchell",
- handle: "Homeowner, Dallas TX",
- testimonial:
- "Summit replaced our entire roof in two days. Professional crew, clean job site, and the new roof looks incredible.",
- rating: 5,
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/robert-thompson.webp",
- imageAlt: "James Mitchell",
- },
- {
- name: "Karen O'Brien",
- handle: "Homeowner, Fort Worth TX",
- testimonial:
- "After the hailstorm, Summit handled our insurance claim and had us covered within a week. Truly outstanding service.",
- rating: 5,
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/patricia-nguyen.webp",
- imageAlt: "Karen O'Brien",
- },
- {
- name: "David & Lisa Park",
- handle: "Homeowners, Plano TX",
- testimonial:
- "We got three quotes and Summit offered the best value with a lifetime warranty. No-brainer decision.",
- rating: 5,
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/steve-amy-collins.webp",
- imageAlt: "David and Lisa Park",
- },
+ { name: "James Mitchell", handle: "Homeowner, Dallas TX", testimonial: "Summit replaced our entire roof in two days. Professional crew, clean job site, and the new roof looks incredible.", rating: 5 },
+ { name: "Karen O'Brien", handle: "Homeowner, Fort Worth TX", testimonial: "After the hailstorm, Summit handled our insurance claim and had us covered within a week. Truly outstanding service.", rating: 5 },
+ { name: "David & Lisa Park", handle: "Homeowners, Plano TX", testimonial: "We got three quotes and Summit offered the best value with a lifetime warranty. No-brainer decision.", rating: 5 },
]}
/>
@@ -108,171 +80,59 @@ export default function RoofingPage() {
title="Built on Trust. Backed by Results."
description="Summit Roofing has been protecting homes since 1999. We combine old-school craftsmanship with modern materials and techniques to deliver roofs that last a lifetime."
bulletPoints={[
- {
- title: "Licensed & Insured",
- description:
- "Fully licensed, bonded, and insured for your complete peace of mind.",
- icon: Shield,
- },
- {
- title: "Lifetime Warranty",
- description:
- "Every installation backed by our industry-leading lifetime workmanship warranty.",
- icon: Wrench,
- },
- {
- title: "Free Inspections",
- description:
- "Complimentary roof inspections with honest assessments — no pressure, no hidden fees.",
- icon: Search,
- },
+ { title: "Licensed & Insured", description: "Fully licensed, bonded, and insured for your complete peace of mind.", icon: Shield },
+ { title: "Lifetime Warranty", description: "Every installation backed by our industry-leading lifetime workmanship warranty.", icon: Wrench },
+ { title: "Free Inspections", description: "Complimentary roof inspections with honest assessments — no pressure, no hidden fees.", icon: Search },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/hero.webp"
- imageAlt="Roofing crew installing a new roof"
- mediaBadge={{
- text: "25+ Years",
- avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp",
- avatarAlt: "Roofing professional"
- }}
- imagePosition="right"
- mediaAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
-
-
-
@@ -402,43 +183,10 @@ export default function RoofingPage() {
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index a25430f..beaefb2 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-tight), sans-serif;
+ font-family: var(--font-cormorant), 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-cormorant), sans-serif;
}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index b8eb23f..835708d 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #ffffff;
- --card: #ffffff;
- --foreground: #111111;
- --primary-cta: #e85d04;
+ --background: #001a0a;
+ --card: #0b1f0c;
+ --foreground: #f5f5f0;
+ --primary-cta: #c5a059;
--primary-cta-text: #ffffff;
- --secondary-cta: #ffffff;
+ --secondary-cta: #0b1f0c;
--secondary-cta-text: #111111;
- --accent: #e85d04;
- --background-accent: #f4a261;
+ --accent: #d4af37;
+ --background-accent: #1e3d1e;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);