bender/89c31f4d-2dce-48c1-bc09-8d7198d6f459
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 20:54:37 +00:00
parent 790eacca59
commit b7f6ebc61f
1 changed files with 49 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Shield, Home, Droplets } from 'lucide-react';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -30,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Services",
id: "#services",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "Services", id: "#services" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" },
]}
brandName="Navarro Roofing"
/>
@@ -60,36 +46,15 @@ export default function LandingPage() {
logoText="NAVARRO ROOFING"
description="Premium Roofing, Siding & Exterior Solutions Built to Protect What Matters Most. Ocean County’s Trusted Experts."
buttons={[
{
text: "Get Free Estimate",
href: "#contact",
},
{
text: "View Projects",
href: "#portfolio",
},
{ text: "Get Free Estimate", href: "#contact" },
{ text: "View Projects", href: "#portfolio" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg",
imageAlt: "luxury roof aerial shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",
imageAlt: "luxury roof aerial shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
imageAlt: "luxury roof aerial shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
imageAlt: "luxury roof aerial shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-house-surrounded-by-trees-near-sea_181624-7987.jpg",
imageAlt: "luxury roof aerial shot",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg", imageAlt: "luxury roof aerial shot" },
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "luxury roof aerial shot" },
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg", imageAlt: "luxury roof aerial shot" },
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", imageAlt: "luxury roof aerial shot" },
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-house-surrounded-by-trees-near-sea_181624-7987.jpg", imageAlt: "luxury roof aerial shot" },
]}
/>
</div>
@@ -99,30 +64,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Roof Replacement",
description: "Full-scale premium roof replacements that increase home value.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg",
buttonIcon: "Zap",
},
{
title: "Roof Repairs",
description: "Expert repairs for shingles, leaks, and weather-related damage.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg",
buttonIcon: "Shield",
},
{
title: "Siding Installation",
description: "High-performance siding upgrades to revitalize your home's look.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290155.jpg",
buttonIcon: "Home",
},
{
title: "Gutters & Trim",
description: "Precision drainage systems designed to handle any storm.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg",
buttonIcon: "Droplets",
},
{ title: "Roof Replacement", description: "Full-scale premium roof replacements that increase home value.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg", buttonIcon: Zap },
{ title: "Roof Repairs", description: "Expert repairs for shingles, leaks, and weather-related damage.", imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg", buttonIcon: Shield },
{ title: "Siding Installation", description: "High-performance siding upgrades to revitalize your home's look.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290155.jpg", buttonIcon: Home },
{ title: "Gutters & Trim", description: "Precision drainage systems designed to handle any storm.", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg", buttonIcon: Droplets },
]}
title="Premium Roofing Services"
description="We deliver high-end exterior solutions with a focus on durability, aesthetics, and unmatched quality standards."
@@ -136,42 +81,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Roof Transformation A",
price: "Before",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drips-morning-dew-car-window_181624-3141.jpg",
},
{
id: "2",
name: "Roof Transformation A",
price: "After",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
},
{
id: "3",
name: "Siding Transformation B",
price: "Before",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13015.jpg",
},
{
id: "4",
name: "Siding Transformation B",
price: "After",
imageSrc: "http://img.b2bpic.net/free-photo/old-rural-house-with-canopy-entrance_1268-15654.jpg",
},
{
id: "5",
name: "Commercial Project C",
price: "Before",
imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-reflective-windows_23-2148252788.jpg",
},
{
id: "6",
name: "Commercial Project C",
price: "After",
imageSrc: "http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg",
},
{ id: "1", name: "Roof Transformation A", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drips-morning-dew-car-window_181624-3141.jpg" },
{ id: "2", name: "Roof Transformation A", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg" },
{ id: "3", name: "Siding Transformation B", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13015.jpg" },
{ id: "4", name: "Siding Transformation B", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/old-rural-house-with-canopy-entrance_1268-15654.jpg" },
{ id: "5", name: "Commercial Project C", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-reflective-windows_23-2148252788.jpg" },
{ id: "6", name: "Commercial Project C", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg" },
]}
title="Before & After Transformations"
description="See the impact of our precision craftsmanship across Ocean County."
@@ -182,42 +97,13 @@ export default function LandingPage() {
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "Luxury Homeowner",
testimonial: "Professional throughout the process, finished on time.",
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg",
},
{
id: "2",
name: "Mark D.",
handle: "Homeowner",
testimonial: "Outstanding exterior upgrade, love the attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112474.jpg",
},
{
id: "3",
name: "Emily R.",
handle: "Business Owner",
testimonial: "Fair pricing and top-tier materials used throughout.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-taking-selfie_23-2148020565.jpg",
},
{
id: "4",
name: "David K.",
handle: "Local Resident",
testimonial: "My roof looks fantastic! Highly recommend their team.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15602.jpg",
},
{
id: "5",
name: "Jennifer L.",
handle: "Happy Client",
testimonial: "Communication was excellent and the result is stunning.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
},
{ id: "1", name: "Sarah J.", handle: "Luxury Homeowner", testimonial: "Professional throughout the process, finished on time.", imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg" },
{ id: "2", name: "Mark D.", handle: "Homeowner", testimonial: "Outstanding exterior upgrade, love the attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112474.jpg" },
{ id: "3", name: "Emily R.", handle: "Business Owner", testimonial: "Fair pricing and top-tier materials used throughout.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-taking-selfie_23-2148020565.jpg" },
{ id: "4", name: "David K.", handle: "Local Resident", testimonial: "My roof looks fantastic! Highly recommend their team.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15602.jpg" },
{ id: "5", name: "Jennifer L.", handle: "Happy Client", testimonial: "Communication was excellent and the result is stunning.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
]}
title="Customer Experiences"
description="53+ Five-star reviews reflect our commitment to excellence."
@@ -231,18 +117,9 @@ export default function LandingPage() {
title="Why Choose Navarro Roofing"
description="We are a family-owned team dedicated to restoring and protecting your home with honest, high-end craftsmanship."
bulletPoints={[
{
title: "Family Owned",
description: "Personal service built on local trust.",
},
{
title: "Honest Pricing",
description: "Transparent, premium value for every project.",
},
{
title: "Insurance Help",
description: "Expert claim assistance for storm damage.",
},
{ title: "Family Owned", description: "Personal service built on local trust." },
{ title: "Honest Pricing", description: "Transparent, premium value for every project." },
{ title: "Insurance Help", description: "Expert claim assistance for storm damage." },
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-big-residential-house-surrounded-with-green-trees_181624-36003.jpg"
@@ -255,56 +132,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Roofs Installed",
items: [
"Residential",
"Commercial",
"Industrial",
],
},
{
id: "m2",
value: "53+",
title: "5-Star Reviews",
items: [
"Google",
"Verified",
"Local",
],
},
{
id: "m3",
value: "24/7",
title: "Emergency Support",
items: [
"Leak Repair",
"Storm",
"Fast Response",
],
},
{
id: "m4",
value: "100%",
title: "Satisfaction",
items: [
"Quality",
"Craftsmanship",
"Support",
],
},
{
id: "m5",
value: "20+",
title: "Years Experience",
items: [
"Expertise",
"Reliability",
"History",
],
},
{ id: "m1", value: "500+", title: "Roofs Installed", items: ["Residential", "Commercial", "Industrial"] },
{ id: "m2", value: "53+", title: "5-Star Reviews", items: ["Google", "Verified", "Local"] },
{ id: "m3", value: "24/7", title: "Emergency Support", items: ["Leak Repair", "Storm", "Fast Response"] },
{ id: "m4", value: "100%", title: "Satisfaction", items: ["Quality", "Craftsmanship", "Support"] },
{ id: "m5", value: "20+", title: "Years Experience", items: ["Expertise", "Reliability", "History"] },
]}
title="Our Track Record"
description="Proven performance with hundreds of local successful projects."
@@ -314,9 +146,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
tag="FREE ESTIMATE"
title="Protect Your Home Today"
description="Schedule a professional inspection for your roofing, siding, or exterior needs."
@@ -329,50 +159,23 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "Roofing",
href: "#services",
},
{
label: "Siding",
href: "#services",
},
{
label: "Gutters",
href: "#services",
},
title: "Services", items: [
{ label: "Roofing", href: "#services" },
{ label: "Siding", href: "#services" },
{ label: "Gutters", href: "#services" },
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#why-us",
},
{
label: "Reviews",
href: "#reviews",
},
{
label: "Contact",
href: "#contact",
},
title: "Company", items: [
{ label: "About Us", href: "#why-us" },
{ label: "Reviews", href: "#reviews" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Legal",
items: [
{
label: "License Info",
href: "#",
},
{
label: "Privacy",
href: "#",
},
title: "Legal", items: [
{ label: "License Info", href: "#" },
{ label: "Privacy", href: "#" },
],
},
]}