Merge version_1 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user