Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-03-26 22:15:59 +00:00

View File

@@ -8,7 +8,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Building2, Phone } from "lucide-react";
import { Phone, Building2 } from "lucide-react";
export default function LandingPage() {
return (
@@ -16,188 +16,101 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Ferguson Construction"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Ferguson Construction"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
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."
tag="Reliable Salem Construction"
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: "Carpentry work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg",
imageAlt: "Exterior construction",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Top-rated in Salem"
tagIcon={Building2}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
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"
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"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
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",
},
{
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 Services",
},
{
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: "Decking 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: "Steps and 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 Carpentry",
},
]}
title="Our Services"
description="Whether it's a small repair or a large renovation, Ferguson Construction is dedicated to excellence."
/>
</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."
textboxLayout="split"
useInvertedBackground={false}
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
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",
},
{
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",
},
{
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",
},
]}
cardTitle="What Our Clients Say"
cardTag="Testimonials"
cardAnimation="blur-reveal"
/>
</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" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
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.",
},
]}
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",
}}
ctaIcon={Phone}
/>
</div>
<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." }
]}
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" }}
ctaIcon={Phone}
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15082.jpg"
columns={[
{
title: "Contact Us",
items: [
{
label: "Salem, MA",
href: "#",
},
{
label: "(978) 230-9191",
href: "tel:9782309191",
},
],
},
]}
logoText="Ferguson Construction"
copyrightText="© 2025 Ferguson Construction. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15082.jpg"
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."
/>
</div>
</ReactLenis>
</ThemeProvider>
);