Merge version_1 into main #1
243
src/app/page.tsx
243
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Summit Roofing"
|
||||
/>
|
||||
@@ -55,71 +47,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Summit Roofing Excellence"
|
||||
description="Premium roofing solutions tailored for your home. Durability, expert craftsmanship, and unmatched customer service for peace of mind."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "2k+",
|
||||
label: "Roofs Completed",
|
||||
},
|
||||
value: "2k+", label: "Roofs Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
alt: "Construction worker doing his job with belt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", alt: "Construction worker doing his job with belt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
alt: "Man working on roof with a drill",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg", alt: "Man working on roof with a drill"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
|
||||
alt: "Man working on roof front view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", alt: "Man working on roof front view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
alt: "Man with helmet working on roof full shot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", alt: "Man with helmet working on roof full shot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
|
||||
alt: "Close-up of happy man with orange life jacket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg", alt: "Close-up of happy man with orange life jacket"},
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Asphalt Shingles",
|
||||
},
|
||||
type: "text", text: "Asphalt Shingles"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Metal Roofing",
|
||||
},
|
||||
type: "text", text: "Metal Roofing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repairs",
|
||||
},
|
||||
type: "text", text: "Emergency Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gutter Services",
|
||||
},
|
||||
type: "text", text: "Gutter Services"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Roofing",
|
||||
},
|
||||
type: "text", text: "Commercial Roofing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,17 +96,11 @@ export default function LandingPage() {
|
||||
description="We don't just build roofs; we protect what matters most. Our dedicated crew combines traditional techniques with modern technology to ensure your home remains safe and secure for decades."
|
||||
metrics={[
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Emergency Support",
|
||||
},
|
||||
value: "24/7", title: "Emergency Support"},
|
||||
{
|
||||
value: "5-Star",
|
||||
title: "Verified Reviews",
|
||||
},
|
||||
value: "5-Star", title: "Verified Reviews"},
|
||||
{
|
||||
value: "Full",
|
||||
title: "Licenced & Insured",
|
||||
},
|
||||
value: "Full", title: "Licenced & Insured"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -156,26 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roof Installation",
|
||||
description: "Expertly installed roofs using premium materials for lasting protection.",
|
||||
tag: "New Roof",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
|
||||
},
|
||||
id: "f1", title: "Roof Installation", description: "Expertly installed roofs using premium materials for lasting protection.", tag: "New Roof", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Emergency Repair",
|
||||
description: "Rapid response team for storm damage, leaks, and urgent repairs.",
|
||||
tag: "24/7 Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
|
||||
},
|
||||
id: "f2", title: "Emergency Repair", description: "Rapid response team for storm damage, leaks, and urgent repairs.", tag: "24/7 Service", imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gutter Maintenance",
|
||||
description: "Prevent structural damage with professional cleaning and repair.",
|
||||
tag: "Gutters",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
|
||||
},
|
||||
id: "f3", title: "Gutter Maintenance", description: "Prevent structural damage with professional cleaning and repair.", tag: "Gutters", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Specialized roofing services to meet all your repair, maintenance, and installation needs."
|
||||
@@ -190,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Asphalt Shingles",
|
||||
price: "From $5/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306805.jpg",
|
||||
},
|
||||
id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306805.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Metal Roofing",
|
||||
price: "From $9/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg",
|
||||
},
|
||||
id: "p2", name: "Metal Roofing", price: "From $9/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Clay Tiles",
|
||||
price: "From $12/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
|
||||
},
|
||||
id: "p3", name: "Clay Tiles", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Natural Slate",
|
||||
price: "From $15/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",
|
||||
},
|
||||
id: "p4", name: "Natural Slate", price: "From $15/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Composite Shingles",
|
||||
price: "From $8/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg",
|
||||
},
|
||||
id: "p5", name: "Composite Shingles", price: "From $8/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Solar Integrated",
|
||||
price: "From $20/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg",
|
||||
},
|
||||
id: "p6", name: "Solar Integrated", price: "From $20/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg"},
|
||||
]}
|
||||
title="Premium Roofing Materials"
|
||||
description="Select from our curated list of industry-leading roofing materials."
|
||||
@@ -235,47 +155,23 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Summit Roofing was professional and efficient. My roof looks amazing!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966130.jpg",
|
||||
},
|
||||
id: "t1", name: "Mark D.", handle: "@markd", testimonial: "Summit Roofing was professional and efficient. My roof looks amazing!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966130.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Quick repair during a storm. Highly recommend them for emergencies.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", handle: "@sarahj", testimonial: "Quick repair during a storm. Highly recommend them for emergencies.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert B.",
|
||||
handle: "@robb",
|
||||
testimonial: "Excellent craftsmanship on our clay tile roof installation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/age-people-concept_1157-45421.jpg",
|
||||
},
|
||||
id: "t3", name: "Robert B.", handle: "@robb", testimonial: "Excellent craftsmanship on our clay tile roof installation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/age-people-concept_1157-45421.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Honest pricing and great communication throughout the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-muscles-holding-house-model-t-shirt-jacket-cap-looking-lucky-front-view_176474-58222.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily P.", handle: "@emilyp", testimonial: "Honest pricing and great communication throughout the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-muscles-holding-house-model-t-shirt-jacket-cap-looking-lucky-front-view_176474-58222.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Quality work and very tidy job site after completion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2469.jpg",
|
||||
},
|
||||
id: "t5", name: "David W.", handle: "@davidw", testimonial: "Quality work and very tidy job site after completion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2469.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -290,31 +186,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Referral Rate",
|
||||
items: [
|
||||
"Happy clients",
|
||||
"Word of mouth",
|
||||
],
|
||||
id: "m1", value: "98%", title: "Referral Rate", items: [
|
||||
"Happy clients", "Word of mouth"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Expert Staff",
|
||||
items: [
|
||||
"Certified installers",
|
||||
"Professional team",
|
||||
],
|
||||
id: "m2", value: "50+", title: "Expert Staff", items: [
|
||||
"Certified installers", "Professional team"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Response Time",
|
||||
items: [
|
||||
"Fast repairs",
|
||||
"Support",
|
||||
],
|
||||
id: "m3", value: "24h", title: "Response Time", items: [
|
||||
"Fast repairs", "Support"],
|
||||
},
|
||||
]}
|
||||
title="Why Trust Summit?"
|
||||
@@ -328,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a new roof installation take?",
|
||||
content: "Typically 2-3 days, depending on roof size and complexity.",
|
||||
},
|
||||
id: "q1", title: "How long does a new roof installation take?", content: "Typically 2-3 days, depending on roof size and complexity."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer financing options?",
|
||||
content: "Yes, we work with several financing partners.",
|
||||
},
|
||||
id: "q2", title: "Do you offer financing options?", content: "Yes, we work with several financing partners."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your roofers licensed and insured?",
|
||||
content: "Absolutely, we are fully licensed and bonded for your protection.",
|
||||
},
|
||||
id: "q3", title: "Are your roofers licensed and insured?", content: "Absolutely, we are fully licensed and bonded for your protection."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding our services."
|
||||
@@ -353,16 +225,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Get a free consultation and professional estimate today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -371,13 +240,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Summit Roofing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user