bender/aec91ad0-4b48-4acd-a481-d37114f8aaad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-03-26 22:36:48 +00:00
Conversation 0 Commits 2 Files Changed 2 +36 -42
2 changed files with 36 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/app/page.tsx
View File

@@ -5,7 +5,7 @@ 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";
@@ -18,11 +18,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">
@@ -38,50 +38,44 @@ 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" }
{ id: 1, title: "Porch Renovation", description: "Transform your entryway or deck space with custom carpentry.", imageSrc: "http://img.b2bpic.net/free-photo/female-workshop-brushing-dust-from-wood-planks_23-2148836052.jpg", imageAlt: "Porch renovation" },
{ id: 2, title: "Roofing", description: "Professional roofing services to keep your home protected and sound.", imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg", imageAlt: "Roofing" },
{ id: 3, title: "Decking", description: "High-quality deck builds and maintenance for the perfect backyard.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg", imageAlt: "Decking" },
{ id: 4, title: "Steps & Handrails", description: "Durable stairs and handrails that blend safety with aesthetic appeal.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-his-workshop_23-2148640320.jpg", imageAlt: "Handrails" },
{ id: 5, title: "General Carpentry", description: "General woodworking and repairs for any part of your residential property.", 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: "Carpentry" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="What Our Clients Say"
cardTag="Testimonials"
cardTitle="Trusted by Neighbors"
cardTag="Client Feedback"
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", 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" },
{ 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" },
{ id: "3", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg" }
]}
/>
</div>
@@ -89,15 +83,15 @@ 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>
@@ -108,10 +102,10 @@ export default function LandingPage() {
{ 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>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #FF7B05;
--background: #0a0a0a;
--card: #171717;
--foreground: #f5f5f5;
--primary-cta: #78350f;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #171717;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #FF7B05;
--accent: #451a03;
--background-accent: #291705;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);