diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 95a6ac1..688f08b 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -19,8 +19,7 @@ export default function AboutPage() {
const footerColumns = [
{
- title: "Services",
- items: [
+ title: "Services", items: [
{ label: "Roof Repair", href: "/services" },
{ label: "Roof Replacement", href: "/services" },
{ label: "Inspections", href: "/services" },
@@ -28,8 +27,7 @@ export default function AboutPage() {
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Customer Reviews", href: "/reviews" },
{ label: "Contact", href: "/contact" },
@@ -37,8 +35,7 @@ export default function AboutPage() {
],
},
{
- title: "Contact",
- items: [
+ title: "Contact", items: [
{ label: "Phone: (551) 310-2400", href: "tel:(551)310-2400" },
{ label: "Address: 260 Ryders Ln, Milltown, NJ 08850", href: "#" },
{ label: "Open 24/7 for Emergencies", href: "#" },
@@ -64,9 +61,7 @@ export default function AboutPage() {
@@ -78,6 +73,39 @@ export default function AboutPage() {
+
+
+
See Our Work in Action
+
+ {/* Before */}
+
+
Before
+
+

+
+
Damaged, worn roof in need of repair
+
+
+ {/* After */}
+
+
After
+
+

+
+
Professional restoration - like new again
+
+
+
+
+
@@ -102,40 +128,20 @@ export default function AboutPage() {
animationType="slide-up"
metrics={[
{
- id: "1",
- value: "4.8★",
- title: "Google Rating from 58+ Reviews",
- items: [
- "Real customer testimonials",
- "Verified Milltown service area",
- ],
+ id: "1", value: "4.8★", title: "Google Rating from 58+ Reviews", items: [
+ "Real customer testimonials", "Verified Milltown service area"],
},
{
- id: "2",
- value: "24/7",
- title: "Emergency Roof Repair Available",
- items: [
- "Same-day inspections",
- "Fast emergency response",
- ],
+ id: "2", value: "24/7", title: "Emergency Roof Repair Available", items: [
+ "Same-day inspections", "Fast emergency response"],
},
{
- id: "3",
- value: "100%",
- title: "Fully Licensed & Insured",
- items: [
- "All work guaranteed",
- "Comprehensive coverage",
- ],
+ id: "3", value: "100%", title: "Fully Licensed & Insured", items: [
+ "All work guaranteed", "Comprehensive coverage"],
},
{
- id: "4",
- value: "Local",
- title: "Family-Owned Since Day One",
- items: [
- "Community focused service",
- "Personalized attention",
- ],
+ id: "4", value: "Local", title: "Family-Owned Since Day One", items: [
+ "Community focused service", "Personalized attention"],
},
]}
/>
@@ -149,4 +155,4 @@ export default function AboutPage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index dd18eff..4a9bb3b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,9 +15,9 @@ export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
- { name: "About", id: "about" },
- { name: "Reviews", id: "reviews" },
- { name: "Contact", id: "contact" },
+ { name: "About", id: "/about" },
+ { name: "Reviews", id: "/reviews" },
+ { name: "Contact", id: "/contact" },
];
const footerColumns = [
@@ -31,9 +31,9 @@ export default function HomePage() {
},
{
title: "Company", items: [
- { label: "About Us", href: "#about" },
- { label: "Customer Reviews", href: "#reviews" },
- { label: "Contact", href: "#contact" },
+ { label: "About Us", href: "/about" },
+ { label: "Customer Reviews", href: "/reviews" },
+ { label: "Contact", href: "/contact" },
{ label: "Emergency Service", href: "tel:(551)310-2400" },
],
},
@@ -42,7 +42,7 @@ export default function HomePage() {
{ label: "Phone: (551) 310-2400", href: "tel:(551)310-2400" },
{ label: "Address: 260 Ryders Ln, Milltown, NJ 08850", href: "#" },
{ label: "Open 24/7 for Emergencies", href: "#" },
- { label: "Free Estimates Available", href: "#contact" },
+ { label: "Free Estimates Available", href: "/contact" },
],
},
];
@@ -66,7 +66,7 @@ export default function HomePage() {
brandName="Navarro Family Roofing"
navItems={navItems}
button={{
- text: "Get Free Estimate", href: "#contact"}}
+ text: "Get Free Estimate", href: "/contact"}}
/>
@@ -77,7 +77,7 @@ export default function HomePage() {
description="Milltown's Trusted Family Roofing Experts. Roof repairs, replacements, and inspections done right the first time."
buttons={[
{
- text: "Get Your Free Estimate", href: "#contact"},
+ text: "Get Your Free Estimate", href: "/contact"},
{
text: "Call Now: (551) 310-2400", href: "tel:(551)310-2400"},
]}
@@ -90,6 +90,40 @@ export default function HomePage() {
/>
+ {/* Before and After Section */}
+
+
+
See the Difference We Make
+
+ {/* Before */}
+
+
Before
+
+

+
+
Damaged, worn roof in need of repair
+
+
+ {/* After */}
+
+
After
+
+

+
+
Professional restoration - like new again
+
+
+
+
+
{/* Trust Indicators Section */}
@@ -223,4 +257,4 @@ export default function HomePage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 94abf8c..e28c043 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -12,9 +12,9 @@ export default function ServicesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
- { name: "About", id: "about" },
- { name: "Reviews", id: "reviews" },
- { name: "Contact", id: "contact" },
+ { name: "About", id: "/about" },
+ { name: "Reviews", id: "/reviews" },
+ { name: "Contact", id: "/contact" },
];
const footerColumns = [
@@ -28,9 +28,9 @@ export default function ServicesPage() {
},
{
title: "Company", items: [
- { label: "About Us", href: "/#about" },
- { label: "Customer Reviews", href: "/#reviews" },
- { label: "Contact", href: "#contact" },
+ { label: "About Us", href: "/about" },
+ { label: "Customer Reviews", href: "/reviews" },
+ { label: "Contact", href: "/contact" },
{ label: "Emergency Service", href: "tel:(551)310-2400" },
],
},
@@ -39,7 +39,7 @@ export default function ServicesPage() {
{ label: "Phone: (551) 310-2400", href: "tel:(551)310-2400" },
{ label: "Address: 260 Ryders Ln, Milltown, NJ 08850", href: "#" },
{ label: "Open 24/7 for Emergencies", href: "#" },
- { label: "Free Estimates Available", href: "#contact" },
+ { label: "Free Estimates Available", href: "/contact" },
],
},
];
@@ -63,7 +63,7 @@ export default function ServicesPage() {
brandName="Navarro Family Roofing"
navItems={navItems}
button={{
- text: "Get Free Estimate", href: "#contact"}}
+ text: "Get Free Estimate", href: "/contact"}}
/>
@@ -96,6 +96,40 @@ export default function ServicesPage() {
/>
+ {/* Before and After Section */}
+
+
+
Transformation Gallery
+
+ {/* Before */}
+
+
Before
+
+

+
+
Damaged, worn roof in need of repair
+
+
+ {/* After */}
+
+
After
+
+

+
+
Professional restoration - like new again
+
+
+
+
+
{/* Service Quality Section */}
@@ -138,4 +172,4 @@ export default function ServicesPage() {
);
-}
\ No newline at end of file
+}