Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Sun, MapPin, Palette } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Stafford Construction Co"
|
||||
/>
|
||||
@@ -54,107 +43,34 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Concrete Contractors in Oshkosh, WI"
|
||||
description="Quality driveways, patios, sidewalks, and decorative concrete built to last for over 35 years."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Client A",
|
||||
handle: "@oshkosh",
|
||||
testimonial: "Great quality work and very professional. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg?_wi=1",
|
||||
imageAlt: "concrete work construction site",
|
||||
},
|
||||
{
|
||||
name: "Client B",
|
||||
handle: "@oshkosh",
|
||||
testimonial: "Reliable, honest, and experienced. The driveway turned out excellent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg?_wi=1",
|
||||
imageAlt: "concrete work construction site",
|
||||
},
|
||||
{
|
||||
name: "Client C",
|
||||
handle: "@oshkosh",
|
||||
testimonial: "Solid work on our back patio, looks amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-drainage_23-2149432948.jpg?_wi=1",
|
||||
imageAlt: "concrete work construction site",
|
||||
},
|
||||
{
|
||||
name: "Client D",
|
||||
handle: "@oshkosh",
|
||||
testimonial: "Very fair pricing for the quality provided.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=1",
|
||||
imageAlt: "concrete work construction site",
|
||||
},
|
||||
{
|
||||
name: "Client E",
|
||||
handle: "@oshkosh",
|
||||
testimonial: "Quick, efficient, and left everything clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg?_wi=1",
|
||||
imageAlt: "concrete work construction site",
|
||||
},
|
||||
{ name: "Client A", handle: "@oshkosh", testimonial: "Great quality work and very professional. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg", imageAlt: "concrete work construction site" },
|
||||
{ name: "Client B", handle: "@oshkosh", testimonial: "Reliable, honest, and experienced. The driveway turned out excellent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg", imageAlt: "concrete work construction site" },
|
||||
{ name: "Client C", handle: "@oshkosh", testimonial: "Solid work on our back patio, looks amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-drainage_23-2149432948.jpg", imageAlt: "concrete work construction site" },
|
||||
{ name: "Client D", handle: "@oshkosh", testimonial: "Very fair pricing for the quality provided.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "concrete work construction site" },
|
||||
{ name: "Client E", handle: "@oshkosh", testimonial: "Quick, efficient, and left everything clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg", imageAlt: "concrete work construction site" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now: (920) 232-9308",
|
||||
href: "tel:9202329308",
|
||||
},
|
||||
{ text: "Get a Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now: (920) 232-9308", href: "tel:9202329308" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-work-site_1398-2991.jpg",
|
||||
alt: "construction work site",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10080.jpg",
|
||||
alt: "Round saw in the hands of the Builder, work on laying paving slabs.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-construction-site_181624-23246.jpg",
|
||||
alt: "Workers in the construction site",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg",
|
||||
alt: "View of construction work site",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg",
|
||||
alt: "Medium shot man wearing safety vest",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-work-site_1398-2991.jpg", alt: "construction work site" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10080.jpg", alt: "Round saw in the hands of the Builder, work on laying paving slabs." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/workers-construction-site_181624-23246.jpg", alt: "Workers in the construction site" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg", alt: "View of construction work site" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg", alt: "Medium shot man wearing safety vest" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "35+ Years in Business",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Concrete Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Winnebago County",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential & Commercial",
|
||||
},
|
||||
{ type: "text", text: "35+ Years in Business" },
|
||||
{ type: "text", text: "Fully Licensed & Insured" },
|
||||
{ type: "text", text: "Quality Concrete Craftsmanship" },
|
||||
{ type: "text", text: "Serving Winnebago County" },
|
||||
{ type: "text", text: "Residential & Commercial" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,20 +82,11 @@ export default function LandingPage() {
|
||||
title="About Stafford Construction Co"
|
||||
description="Locally owned and operated serving Oshkosh for over 35 years. We specialize in durable concrete solutions for both residential and commercial projects with unmatched attention to detail."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "35+ Years Experience",
|
||||
description: "Decades of expertise in concrete craftsmanship.",
|
||||
},
|
||||
{
|
||||
title: "Locally Owned",
|
||||
description: "Dedicated to the Oshkosh community.",
|
||||
},
|
||||
{
|
||||
title: "High Quality",
|
||||
description: "Professional results built to withstand WI weather.",
|
||||
},
|
||||
{ title: "35+ Years Experience", description: "Decades of expertise in concrete craftsmanship." },
|
||||
{ title: "Locally Owned", description: "Dedicated to the Oshkosh community." },
|
||||
{ title: "High Quality", description: "Professional results built to withstand WI weather." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -189,30 +96,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Concrete Driveways",
|
||||
description: "Durable driveways designed for WI weather.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-spring-park-backgrounds-nature_1122-1739.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Patios",
|
||||
description: "Custom patios perfect for outdoor living.",
|
||||
buttonIcon: "Sun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-stone-stairs_1359-889.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sidewalks",
|
||||
description: "Safe and professionally installed paths.",
|
||||
buttonIcon: "MapPin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-athlete-stone-wall_23-2147988140.jpg",
|
||||
},
|
||||
{
|
||||
title: "Stamped Concrete",
|
||||
description: "Enhance property with decorative finishes.",
|
||||
buttonIcon: "Palette",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-riding-bike-city_23-2148170919.jpg",
|
||||
},
|
||||
{ title: "Concrete Driveways", description: "Durable driveways designed for WI weather.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/fresh-spring-park-backgrounds-nature_1122-1739.jpg" },
|
||||
{ title: "Custom Patios", description: "Custom patios perfect for outdoor living.", buttonIcon: Sun, imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-stone-stairs_1359-889.jpg" },
|
||||
{ title: "Sidewalks", description: "Safe and professionally installed paths.", buttonIcon: MapPin, imageSrc: "http://img.b2bpic.net/free-photo/urban-athlete-stone-wall_23-2147988140.jpg" },
|
||||
{ title: "Stamped Concrete", description: "Enhance property with decorative finishes.", buttonIcon: Palette, imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-riding-bike-city_23-2148170919.jpg" }
|
||||
]}
|
||||
title="Our Concrete Services"
|
||||
description="A full range of professional concrete services tailored to your needs."
|
||||
@@ -225,21 +112,9 @@ export default function LandingPage() {
|
||||
title="Why Choose Stafford Construction Co"
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "35+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Locally Owned",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Free",
|
||||
description: "Estimates",
|
||||
},
|
||||
{ id: "1", value: "35+", description: "Years of Experience" },
|
||||
{ id: "2", value: "100%", description: "Locally Owned" },
|
||||
{ id: "3", value: "Free", description: "Estimates" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -250,61 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "2024",
|
||||
title: "Homeowner",
|
||||
quote: "Great quality work and very professional. Highly recommend.",
|
||||
tag: "Driveway",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/explaining-sketch_1098-15462.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg?_wi=3",
|
||||
imageAlt: "experienced concrete contractor team",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
date: "2024",
|
||||
title: "Business Owner",
|
||||
quote: "Reliable, honest, and experienced. The driveway turned out excellent.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-old-architect-showing-approval_23-2148269378.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg?_wi=3",
|
||||
imageAlt: "experienced concrete contractor team",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "2023",
|
||||
title: "Homeowner",
|
||||
quote: "Professional, on-time, and great finish.",
|
||||
tag: "Patio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/3d-render-25th-years-anniversary-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-11189.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-drainage_23-2149432948.jpg?_wi=2",
|
||||
imageAlt: "experienced concrete contractor team",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John B.",
|
||||
date: "2023",
|
||||
title: "Homeowner",
|
||||
quote: "Highly recommend Stafford for any concrete work.",
|
||||
tag: "Walkway",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/men-taking-break-from-work_23-2148976284.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg?_wi=2",
|
||||
imageAlt: "experienced concrete contractor team",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa K.",
|
||||
date: "2022",
|
||||
title: "Homeowner",
|
||||
quote: "Excellent communication and beautiful finish.",
|
||||
tag: "Stamped",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg?_wi=2",
|
||||
imageAlt: "experienced concrete contractor team",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "2024", title: "Homeowner", quote: "Great quality work and very professional. Highly recommend.", tag: "Driveway", avatarSrc: "http://img.b2bpic.net/free-photo/explaining-sketch_1098-15462.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg", imageAlt: "experienced concrete contractor team" },
|
||||
{ id: "2", name: "Mike D.", date: "2024", title: "Business Owner", quote: "Reliable, honest, and experienced. The driveway turned out excellent.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-old-architect-showing-approval_23-2148269378.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg", imageAlt: "experienced concrete contractor team" },
|
||||
{ id: "3", name: "Emily R.", date: "2023", title: "Homeowner", quote: "Professional, on-time, and great finish.", tag: "Patio", avatarSrc: "http://img.b2bpic.net/free-photo/3d-render-25th-years-anniversary-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-11189.jpg", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-drainage_23-2149432948.jpg", imageAlt: "experienced concrete contractor team" },
|
||||
{ id: "4", name: "John B.", date: "2023", title: "Homeowner", quote: "Highly recommend Stafford for any concrete work.", tag: "Walkway", avatarSrc: "http://img.b2bpic.net/free-photo/men-taking-break-from-work_23-2148976284.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg", imageAlt: "experienced concrete contractor team" },
|
||||
{ id: "5", name: "Lisa K.", date: "2022", title: "Homeowner", quote: "Excellent communication and beautiful finish.", tag: "Stamped", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg", imageAlt: "experienced concrete contractor team" }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Feedback from our local community."
|
||||
@@ -315,15 +140,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Oshkosh",
|
||||
"Neenah",
|
||||
"Menasha",
|
||||
"Appleton",
|
||||
"Winneconne",
|
||||
"Omro",
|
||||
"Fond du Lac",
|
||||
]}
|
||||
names={["Oshkosh", "Neenah", "Menasha", "Appleton", "Winneconne", "Omro", "Fond du Lac"]}
|
||||
title="Areas We Serve"
|
||||
description="Proudly serving Oshkosh, WI and surrounding communities."
|
||||
/>
|
||||
@@ -334,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we offer free, no-obligation estimates for all projects.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve Oshkosh, WI and surrounding Winnebago County communities.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long has Stafford Construction been in business?",
|
||||
content: "We have been providing high-quality concrete solutions for over 35 years.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer free estimates?", content: "Yes, we offer free, no-obligation estimates for all projects." },
|
||||
{ id: "2", title: "What areas do you serve?", content: "We proudly serve Oshkosh, WI and surrounding Winnebago County communities." },
|
||||
{ id: "3", title: "How long has Stafford Construction been in business?", content: "We have been providing high-quality concrete solutions for over 35 years." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our concrete services."
|
||||
@@ -362,30 +167,11 @@ export default function LandingPage() {
|
||||
title="Get a Free Estimate"
|
||||
description="Stafford Construction Co. 4237 State Road 21, Oshkosh, WI 54904. Phone: (920) 232-9308."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Project Details",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "details", placeholder: "Project Details", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-architects-front-building-site_1398-5091.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -396,39 +182,19 @@ export default function LandingPage() {
|
||||
logoText="Stafford Construction Co"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Driveways",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Patios",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Sidewalks",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Driveways", href: "#services" },
|
||||
{ label: "Patios", href: "#services" },
|
||||
{ label: "Sidewalks", href: "#services" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user