bender/8c2b0a4e-ce37-4de7-a76f-aafcdfc8124e
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-19 19:08:37 +00:00
parent 2f5b34d851
commit bf5e364893
1 changed files with 44 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
"use client";
import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -11,7 +10,8 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { TrendingUp, Hammer, Home, Square, Layers, Brick, CheckCircle, Zap } from 'lucide-react';
import { TrendingUp, Hammer, Home, Square, Layers, Building, CheckCircle, Zap, Package } from 'lucide-react';
import Link from 'next/link';
export default function HomePage() {
return (
@@ -31,34 +31,33 @@ export default function HomePage() {
<NavbarLayoutFloatingInline
brandName="Northwest"
navItems={[
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reviews", id: "/about" },
{ name: "About", id: "/about" }
{ "name": "Home", "id": "/" },
{ "name": "Services", "id": "/services" },
{ "name": "Gallery", "id": "/gallery" },
{ "name": "Reviews", "id": "#testimonials" },
{ "name": "About", "id": "/about" }
]}
button={{ text: "Request a Quote", href: "/contact" }}
button={{ "text": "Request a Quote", "href": "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Concrete & Masonry Done Right — On Time. On Budget. Built to Last."
description="Clear communication. Professional scheduling. Detail-driven craftsmanship — from driveways and steps to garage floors and patios. The kind your neighbors notice."
tag="Premium Craftsmanship"
tagAnimation="slide-up"
imageSrc="https://img.b2bpic.net/free-photo/promenade-near-sea_1112-620.jpg?_wi=1"
imageSrc="https://img.b2bpic.net/free-photo/promenade-near-sea_1112-620.jpg"
imageAlt="Premium concrete driveway installation"
textPosition="bottom-left"
showBlur={true}
showDimOverlay={false}
buttons={[
{ text: "Request a Quote", href: "/contact" },
{ text: "View Our Work", href: "/gallery" }
{ "text": "Request a Quote", "href": "/contact" },
{ "text": "View Our Work", "href": "/gallery" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Homeowners Who Value the Details"
@@ -71,7 +70,6 @@ export default function HomePage() {
showCard={true}
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
title="Services Built for Curb Appeal & Longevity"
@@ -79,47 +77,22 @@ export default function HomePage() {
tag="Our Services"
tagAnimation="slide-up"
features={[
{
icon: TrendingUp,
title: "Driveways & Replacements",
description: "Remove/replace, expansions, clean joints, proper base prep."
},
{
icon: Hammer,
title: "Garage Floors & Shop Slabs",
description: "Heavy-duty slabs with flatness and durability in mind."
},
{
icon: Home,
title: "Patios & Walkways",
description: "Functional, beautiful outdoor surfaces done with precision."
},
{
icon: Square,
title: "Steps, Entries & Landings",
description: "Safer access, better curb appeal, crisp edges."
},
{
icon: Layers,
title: "Aprons & Sidewalk Repairs",
description: "Targeted replacements that blend cleanly."
},
{
icon: Brick,
title: "Masonry & Stone Work",
description: "Brick and stone work that matches your home's architecture."
}
{ "icon": TrendingUp, "title": "Driveways & Replacements", "description": "Remove/replace, expansions, clean joints, proper base prep." },
{ "icon": Hammer, "title": "Garage Floors & Shop Slabs", "description": "Heavy-duty slabs with flatness and durability in mind." },
{ "icon": Home, "title": "Patios & Walkways", "description": "Functional, beautiful outdoor surfaces done with precision." },
{ "icon": Square, "title": "Steps, Entries & Landings", "description": "Safer access, better curb appeal, crisp edges." },
{ "icon": Layers, "title": "Aprons & Sidewalk Repairs", "description": "Targeted replacements that blend cleanly." },
{ "icon": Building, "title": "Masonry & Stone Work", "description": "Brick and stone work that matches your home's architecture." }
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
buttons={[
{ text: "Get a Clear Quote", href: "/contact" }
{ "text": "Get a Clear Quote", "href": "/contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="Our Process"
@@ -129,56 +102,34 @@ export default function HomePage() {
description="Lynn & the Team"
subdescription="Professional Planning & Execution"
icon={Zap}
imageSrc="https://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg?_wi=1"
imageSrc="https://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg"
imageAlt="Professional concrete installation team at work"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardFour
title="Work You'll Be Proud to Show Off"
description="Browse our portfolio of completed projects showcasing clean finishes and meticulous attention to detail."
tag="Project Gallery"
tagIcon={Package}
tagAnimation="slide-up"
products={[
{
id: "1",
name: "Driveway Replacement",
price: "Portfolio",
variant: "Complete Removal & Install",
imageSrc: "https://img.b2bpic.net/free-photo/stone-path-way-garden_74190-3631.jpg?_wi=1",
imageAlt: "Finished driveway project"
},
{
id: "2",
name: "Stamped Patio",
price: "Portfolio",
variant: "Custom Design & Installation",
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-trees-thai-style-decoration_1258-111445.jpg?_wi=1",
imageAlt: "Custom patio installation"
},
{
id: "3",
name: "Garage Floor Coating",
price: "Portfolio",
variant: "Epoxy Finished",
imageSrc: "https://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=1",
imageAlt: "Professional garage floor"
}
{ "id": "1", "name": "Driveway Replacement", "price": "Portfolio", "variant": "Complete Removal & Install", "imageSrc": "https://img.b2bpic.net/free-photo/stone-path-way-garden_74190-3631.jpg", "imageAlt": "Finished driveway project" },
{ "id": "2", "name": "Stamped Patio", "price": "Portfolio", "variant": "Custom Design & Installation", "imageSrc": "https://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-trees-thai-style-decoration_1258-111445.jpg", "imageAlt": "Custom patio installation" },
{ "id": "3", "name": "Garage Floor Coating", "price": "Portfolio", "variant": "Epoxy Finished", "imageSrc": "https://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg", "imageAlt": "Professional garage floor" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "View Full Gallery", href: "/gallery" }
{ "text": "View Full Gallery", "href": "/gallery" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Homeowners Recommend Lynn & the Team — Again and Again"
@@ -186,107 +137,45 @@ export default function HomePage() {
tag="5-Star Reviews"
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "Homeowner",
testimonial: "Excellent communication and planning. They kept us informed every step of the way and finished ahead of schedule.",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Sarah Johnson"
},
{
id: "2",
name: "Michael Chen",
handle: "Homeowner",
testimonial: "Completed quicker than expected and stayed right on budget. The attention to detail really shows in the final result.",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1",
imageAlt: "Michael Chen"
},
{
id: "3",
name: "Emily Rodriguez",
handle: "Property Manager",
testimonial: "Scheduling was so easy and the crew was professional throughout. Beautiful work that our residents love.",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1",
imageAlt: "Emily Rodriguez"
},
{
id: "4",
name: "David Kim",
handle: "Homeowner",
testimonial: "Pride in craftsmanship is evident. Fast, efficient, and they cleaned up beautifully. Would hire again in a heartbeat.",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "David Kim"
}
{ "id": "1", "name": "Sarah Johnson", "handle": "Homeowner", "testimonial": "Excellent communication and planning. They kept us informed every step of the way and finished ahead of schedule.", "rating": 5, "imageSrc": "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", "imageAlt": "Sarah Johnson" },
{ "id": "2", "name": "Michael Chen", "handle": "Homeowner", "testimonial": "Completed quicker than expected and stayed right on budget. The attention to detail really shows in the final result.", "rating": 5, "imageSrc": "https://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", "imageAlt": "Michael Chen" },
{ "id": "3", "name": "Emily Rodriguez", "handle": "Property Manager", "testimonial": "Scheduling was so easy and the crew was professional throughout. Beautiful work that our residents love.", "rating": 5, "imageSrc": "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", "imageAlt": "Emily Rodriguez" },
{ "id": "4", "name": "David Kim", "handle": "Homeowner", "testimonial": "Pride in craftsmanship is evident. Fast, efficient, and they cleaned up beautifully. Would hire again in a heartbeat.", "rating": 5, "imageSrc": "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", "imageAlt": "David Kim" }
]}
showRating={true}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
buttons={[
{ text: "Request a Quote", href: "/contact" }
{ "text": "Request a Quote", "href": "/contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready for Concrete Work That's Done Once — and Done Right?"
animationType="entrance-slide"
buttons={[
{ text: "Request a Quote", href: "/contact" },
{ text: "Call Now", href: "tel:+1234567890" }
{ "text": "Request a Quote", "href": "/contact" },
{ "text": "Call Now", "href": "tel:+1234567890" }
]}
background={{ variant: "plain" }}
background={{ "variant": "plain" }}
useInvertedBackground={false}
/>
</div>
<FooterSimple
columns={[
{
title: "Navigate",
items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "About", href: "/about" }
]
},
{
title: "Services",
items: [
{ label: "Driveways", href: "/services" },
{ label: "Garage Floors", href: "/services" },
{ label: "Patios", href: "/services" },
{ label: "Steps & Entries", href: "/services" }
]
},
{
title: "Contact",
items: [
{ label: "Request a Quote", href: "/contact" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/about" },
{ label: "About Us", href: "/about" }
]
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
bottomLeftText="© 2025 Northwest Concrete & Masonry. All rights reserved."
bottomRightText="Built with precision and care."
/>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ "title": "Navigate", "items": [{ "label": "Home", "href": "/" }, { "label": "Services", "href": "#services" }, { "label": "Gallery", "href": "/gallery" }, { "label": "About", "href": "/about" }] },
{ "title": "Services", "items": [{ "label": "Driveways", "href": "/services" }, { "label": "Garage Floors", "href": "/services" }, { "label": "Patios", "href": "/services" }, { "label": "Steps & Entries", "href": "/services" }] },
{ "title": "Contact", "items": [{ "label": "Request a Quote", "href": "/contact" }, { "label": "Gallery", "href": "/gallery" }, { "label": "Reviews", "href": "#testimonials" }, { "label": "About Us", "href": "/about" }] },
{ "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "#" }, { "label": "Terms of Service", "href": "#" }] }
]}
bottomLeftText="© 2025 Northwest Concrete & Masonry. All rights reserved."
bottomRightText="Built with precision and care."
/>
</div>
</ThemeProvider>
);
}