Merge version_1 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -33,59 +33,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ARS Roofing"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Alternative Roofing Services: Quality You Can Trust"
|
||||
description="Premium roofing solutions tailored for modern homes. Expert installations, repairs, and long-term maintenance for every season."
|
||||
tag="Trusted Professional Roofers"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
||||
imageAlt: "Professional roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Professional roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg",
|
||||
imageAlt: "Close-up of premium shingles",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg",
|
||||
imageAlt: "Low view man working on roof with a drill",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
|
||||
imageAlt: "Medium shot men working on roof together",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg",
|
||||
imageAlt: "Medium shot man working on roof",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", imageAlt: "Close-up of premium shingles"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -102,17 +75,11 @@ export default function LandingPage() {
|
||||
description="ARS has served the community for over 20 years, ensuring every home stays dry, safe, and beautiful. We blend traditional craftsmanship with cutting-edge materials."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed Professionals",
|
||||
description: "Fully insured and certified installation experts.",
|
||||
},
|
||||
title: "Licensed Professionals", description: "Fully insured and certified installation experts."},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Top-tier shingles, metal, and tiles that last.",
|
||||
},
|
||||
title: "Premium Materials", description: "Top-tier shingles, metal, and tiles that last."},
|
||||
{
|
||||
title: "Comprehensive Warranty",
|
||||
description: "Peace of mind with every project completed.",
|
||||
},
|
||||
title: "Comprehensive Warranty", description: "Peace of mind with every project completed."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-supervisor-communicating-with-foreman-outdoors_259150-60520.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -126,60 +93,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roof Installation",
|
||||
author: "Pro Team",
|
||||
description: "Start fresh with a modern, high-efficiency roofing system.",
|
||||
tags: [
|
||||
"New Build",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg",
|
||||
},
|
||||
id: "f1", title: "Roof Installation", author: "Pro Team", description: "Start fresh with a modern, high-efficiency roofing system.", tags: [
|
||||
"New Build", "Modern"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Emergency Repair",
|
||||
author: "Rapid Response",
|
||||
description: "Fast diagnostics and fixes when you need them most.",
|
||||
tags: [
|
||||
"Repair",
|
||||
"Urgent",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg",
|
||||
},
|
||||
id: "f2", title: "Emergency Repair", author: "Rapid Response", description: "Fast diagnostics and fixes when you need them most.", tags: [
|
||||
"Repair", "Urgent"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-with-hard-hat-construction_23-2150530730.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Maintenance Plans",
|
||||
author: "Support Dept",
|
||||
description: "Proactive inspections to extend your roof's lifespan.",
|
||||
tags: [
|
||||
"Support",
|
||||
"Annual",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg",
|
||||
},
|
||||
id: "f3", title: "Maintenance Plans", author: "Support Dept", description: "Proactive inspections to extend your roof's lifespan.", tags: [
|
||||
"Support", "Annual"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Drainage Management",
|
||||
author: "Systems Tech",
|
||||
description: "Prevent water damage with our pro gutter solutions.",
|
||||
tags: [
|
||||
"Drainage",
|
||||
"Preventive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
|
||||
},
|
||||
id: "f4", title: "Drainage Management", author: "Systems Tech", description: "Prevent water damage with our pro gutter solutions.", tags: [
|
||||
"Drainage", "Preventive"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Roof Inspection",
|
||||
author: "Safety Audit",
|
||||
description: "Comprehensive site safety and structure evaluations.",
|
||||
tags: [
|
||||
"Analysis",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
},
|
||||
id: "f5", title: "Roof Inspection", author: "Safety Audit", description: "Comprehensive site safety and structure evaluations.", tags: [
|
||||
"Analysis", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"},
|
||||
]}
|
||||
title="Our Specialized Roofing Services"
|
||||
description="From emergency repairs to complete roof replacements, we provide end-to-end support for your biggest home investment."
|
||||
@@ -194,41 +126,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/top-view-razor-blades-with-yellow-background_23-2150970031.jpg",
|
||||
},
|
||||
id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Metal Paneling",
|
||||
price: "From $8/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg",
|
||||
},
|
||||
id: "p2", name: "Metal Paneling", price: "From $8/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Clay Tiles",
|
||||
price: "From $12/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-30435.jpg",
|
||||
},
|
||||
id: "p3", name: "Clay Tiles", price: "From $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-30435.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Slate Materials",
|
||||
price: "From $15/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-16023.jpg",
|
||||
},
|
||||
id: "p4", name: "Slate Materials", price: "From $15/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-16023.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Solar Shingles",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-made-leaf_23-2148576716.jpg",
|
||||
},
|
||||
id: "p5", name: "Solar Shingles", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/house-made-leaf_23-2148576716.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Drainage Systems",
|
||||
price: "From $400/set",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
|
||||
},
|
||||
id: "p6", name: "Drainage Systems", price: "From $400/set", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"},
|
||||
]}
|
||||
title="Roofing Materials Gallery"
|
||||
description="Browse our curated selection of high-performance materials for durability and curb appeal."
|
||||
@@ -242,29 +150,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Completed Projects",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
id: "m1", value: "1500+", title: "Completed Projects", items: [
|
||||
"Residential", "Commercial"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Industry Leaders",
|
||||
],
|
||||
id: "m2", value: "20+", title: "Years Experience", items: [
|
||||
"Industry Leaders"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Highest Rated",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Customer Satisfaction", items: [
|
||||
"Highest Rated"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -278,45 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Team",
|
||||
quote: "The team finished my roof faster than I expected, and the quality is superb.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellent Team", quote: "The team finished my roof faster than I expected, and the quality is superb.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Professional Service",
|
||||
quote: "ARS roofing helped me through a leak emergency. They are truly the best in the business.",
|
||||
name: "Mark D.",
|
||||
role: "Project Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
|
||||
},
|
||||
id: "t2", title: "Professional Service", quote: "ARS roofing helped me through a leak emergency. They are truly the best in the business.", name: "Mark D.", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Very Satisfied",
|
||||
quote: "Absolutely top notch materials and attention to detail. My roof looks brand new.",
|
||||
name: "Linda M.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenage-girl-with-chubby-cheeks-make-up-long-wavy-hair-posing-home-sitting-table-smiling-happily-camera-being-good-mood_343059-2080.jpg",
|
||||
},
|
||||
id: "t3", title: "Very Satisfied", quote: "Absolutely top notch materials and attention to detail. My roof looks brand new.", name: "Linda M.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenage-girl-with-chubby-cheeks-make-up-long-wavy-hair-posing-home-sitting-table-smiling-happily-camera-being-good-mood_343059-2080.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Highly Recommended",
|
||||
quote: "Fast, clean, and extremely professional. Best roofing experience ever.",
|
||||
name: "Robert B.",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-couple-together-love_23-2148388839.jpg",
|
||||
},
|
||||
id: "t4", title: "Highly Recommended", quote: "Fast, clean, and extremely professional. Best roofing experience ever.", name: "Robert B.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-couple-together-love_23-2148388839.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Great Value",
|
||||
quote: "Affordable yet high quality. My energy bills dropped after the new install.",
|
||||
name: "David L.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg",
|
||||
},
|
||||
id: "t5", title: "Great Value", quote: "Affordable yet high quality. My energy bills dropped after the new install.", name: "David L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="We are proud to serve our community and share their stories."
|
||||
@@ -329,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a roof last?",
|
||||
content: "Depending on materials, modern roofs last 20–50 years.",
|
||||
},
|
||||
id: "q1", title: "How long does a roof last?", content: "Depending on materials, modern roofs last 20–50 years."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with various partners to provide flexible payment options.",
|
||||
},
|
||||
id: "q2", title: "Do you offer financing?", content: "Yes, we work with various partners to provide flexible payment options."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I install over an old roof?",
|
||||
content: "It depends on existing layer count, but a fresh start is usually best.",
|
||||
},
|
||||
id: "q3", title: "Can I install over an old roof?", content: "It depends on existing layer count, but a fresh start is usually best."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to popular questions about roofing maintenance and installation."
|
||||
@@ -354,14 +210,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to discuss your new roof? Get a free inspection from our expert team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -370,29 +223,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "ARS Roofing",
|
||||
items: [
|
||||
title: "ARS Roofing", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user