Update src/app/page.tsx
This commit is contained in:
220
src/app/page.tsx
220
src/app/page.tsx
@@ -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' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user