Update src/app/page.tsx
This commit is contained in:
305
src/app/page.tsx
305
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Building2, CheckCircle, Clock, Home, ShieldCheck, Star, Sun, Users, Zap } from "lucide-react";
|
||||
import { Award, Building2, CheckCircle, Clock, Home, ShieldCheck, Star, Sun, Users, Zap, PaintBucket, Hammer, Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="JM Roofing"
|
||||
/>
|
||||
@@ -58,65 +43,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Roofing Excellence, Three Generations Deep."
|
||||
description="Professional, reliable, and hassle-free roof installation. We make home maintenance simple, quick, and stress-free."
|
||||
background={{ variant: "plain" }}
|
||||
title="Complete Roof Replacements. Guaranteed Satisfaction."
|
||||
description="We don't just replace roofs—we perfect them. From fascia board repairs to custom painting of vents and pipes, we deliver the highest level of craftsmanship and care for your home."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
alt: "Happy customer on porch",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-couple-renovating-remodeling-their-new-apartment-man-is-painting-walls-with-roller-woman-is-connecting-with-laptop_496169-761.jpg",
|
||||
alt: "Satisfied professional client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
|
||||
alt: "Cheerful home owner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
||||
alt: "Smiling couple at home",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
|
||||
alt: "Client outside suburban home",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "Satisfied homeowner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-smiling-couple-renovating-remodeling-their-new-apartment-man-is-painting-walls-with-roller-woman-is-connecting-with-laptop_496169-761.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg", alt: "Home owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg", alt: "Painting work" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg", alt: "Beautiful roof" },
|
||||
]}
|
||||
buttons={[{ text: "Get Your Free Estimate", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Solar Experts",
|
||||
icon: Sun,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Turnaround",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Guaranteed",
|
||||
icon: Award,
|
||||
},
|
||||
{ type: "text-icon", text: "Complete Replacements", icon: Hammer },
|
||||
{ type: "text-icon", text: "Vent Painting", icon: PaintBucket },
|
||||
{ type: "text-icon", text: "Customer Referrals", icon: Smile },
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "3 Generations Strong", icon: Users },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,11 +67,11 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Heritage"
|
||||
title="Three Generations of Craftsmanship"
|
||||
description="At JM Roofing, excellence is in our DNA. We have built our reputation on professionalism and deep integrity, treating every roof as if it were our own home."
|
||||
subdescription="From small repairs to complete roof replacements and solar panel integration, we provide clean, fast, and high-quality service."
|
||||
icon={Award}
|
||||
tag="Why Families Refer Us"
|
||||
title="Built on Trust and Referrals"
|
||||
description="The majority of our work comes from happy customers referring us to friends and family. We achieve this by obsessing over the details: fascia board replacement, precise ventilation painting, and flawless cleanup."
|
||||
subdescription="With three generations of experience, JM Roofing treats your home with the same respect as our own."
|
||||
icon={Smile}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -140,34 +83,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Fast Installation",
|
||||
description: "Our team ensures projects are completed in record time without sacrificing quality.",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Solar Integration",
|
||||
description: "Expert removal and replacement of solar panels during roof service.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Guaranteed Results",
|
||||
description: "Three generations of roofing expertise you can rely on.",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Precision Repairs",
|
||||
description: "High-quality materials and craftsmanship for every roof type.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "24/7 Support",
|
||||
description: "Our team is always available to answer your maintenance queries.",
|
||||
},
|
||||
{ icon: Hammer, title: "Full Replacement", description: "Complete roof tear-offs and high-quality installations." },
|
||||
{ icon: Building2, title: "Fascia Repair", description: "Comprehensive rot removal and fascia board replacement." },
|
||||
{ icon: PaintBucket, title: "Custom Finishing", description: "Professional painting of vents and pipes to match your shingles." },
|
||||
{ icon: Sun, title: "Solar Care", description: "Expert removal and reinstallation during roof service." },
|
||||
{ icon: Star, title: "5-Star Referrals", description: "Consistent customer satisfaction backed by strong community support." },
|
||||
]}
|
||||
title="Why Choose JM Roofing?"
|
||||
description="We specialize in making large home projects stress-free through precision and efficiency."
|
||||
title="Our Precision Service"
|
||||
description="We go beyond the basics to ensure every inch of your roof looks perfect and performs reliably."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,44 +101,13 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "3",
|
||||
title: "Generations",
|
||||
description: "Proven experience and family heritage.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Efficiency",
|
||||
description: "Completed on time, clean job site.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5 Stars",
|
||||
title: "Customer Rating",
|
||||
description: "Trusted by hundreds of satisfied homeowners.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "2000+",
|
||||
title: "Roofs Fixed",
|
||||
description: "Projects completed with precision.",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "15+",
|
||||
title: "Solar Systems",
|
||||
description: "Integrated perfectly with new roofs.",
|
||||
icon: Sun,
|
||||
},
|
||||
{ id: "m1", value: "3", title: "Generations", description: "Deeply rooted expertise.", icon: Users },
|
||||
{ id: "m2", value: "98%", title: "Referral Rate", description: "Homeowners love our results.", icon: Smile },
|
||||
{ id: "m3", value: "5 Stars", title: "Satisfaction", description: "Exceptional service quality.", icon: Star },
|
||||
{ id: "m4", value: "2000+", title: "Roof Projects", description: "Completed with precision.", icon: Home },
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="We stand by our work."
|
||||
title="Proven Excellence"
|
||||
description="Our commitment to quality speaks for itself through our happy customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,49 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "José M.",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-sustained-home_23-2149362443.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael R.",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-project-together_23-2148920574.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David K.",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-bundle-firewood-walking-with-little-son_259150-59371.jpg",
|
||||
},
|
||||
{ id: "1", name: "José M.", role: "Client", company: "Referral", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-sustained-home_23-2149362443.jpg" },
|
||||
{ id: "2", name: "Sarah L.", role: "Client", company: "Referral", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg" },
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why our clients rate us 5 stars."
|
||||
title="What Our Clients Say"
|
||||
description="Join the hundreds of satisfied homeowners who trust JM Roofing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -277,34 +131,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a roof take?",
|
||||
content: "Most of our standard roofing projects are completed within one week.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle solar panels?",
|
||||
content: "Yes, we are experts in removing and replacing solar panel systems during roof servicing.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the process stressful?",
|
||||
content: "We pride ourselves on making home repairs stress-free and clean.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide free, no-obligation assessments.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "What areas do you serve?",
|
||||
content: "We cover the entire metropolitan area and surroundings.",
|
||||
},
|
||||
{ id: "f1", title: "Do you paint vents to match?", content: "Absolutely. We professionally paint all visible roof accessories and pipes to perfectly blend with your shingles." },
|
||||
{ id: "f2", title: "Do you replace fascia boards?", content: "Yes, we provide full fascia board inspection and replacement services during roof projects." },
|
||||
{ id: "f3", title: "Is your work recommended?", content: "We pride ourselves on our referral rate, as most of our business comes directly from happy client recommendations." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers about our roofing and solar services."
|
||||
title="Roofing Details"
|
||||
description="We handle the small things so you don't have to."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -312,13 +144,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Ready for a new roof?"
|
||||
description="Contact our team for a professional assessment and quote."
|
||||
buttonText="Get a Quote"
|
||||
tag="Get in touch"
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready for a Perfect Roof?"
|
||||
description="Let's schedule your full roof replacement consultation today."
|
||||
buttonText="Get Your Quote"
|
||||
tag="JM Roofing Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -326,36 +156,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="JM Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Roof Replacement", href: "#features" }, { label: "Detail & Paint", href: "#features" }] },
|
||||
{ title: "About", items: [{ label: "Heritage", href: "#about" }, { label: "Referrals", href: "#testimonials" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user