404 lines
15 KiB
TypeScript
404 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/roofing" },
|
|
{ name: "Our Process", id: "#process" },
|
|
{ name: "Reviews", id: "#reviews" },
|
|
{ name: "Contact", id: "#contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Skytop Construction"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Get Free Inspection",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Skytop Construction"
|
|
description="Premium Roofing & Exterior Solutions Built to Protect Your Home for Decades"
|
|
buttons={[
|
|
{
|
|
text: "Get Free Roof Inspection",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "View Our Services",
|
|
href: "/roofing",
|
|
},
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg"
|
|
imageAlt="Luxury home roof installation"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Massachusetts Homeowners"
|
|
description="Licensed, insured, and certified by industry leaders in roofing excellence"
|
|
tag="Certifications"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"CertainTeed",
|
|
"GAF",
|
|
"Owens Corning",
|
|
"BBB",
|
|
"ICC",
|
|
"NARI",
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
title="Our Core Services"
|
|
description="Comprehensive roofing, siding, and gutter solutions tailored to your home"
|
|
tag="Services"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Roof Replacement & Repair",
|
|
description:
|
|
"Full roof replacement, repairs, and professional inspections using premium materials",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-roof_23-2148748788.jpg?_wi=1",
|
|
imageAlt: "Professional roof replacement",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Storm Damage & Insurance Claims",
|
|
description:
|
|
"Expert assistance with insurance claims and rapid storm damage restoration",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-tired-strong-man-trying-close-his-suitcase-with-clothes-sweating-wiping-forehead-after_1258-314035.jpg?_wi=1",
|
|
imageAlt: "Storm damage assessment",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Siding Installation",
|
|
description:
|
|
"Vinyl and premium siding upgrades to enhance your home's exterior appeal",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124302.jpg?_wi=1",
|
|
imageAlt: "Siding installation",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Gutters & Drainage",
|
|
description:
|
|
"Professional gutter, guard, soffit, and fascia installation and maintenance",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg?_wi=1",
|
|
imageAlt: "Gutter installation",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardSix
|
|
title="Our Proven Process"
|
|
description="A seamless five-step process from inspection to installation to completion"
|
|
tag="How It Works"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Free Roof Inspection",
|
|
description:
|
|
"Comprehensive evaluation of your roof's condition and any damage",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-checklist_1187-1558.jpg?_wi=1",
|
|
imageAlt: "Professional inspection",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Insurance & Estimate Review",
|
|
description:
|
|
"We handle insurance paperwork and provide detailed project estimates",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-construction-calculator-repair-tools-with-copy-space_23-2148393114.jpg?_wi=1",
|
|
imageAlt: "Estimate preparation",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Material Selection",
|
|
description:
|
|
"Choose from premium roofing materials and colors with expert guidance",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836980.jpg?_wi=1",
|
|
imageAlt: "Material selection",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Professional Installation",
|
|
description:
|
|
"Expert installation completed efficiently, often in just one day",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laborer-building-roof-house_23-2148748844.jpg?_wi=1",
|
|
imageAlt: "Installation process",
|
|
},
|
|
{
|
|
id: 5,
|
|
title: "Quality Inspection",
|
|
description:
|
|
"Final walkthrough to ensure every detail meets our high standards",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-people-watching-graphics-statistics_23-2147656686.jpg?_wi=1",
|
|
imageAlt: "Quality inspection",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<FeatureCardSix
|
|
title="Why Homeowners Choose Skytop"
|
|
description="Four compelling reasons to trust us with your roofing and exterior needs"
|
|
tag="Our Advantages"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Expert Craftsmanship",
|
|
description:
|
|
"Experienced roofing specialists with decades of combined expertise",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-sideways_23-2148748786.jpg?_wi=1",
|
|
imageAlt: "Expert workmanship",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Insurance Claim Experts",
|
|
description:
|
|
"We navigate the entire insurance process so you don't have to",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/working-with-papers_1098-16148.jpg?_wi=1",
|
|
imageAlt: "Insurance expertise",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Premium Materials",
|
|
description:
|
|
"Only top-tier CertainTeed, GAF, and Owens Corning roofing systems",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14957.jpg?_wi=1",
|
|
imageAlt: "Premium materials",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Fast & Reliable Service",
|
|
description:
|
|
"Most roof installations completed in one day with zero hassle",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmets_23-2148751995.jpg",
|
|
imageAlt: "Fast service",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTen
|
|
title="Customer Reviews"
|
|
description="What homeowners across Massachusetts say about Skytop Construction"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Outstanding Roof Replacement",
|
|
quote:
|
|
"Skytop Construction replaced our roof quickly and professionally. The team handled everything with the insurance company and we couldn't be happier with the result.",
|
|
name: "Sarah Mitchell",
|
|
role: "Homeowner, Brockton MA",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-business-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-10038.jpg?_wi=1",
|
|
imageAlt: "Sarah Mitchell",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Storm Damage Experts",
|
|
quote:
|
|
"After a major storm damaged our roof, Skytop walked us through the entire insurance claim process. Their expertise saved us thousands of dollars.",
|
|
name: "Michael Chen",
|
|
role: "Homeowner, Stoughton MA",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg?_wi=1",
|
|
imageAlt: "Michael Chen",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "New Siding Transformed Our Home",
|
|
quote:
|
|
"The new siding installation completely transformed the exterior of our home. The team was professional, punctual, and left everything spotless.",
|
|
name: "Jennifer Rodriguez",
|
|
role: "Homeowner, East Bridgewater MA",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg?_wi=1",
|
|
imageAlt: "Jennifer Rodriguez",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Five-Star Gutters Installation",
|
|
quote:
|
|
"Best gutter system we've ever had. Installation was quick, clean, and the quality is exceptional. Highly recommend Skytop Construction.",
|
|
name: "David Kim",
|
|
role: "Homeowner, Whitman MA",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman_23-2149007441.jpg",
|
|
imageAlt: "David Kim",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Insurance Claims Made Easy",
|
|
quote:
|
|
"They really know how to work with insurance companies. Skytop made the whole process painless and got us approved quickly.",
|
|
name: "Lisa Thompson",
|
|
role: "Homeowner, Taunton MA",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
|
|
imageAlt: "Lisa Thompson",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "One-Day Installation",
|
|
quote:
|
|
"I was amazed they completed our entire roof replacement in one day. Premium materials, expert crew, and exceptional service from start to finish.",
|
|
name: "Robert Wilson",
|
|
role: "Homeowner, Boston MA",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
|
imageAlt: "Robert Wilson",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Think Your Roof Has Damage? Get a Free Professional Inspection Today"
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{
|
|
text: "Schedule Free Inspection",
|
|
href: "#contact-form",
|
|
},
|
|
{
|
|
text: "Call Now: (508) 513-5392",
|
|
href: "tel:+15085135392",
|
|
},
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Skytop Construction"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Roof Replacement",
|
|
href: "/roofing",
|
|
},
|
|
{
|
|
label: "Storm Damage Repair",
|
|
href: "/roofing",
|
|
},
|
|
{
|
|
label: "Siding Installation",
|
|
href: "/roofing",
|
|
},
|
|
{
|
|
label: "Gutters & Drainage",
|
|
href: "/roofing",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Our Process",
|
|
href: "#process",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "#reviews",
|
|
},
|
|
{
|
|
label: "Certifications",
|
|
href: "#social-proof",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Phone: (508) 513-5392",
|
|
href: "tel:+15085135392",
|
|
},
|
|
{
|
|
label: "Email: info@skytopconstructioninc.com",
|
|
href: "mailto:info@skytopconstructioninc.com",
|
|
},
|
|
{
|
|
label: "East Bridgewater, MA",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "License Information",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Skytop Construction Inc. All rights reserved. Licensed & Insured."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |