|
|
|
|
@@ -5,10 +5,9 @@ import ReactLenis from "lenis/react";
|
|
|
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
|
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
|
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
|
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
|
import { Phone, Building2 } from "lucide-react";
|
|
|
|
|
import { Phone, Building2, MapPin } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -18,11 +17,11 @@ export default function LandingPage() {
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
background="noiseDiagonalGradient"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
@@ -30,7 +29,6 @@ export default function LandingPage() {
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
brandName="Ferguson Construction"
|
|
|
|
|
@@ -38,50 +36,30 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
|
<HeroBillboardScroll
|
|
|
|
|
title="Quality Craftsmanship You Can Count On"
|
|
|
|
|
description="Serving Salem and the surrounding areas with professional carpentry, roofing, and renovation services. Built to last, designed for life."
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
tag="Reliable Salem Construction"
|
|
|
|
|
description="Serving Salem and the surrounding areas with expert carpentry, roofing, and renovation services. From small repairs to full projects, we do it all."
|
|
|
|
|
background={{ variant: "rotated-rays-static-grid" }}
|
|
|
|
|
tag="Professional Carpentry & Construction"
|
|
|
|
|
tagIcon={Building2}
|
|
|
|
|
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg", imageAlt: "carpenter woodworking craftsman" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg", imageAlt: "modern house exterior construction" }
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
rating={5}
|
|
|
|
|
ratingText="Top-rated in Salem"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg"
|
|
|
|
|
imageAlt="Quality carpentry and construction"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardSix
|
|
|
|
|
title="Our Services"
|
|
|
|
|
description="Whether it's a small repair or a large renovation, Ferguson Construction is dedicated to excellence."
|
|
|
|
|
description="From small home repairs to major renovations, Ferguson Construction is your local expert. Small and big jobs are welcome."
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{ id: 1, title: "Porch Renovation", description: "Revitalize your outdoor living space with our custom porch solutions.", imageSrc: "http://img.b2bpic.net/free-photo/female-workshop-brushing-dust-from-wood-planks_23-2148836052.jpg", imageAlt: "porch renovation design" },
|
|
|
|
|
{ id: 2, title: "Roofing", description: "Durable and reliable roofing installations and repairs.", imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg", imageAlt: "roofing installation construction" },
|
|
|
|
|
{ id: 3, title: "Decking", description: "Custom deck builds tailored to your home and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg", imageAlt: "wooden deck construction" },
|
|
|
|
|
{ id: 4, title: "Steps & Handrails", description: "Safety meets style with our custom stair and railing work.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-his-workshop_23-2148640320.jpg", imageAlt: "custom stair handrails" },
|
|
|
|
|
{ id: 5, title: "General Carpentry", description: "Large or small, we handle all your general carpentry needs.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg", imageAlt: "general construction tools" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
|
cardTitle="What Our Clients Say"
|
|
|
|
|
cardTag="Testimonials"
|
|
|
|
|
cardAnimation="blur-reveal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Joey Mack", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", imageAlt: "man headshot smiling" },
|
|
|
|
|
{ id: "2", name: "Andrew Rosenberg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6278.jpg", imageAlt: "man headshot smiling" },
|
|
|
|
|
{ id: "3", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg", imageAlt: "woman headshot smiling" },
|
|
|
|
|
{ id: "4", name: "Mike Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg", imageAlt: "man headshot smiling" }
|
|
|
|
|
{ id: 1, title: "Porch Renovation", description: "Transform your entryway or deck space with custom carpentry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASR9pQ24pGz9W332eJdYQgmIkY/uploaded-1774635519948-rvqrslb1.png", imageAlt: "Porch renovation" },
|
|
|
|
|
{ id: 2, title: "Roofing", description: "Professional roofing services to keep your home protected and sound.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASR9pQ24pGz9W332eJdYQgmIkY/uploaded-1774635254686-ezqu5otg.jpg", imageAlt: "Roofing" },
|
|
|
|
|
{ id: 3, title: "Decking", description: "High-quality deck builds and maintenance for the perfect backyard.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASR9pQ24pGz9W332eJdYQgmIkY/uploaded-1774635263311-t792ul3p.jpg", imageAlt: "Decking" },
|
|
|
|
|
{ id: 4, title: "Steps & Handrails", description: "Durable stairs and handrails that blend safety with aesthetic appeal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASR9pQ24pGz9W332eJdYQgmIkY/uploaded-1774635693038-rkkk2mnl.png", imageAlt: "Handrails" },
|
|
|
|
|
{ id: 5, title: "General Carpentry", description: "General woodworking and repairs for any part of your residential property.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASR9pQ24pGz9W332eJdYQgmIkY/uploaded-1774635607407-8r260f3f.png", imageAlt: "Carpentry" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -89,29 +67,42 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "1", title: "Where are you located?", content: "We are based in Salem, MA and serve the surrounding communities." },
|
|
|
|
|
{ id: "2", title: "How can I contact you?", content: "Call us at (978) 230-9191 to discuss your project needs." }
|
|
|
|
|
{ id: "1", title: "How can I reach you?", content: "Call us at (978) 230-9191 to discuss your project." },
|
|
|
|
|
{ id: "2", title: "Where do you serve?", content: "We are based in Salem, MA and work in the surrounding area." }
|
|
|
|
|
]}
|
|
|
|
|
ctaTitle="Request a Free Quote"
|
|
|
|
|
ctaDescription="Ready to get started? Contact us today for a free estimate in Salem, MA."
|
|
|
|
|
ctaButton={{ text: "Call Now", href: "tel:9782309191" }}
|
|
|
|
|
ctaTitle="Get a Free Quote"
|
|
|
|
|
ctaDescription="Ready to start your next construction or renovation project?"
|
|
|
|
|
ctaButton={{ text: "Call (978) 230-9191", href: "tel:9782309191" }}
|
|
|
|
|
ctaIcon={Phone}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="map" data-section="map" className="w-full">
|
|
|
|
|
<iframe
|
|
|
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2943.5186084050854!2d-70.89965642371988!3d42.52044827117188!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e3146473e35a11%3A0x6f1165b4c6e64052!2s19%20Hancock%20St%20%233%2C%20Salem%2C%20MA%2001970!5e0!3m2!1sen!2sus!4v1715876543210!5m2!1sen!2sus"
|
|
|
|
|
width="100%"
|
|
|
|
|
height="450"
|
|
|
|
|
style={{ border: 0 }}
|
|
|
|
|
allowFullScreen
|
|
|
|
|
loading="lazy"
|
|
|
|
|
referrerPolicy="no-referrer-when-downgrade"
|
|
|
|
|
aria-label="Location map for 19 Hancock St #3, Salem, MA"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterMedia
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15082.jpg"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-renovating-house-concept_53876-20670.jpg?id=2826171"
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Ferguson Construction", items: [{ label: "Salem, MA", href: "#" }, { label: "(978) 230-9191", href: "tel:9782309191" }] }
|
|
|
|
|
]}
|
|
|
|
|
logoText="Ferguson Construction"
|
|
|
|
|
copyrightText="© 2025 Ferguson Construction. All rights reserved."
|
|
|
|
|
copyrightText="© 2025 Ferguson Construction Inc. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
