bender/852a1339-fffa-4e15-a4aa-6798de513070
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-02-27 21:24:49 +00:00
parent 7e9baf536e
commit 41fc9e3dd3
1 changed files with 72 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -1,15 +1,16 @@
"use client";
import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { CloudLightning, CheckCircle, FileText, Zap, Shield, Hammer, MessageSquare, Sparkles, Award, MapPin, Star } from "lucide-react";
import { Star, CloudLightning } from 'lucide-react';
export default function HomePage() {
return (
@@ -28,13 +29,16 @@ export default function HomePage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Residential", id: "/residential" },
{ name: "Commercial", id: "/commercial" },
{ name: "Storm Damage", id: "/storm-damage" },
{ name: "Gallery", id: "/gallery" }
{ name: 'Home', id: '/' },
{ name: 'Residential', id: '/residential' },
{ name: 'Commercial', id: '/commercial' },
{ name: 'Storm Damage', id: '/storm-damage' },
{ name: 'Gallery', id: '/gallery' }
]}
button={{ text: "Get Free Estimate", href: "/contact" }}
button={{
text: 'Get Free Estimate',
href: '/contact'
}}
brandName="Northstar Roofing"
/>
</div>
@@ -44,16 +48,16 @@ export default function HomePage() {
title="North Dakota Roofing Built for Real Weather"
description="Residential and commercial roofing, repairs, and storm restoration. Fast estimates. Clean installs. Strong warranties. Licensed, insured, and storm damage specialists serving North Dakota."
tag="Licensed & Insured • Warranty-Backed • Storm Specialists"
background={{ variant: "glowing-orb" }}
tagAnimation="entrance-slide"
background={{ variant: 'glowing-orb' }}
buttons={[
{ text: "Get Free Estimate", href: "/contact" },
{ text: "Call Now", href: "tel:+1-701-555-0100" }
{ text: 'Get Free Estimate', href: '/contact' },
{ text: 'Call Now', href: 'tel:+1-701-555-0100' }
]}
imageSrc="http://img.b2bpic.net/free-photo/houses-surrounded-by-trees-covered-snow-larvik-norway_181624-11854.jpg"
imageSrc="http://img.b2bpic.net/free-photo/houses-surrounded-by-trees-covered-snow-larvik-norway_181624-11854.jpg?_wi=1"
imageAlt="Modern roofline against North Dakota winter sky"
imagePosition="right"
mediaAnimation="slide-up"
tagAnimation="entrance-slide"
/>
</div>
@@ -64,14 +68,8 @@ export default function HomePage() {
tag="Customer Reviews"
textboxLayout="default"
useInvertedBackground={false}
logos={[
"http://img.b2bpic.net/free-vector/star-rating-with-two-different-backgrounds_1017-6190.jpg",
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148061324.jpg",
"http://img.b2bpic.net/free-vector/labor-day-badges-collection-flat-style_23-2147864471.jpg",
"http://img.b2bpic.net/free-vector/flat-design-eleicoes-2020-background_23-2148699148.jpg",
"http://img.b2bpic.net/free-vector/real-estate-open-house-label_23-2148479337.jpg",
"http://img.b2bpic.net/free-photo/approved-authentic-quality-guaranteed-product-concept_53876-13748.jpg",
"http://img.b2bpic.net/free-vector/rate-remark-us-business-background-client-feedback-opinion-matter_1017-60953.jpg"
names={[
"Premium Quality Reviews", "Professional Social Media Presence", "Industry Recognition Awards", "Top Rated Contractor", "Licensed Property Experts", "Certified Quality Assurance", "Customer Satisfaction Leader"
]}
speed={35}
showCard={true}
@@ -84,27 +82,15 @@ export default function HomePage() {
description="Complete solutions for residential and commercial properties across North Dakota"
features={[
{
id: "1",
title: "Roof Replacement",
author: "Full Coverage Solutions",
description: "Complete roof replacement with premium materials. New shingles, underlayment, and structural inspection. Warranty-backed workmanship.",
tags: ["Residential", "Commercial", "Warranty"],
id: "1", title: "Roof Replacement", author: "Full Coverage Solutions", description: "Complete roof replacement with premium materials. New shingles, underlayment, and structural inspection. Warranty-backed workmanship.", tags: ["Residential", "Commercial", "Warranty"],
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=1"
},
{
id: "2",
title: "Roof Repair & Maintenance",
author: "Fast Response Team",
description: "Quick repairs for leaks, damaged shingles, flashing, and ventilation. Emergency storm damage repairs available 24/7.",
tags: ["Emergency", "Fast Service", "Affordable"],
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530689.jpg?_wi=1"
id: "2", title: "Roof Repair & Maintenance", author: "Fast Response Team", description: "Quick repairs for leaks, damaged shingles, flashing, and ventilation. Emergency storm damage repairs available 24/7.", tags: ["Emergency", "Fast Service", "Affordable"],
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530689.jpg"
},
{
id: "3",
title: "Storm Damage Restoration",
author: "Insurance Claims Experts",
description: "Hail, wind, and ice damage assessment and restoration. We handle insurance paperwork and documentation for faster claims processing.",
tags: ["Insurance", "Hail Damage", "Documentation"],
id: "3", title: "Storm Damage Restoration", author: "Insurance Claims Experts", description: "Hail, wind, and ice damage assessment and restoration. We handle insurance paperwork and documentation for faster claims processing.", tags: ["Insurance", "Hail Damage", "Documentation"],
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg?_wi=1"
}
]}
@@ -114,85 +100,6 @@ export default function HomePage() {
/>
</div>
<div id="storm-damage" data-section="storm-damage">
<SplitAbout
title="Storm Damage? We're Here to Help"
description="Hail, wind, and ice damage? Our expert team handles the entire process from inspection to insurance claim support to final installation. Get your roof restored quickly and properly."
tag="Storm Response"
tagIcon={CloudLightning}
textboxLayout="default"
useInvertedBackground={true}
bulletPoints={[
{
title: "Free Storm Inspection",
description: "Same-day inspections available. Detailed damage assessment and photo documentation for your insurance claim.",
icon: CheckCircle
},
{
title: "Insurance Claim Support",
description: "We work directly with your insurance company. Professional documentation ensures faster claim approval and maximum coverage.",
icon: FileText
},
{
title: "Quick Response Time",
description: "24/7 emergency availability. Most urgent repairs completed within 24-48 hours to prevent further water damage.",
icon: Zap
},
{
title: "Licensed & Bonded",
description: "Full North Dakota licensing and bonding. Your protection and peace of mind guaranteed on every project.",
icon: Shield
}
]}
buttons={[{ text: "Book Storm Inspection", href: "/contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-businessman-standing-front-table-writing-diary-with-pen_23-2148087135.jpg?_wi=1"
imageAlt="Storm damage inspection and assessment"
imagePosition="right"
mediaAnimation="slide-up"
/>
</div>
<div id="why-northstar" data-section="why-northstar">
<SplitAbout
title="Why Choose Northstar Roofing?"
description="Over 15 years of trusted roofing experience serving North Dakota families and businesses with unmatched craftsmanship and reliability."
tag="Local ND Team"
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
{
title: "Expert Craftsmanship",
description: "Every roof installed with precision and attention to detail. Quality materials combined with skilled workmanship.",
icon: Hammer
},
{
title: "Clear Communication",
description: "You're always informed. Regular updates, honest pricing, and transparent project timelines from start to finish.",
icon: MessageSquare
},
{
title: "Clean Job Sites",
description: "Professional work environment. We protect your property and leave job sites spotless every single time.",
icon: Sparkles
},
{
title: "Lifetime Warranty",
description: "Comprehensive warranty on labor and materials. Your investment is protected for years to come.",
icon: Award
},
{
title: "Local North Dakota Team",
description: "Proud local business. We understand ND weather, building codes, and the needs of our neighbors.",
icon: MapPin
}
]}
imageSrc="http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=1"
imageAlt="Northstar Roofing professional team"
imagePosition="left"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Over 500 North Dakota families and businesses trust Northstar Roofing for their roofing needs"
@@ -202,38 +109,55 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1"
},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg"
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2"
},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
}
]}
/>
</div>
<div id="service-area" data-section="service-area">
<MetricCardTwo
title="Service Areas"
description="Proudly serving communities across North Dakota"
metrics={[
{
id: "1", value: "Bismarck", description: "Capital Region & Surrounding Area"
},
{
id: "2", value: "Fargo", description: "Red River Valley Region"
},
{
id: "3", value: "Grand Forks", description: "Northeast North Dakota"
},
{
id: "4", value: "Minot", description: "North Central Region"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="final-cta" data-section="final-cta">
<ContactText
text="Ready to protect your property? Get a free roof estimate in 24 hours. No obligation. No pressure. Just honest expertise."
animationType="entrance-slide"
buttons={[
{ text: "Get Free Estimate", href: "/contact" },
{ text: "Call: 701-555-0100", href: "tel:+1-701-555-0100" }
{ text: 'Get Free Estimate', href: '/contact' },
{ text: 'Call: 701-555-0100', href: 'tel:+1-701-555-0100' }
]}
background={{ variant: "plain" }}
background={{ variant: 'plain' }}
useInvertedBackground={false}
/>
</div>
@@ -244,34 +168,34 @@ export default function HomePage() {
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Residential Roofing", href: "/residential" },
{ label: "Commercial Roofing", href: "/commercial" },
{ label: "Storm Damage", href: "/storm-damage" }
{ label: 'Home', href: '/' },
{ label: 'Residential Roofing', href: '/residential' },
{ label: 'Commercial Roofing', href: '/commercial' },
{ label: 'Storm Damage', href: '/storm-damage' }
]
},
{
items: [
{ label: "About Us", href: "/about" },
{ label: "Project Gallery", href: "/gallery" },
{ label: "Customer Reviews", href: "/reviews" },
{ label: "Contact Us", href: "/contact" }
{ label: 'About Us', href: '/about' },
{ label: 'Project Gallery', href: '/gallery' },
{ label: 'Customer Reviews', href: '/reviews' },
{ label: 'Contact Us', href: '/contact' }
]
},
{
items: [
{ label: "Licensed & Insured", href: "#" },
{ label: "Warranty Information", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
{ label: 'Licensed & Insured' },
{ label: 'Warranty Information' },
{ label: 'Privacy Policy' },
{ label: 'Terms of Service' }
]
},
{
items: [
{ label: "Emergency Service", href: "tel:+1-701-555-0100" },
{ label: "701-555-0100", href: "tel:+1-701-555-0100" },
{ label: "Monday - Friday: 8AM - 6PM", href: "#" },
{ label: "24/7 Emergency Hotline", href: "tel:+1-701-555-0101" }
{ label: 'Emergency Service', href: 'tel:+1-701-555-0100' },
{ label: '701-555-0100', href: 'tel:+1-701-555-0100' },
{ label: 'Monday - Friday: 8AM - 6PM' },
{ label: '24/7 Emergency Hotline', href: 'tel:+1-701-555-0101' }
]
}
]}