Merge version_2 into main #2
183
src/app/page.tsx
183
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SummitRoof"
|
||||
/>
|
||||
@@ -52,78 +44,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Protect Your Home With Quality Roofing"
|
||||
description="Professional roofing services for residential and commercial properties. We offer expert installations, reliable repairs, and comprehensive inspections to keep your roof in peak condition."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "2500+",
|
||||
label: "Roofs Completed",
|
||||
},
|
||||
value: "2500+", label: "Roofs Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
value: "100%", label: "Satisfied Clients"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg"
|
||||
imageAlt="Professional roof installation services"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/legs-playful-woman-cool-sexy_1187-6047.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/legs-playful-woman-cool-sexy_1187-6047.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-looking-up_23-2147747859.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-looking-up_23-2147747859.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 2,500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
type: "text", text: "Premium Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repairs",
|
||||
},
|
||||
type: "text", text: "Emergency Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Specialist",
|
||||
},
|
||||
type: "text", text: "Residential Specialist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Roofing",
|
||||
},
|
||||
type: "text", text: "Commercial Roofing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,17 +98,11 @@ export default function LandingPage() {
|
||||
description="We are committed to excellence. Our team provides top-tier craftsmanship using premium materials, ensuring your home is protected for years to come."
|
||||
metrics={[
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Emergency Service",
|
||||
},
|
||||
value: "24/7", title: "Emergency Service"},
|
||||
{
|
||||
value: "5-Star",
|
||||
title: "Rated Craftsmanship",
|
||||
},
|
||||
value: "5-Star", title: "Rated Craftsmanship"},
|
||||
{
|
||||
value: "Licensed",
|
||||
title: "Fully Bonded & Insured",
|
||||
},
|
||||
value: "Licensed", title: "Fully Bonded & Insured"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg"
|
||||
imageAlt="Our expert team working on a roofing project"
|
||||
@@ -161,35 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Asphalt Shingles",
|
||||
tags: [
|
||||
"New Installation",
|
||||
"Maintenance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=1",
|
||||
imageAlt: "Asphalt shingle installation",
|
||||
},
|
||||
id: "f1", title: "Asphalt Shingles", tags: [
|
||||
"New Installation", "Maintenance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=1", imageAlt: "Asphalt shingle installation"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Roof Repairs",
|
||||
tags: [
|
||||
"Emergency",
|
||||
"Quick Fix",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=2",
|
||||
imageAlt: "Roof repair service",
|
||||
},
|
||||
id: "f2", title: "Roof Repairs", tags: [
|
||||
"Emergency", "Quick Fix"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=2", imageAlt: "Roof repair service"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Roof Inspection",
|
||||
tags: [
|
||||
"Certification",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=3",
|
||||
imageAlt: "Professional roof inspection",
|
||||
},
|
||||
id: "f3", title: "Roof Inspection", tags: [
|
||||
"Certification", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=3", imageAlt: "Professional roof inspection"},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive roofing solutions designed to withstand the toughest weather conditions."
|
||||
@@ -203,45 +142,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "SummitRoof provided excellent service. Fast and reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "SummitRoof provided excellent service. Fast and reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Very professional and great value for the quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael B.", handle: "@mikeb", testimonial: "Very professional and great value for the quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "They repaired my roof in record time. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-playful-woman-cool-sexy_1187-6047.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "They repaired my roof in record time. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-playful-woman-cool-sexy_1187-6047.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Exceptional communication throughout the process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", handle: "@davidk", testimonial: "Exceptional communication throughout the process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane D.",
|
||||
handle: "@janed",
|
||||
testimonial: "Best roofing crew I've ever worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-up_23-2147747859.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane D.", handle: "@janed", testimonial: "Best roofing crew I've ever worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-up_23-2147747859.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -253,10 +167,9 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Need a Roof Inspection?"
|
||||
title="Schedule Your Free Roof Inspection Today"
|
||||
description="Fill out the form below and one of our experts will contact you for a free consultation and estimate."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg"
|
||||
imageAlt="Professional inspection process"
|
||||
@@ -268,16 +181,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SummitRoof"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user