196 lines
12 KiB
TypeScript
196 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import Link from "next/link";
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||
import { Shield, CheckCircle, Clock, Star, AlertTriangle, Hammer } from "lucide-react";
|
||
|
||
const navItems = [
|
||
{ name: "Home", id: "home" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Contact", id: "contact" },
|
||
];
|
||
|
||
const navButton = {
|
||
text: "Get Free Inspection", href: "/contact"};
|
||
|
||
export default function HomePage() {
|
||
const handleCallNow = () => {
|
||
window.location.href = "tel:(904) 555-0147";
|
||
};
|
||
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={navItems}
|
||
button={navButton}
|
||
brandName="Summit Shield Roofing"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardScroll
|
||
title="Jacksonville's Trusted Roofing Experts – Free Roof Inspections"
|
||
description="Residential & Commercial Roofing Services You Can Rely On. 10+ Years of Excellence. Licensed, Insured & Emergency Ready."
|
||
tag="Professional Roofing Solutions"
|
||
tagIcon={Shield}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "gradient-bars" }}
|
||
buttons={[
|
||
{ text: "Get Free Inspection", href: "/contact" },
|
||
{ text: "Call Now: (904) 555-0147", onClick: handleCallNow },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"
|
||
imageAlt="Jacksonville roofing expert inspecting residential roof"
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust-metrics" data-section="trust-metrics">
|
||
<AboutMetric
|
||
title="Why Choose Summit Shield Roofing"
|
||
metrics={[
|
||
{ icon: CheckCircle, label: "Licensed & Insured", value: "100%" },
|
||
{ icon: Clock, label: "Years Experience", value: "10+" },
|
||
{ icon: Star, label: "Customer Rating", value: "5-Star" },
|
||
{ icon: AlertTriangle, label: "Emergency Service", value: "24/7" },
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardSix
|
||
title="Our Roofing Services"
|
||
description="Comprehensive roofing solutions for every need. From emergency repairs to complete roof replacements, we handle it all with professional expertise."
|
||
tag="Services"
|
||
tagIcon={Hammer}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Roof Repair", description: "Expert repairs for leaks, damaged shingles, and weathering. Fast response to prevent further damage. Warranty on all work.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg", imageAlt: "Professional roof repair service"},
|
||
{
|
||
id: 2,
|
||
title: "Roof Replacement", description: "Complete roof replacement with premium materials. Modern installation techniques ensure longevity. Licensed and insured installation.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "New roof installation project"},
|
||
{
|
||
id: 3,
|
||
title: "Storm Damage Repair", description: "Emergency storm damage assessment and repairs. Direct insurance claim assistance. Rapid response 24/7 availability.", imageSrc: "http://img.b2bpic.net/free-photo/view-abandoned-decaying-house-nature_23-2150166560.jpg", imageAlt: "Storm damage roof repair"},
|
||
{
|
||
id: 4,
|
||
title: "Commercial Roofing", description: "Large-scale commercial roofing solutions. Minimal business interruption. Maintenance plans available.", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg", imageAlt: "Commercial roofing installation"},
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="projects" data-section="projects">
|
||
<ProductCardOne
|
||
title="Project Gallery"
|
||
description="Before and after gallery showcasing our completed roofing projects in Jacksonville. Real work from real clients."
|
||
tag="Our Work"
|
||
products={[
|
||
{
|
||
id: "1", name: "Residential Roof Replacement - Riverside", price: "Project Complete", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Before and after residential roof replacement"},
|
||
{
|
||
id: "2", name: "Storm Damage Restoration - Avondale", price: "Fully Covered", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Storm damage restoration project"},
|
||
{
|
||
id: "3", name: "Commercial Roof Installation - Downtown", price: "Premium Quality", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Commercial roofing project completion"},
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
title="What Our Customers Say"
|
||
description="Real reviews from Jacksonville homeowners and business owners who trust Summit Shield Roofing."
|
||
tag="Testimonials"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Michael Johnson, Homeowner - Riverside", date: "Date: 15 November 2024", title: "Outstanding Service & Professionalism", quote: "Summit Shield Roofing replaced our roof after a major storm. The entire team was professional, punctual, and respectful of our home. They handled our insurance claim seamlessly and completed the job ahead of schedule. Highly recommended!", tag: "Residential Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", avatarAlt: "Michael Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Satisfied residential customer"},
|
||
{
|
||
id: "2", name: "Sarah Martinez, Business Owner - Downtown Jacksonville", date: "Date: 22 October 2024", title: "Best Commercial Roofing Experience", quote: "We needed a commercial roof replacement with minimal downtime. Summit Shield coordinated everything perfectly and worked around our business hours. Their crew was efficient, clean, and professional. Best decision we could have made.", tag: "Commercial Service", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", avatarAlt: "Sarah Martinez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageAlt: "Satisfied business customer"},
|
||
{
|
||
id: "3", name: "James Wilson, Homeowner - Avondale", date: "Date: 08 September 2024", title: "Fast Emergency Response - Highly Professional", quote: "When a storm damaged our roof, I called Summit Shield at night. They came out the next morning for emergency repairs. Their quick response prevented further water damage. The final replacement was impeccable.", tag: "Emergency Repair", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", avatarAlt: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Emergency repair customer"},
|
||
{
|
||
id: "4", name: "Linda Thompson, Homeowner - Ortega", date: "Date: 14 August 2024", title: "Licensed, Insured, and Worth Every Dollar", quote: "I felt confident with Summit Shield from day one. Their licensed and insured status, coupled with their 10+ years of experience, shows in every detail. The warranty on our new roof gives us peace of mind.", tag: "Roof Replacement", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Linda Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Roof replacement customer"},
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="cta-inspection" data-section="cta-inspection">
|
||
<ContactCenter
|
||
tag="Free Inspection Offer"
|
||
title="Don't Wait Until Small Damage Becomes Expensive"
|
||
description="Schedule your free professional roof inspection today. Our experts will identify any issues before they become major problems. No obligation. No pressure."
|
||
tagIcon={AlertTriangle}
|
||
background={{ variant: "gradient-bars" }}
|
||
inputPlaceholder="Enter your email or phone"
|
||
buttonText="Schedule Now"
|
||
termsText="We respect your privacy and will contact you only to schedule your free inspection."
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{ label: "Roof Repair", href: "/services" },
|
||
{ label: "Roof Replacement", href: "/services" },
|
||
{ label: "Storm Damage", href: "/services" },
|
||
{ label: "Commercial Roofing", href: "/services" },
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{ label: "About Us", href: "/about" },
|
||
{ label: "Contact", href: "/contact" },
|
||
{ label: "Projects", href: "/" },
|
||
{ label: "Testimonials", href: "/" },
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "Phone: (904) 555-0147", href: "#" },
|
||
{ label: "Email: info@summitshieldroofing.com", href: "#" },
|
||
{ label: "Jacksonville, FL", href: "#" },
|
||
{ label: "24/7 Emergency Service", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Summit Shield Roofing. All rights reserved. Licensed & Insured."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|