Merge version_1 into main #1
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,104 +33,66 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Roof Master Global"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Premium Roofing Solutions That Stand the Test of Time"
|
||||
description="Trusted by homeowners and businesses for durable, elegant, and expertly installed roofing systems."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Certified Pros",
|
||||
},
|
||||
value: "100%", label: "Certified Pros"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Our Projects", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
|
||||
alt: "Long shot roofer working with helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", alt: "Long shot roofer working with helmet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
|
||||
alt: "Medium shot men working on roof together",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg", alt: "Medium shot men working on roof together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
alt: "Medium shot men working together",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", alt: "Medium shot men working together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
|
||||
alt: "Full shot man wearing protection helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", alt: "Full shot man wearing protection helmet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
alt: "Full shot man wearing protection helmet outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", alt: "Full shot man wearing protection helmet outdoors"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
type: "text", text: "Precision Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Weather-Resistant Materials",
|
||||
},
|
||||
type: "text", text: "Weather-Resistant Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "On-Time Completion",
|
||||
},
|
||||
type: "text", text: "On-Time Completion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full-Service Warranty",
|
||||
},
|
||||
type: "text", text: "Full-Service Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed Professionals",
|
||||
},
|
||||
type: "text", text: "Licensed Professionals"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,14 +102,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Lagos Estates",
|
||||
"Abuja Business Park",
|
||||
"Port Harcourt Homes",
|
||||
"Delta Commercial",
|
||||
"Ibadan Retail",
|
||||
"Kano Industrial",
|
||||
"Kaduna Property Group",
|
||||
]}
|
||||
"Lagos Estates", "Abuja Business Park", "Port Harcourt Homes", "Delta Commercial", "Ibadan Retail", "Kano Industrial", "Kaduna Property Group"]}
|
||||
title="Trusted Nationwide"
|
||||
description="Serving elite residential and commercial properties across the country."
|
||||
/>
|
||||
@@ -173,19 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Emergency Leak Repairs",
|
||||
"General Roof Inspections",
|
||||
"Storm Damage Assessment",
|
||||
],
|
||||
"Emergency Leak Repairs", "General Roof Inspections", "Storm Damage Assessment"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Residential Roofing",
|
||||
"Commercial Roofing",
|
||||
"Waterproofing Solutions",
|
||||
"New Roof Installation",
|
||||
"Roofing Consultation",
|
||||
],
|
||||
"Residential Roofing", "Commercial Roofing", "Waterproofing Solutions", "New Roof Installation", "Roofing Consultation"],
|
||||
}}
|
||||
title="Premium Services"
|
||||
description="Precision-crafted roofing tailored to withstand harsh weather while elevating your property’s aesthetic."
|
||||
@@ -200,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Villa Roof",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stone-building-design_23-2148252752.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury Villa Roof", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stone-building-design_23-2148252752.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial Complex",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panorama-chisinau-arena-filmed-drone-sunset-moldova_1268-16014.jpg",
|
||||
},
|
||||
id: "p2", name: "Commercial Complex", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/panorama-chisinau-arena-filmed-drone-sunset-moldova_1268-16014.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Premium Residential",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
|
||||
},
|
||||
id: "p3", name: "Premium Residential", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Modern Roof Restoration",
|
||||
price: "Custom Pricing",
|
||||
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",
|
||||
},
|
||||
id: "p4", name: "Modern Roof Restoration", price: "Custom Pricing", 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"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Suburban Estate Roof",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
},
|
||||
id: "p5", name: "Suburban Estate Roof", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Office Complex Shell",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
},
|
||||
id: "p6", name: "Office Complex Shell", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg"},
|
||||
]}
|
||||
title="Our Signature Projects"
|
||||
description="High-resolution showcase of our premium craftsmanship."
|
||||
@@ -249,25 +172,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Premium",
|
||||
description: "Grade-A Materials Only",
|
||||
},
|
||||
id: "m1", value: "Premium", description: "Grade-A Materials Only"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Expert",
|
||||
description: "Master-Level Craftsmanship",
|
||||
},
|
||||
id: "m2", value: "Expert", description: "Master-Level Craftsmanship"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Timely",
|
||||
description: "On-Schedule Delivery",
|
||||
},
|
||||
id: "m3", value: "Timely", description: "On-Schedule Delivery"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Warrantied",
|
||||
description: "Long-Term Protection",
|
||||
},
|
||||
id: "m4", value: "Warrantied", description: "Long-Term Protection"},
|
||||
]}
|
||||
title="The Roof Master Advantage"
|
||||
description="Why homeowners and businesses prefer our professional services."
|
||||
@@ -282,45 +193,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-professionals-broker-evaluating-property-corporate-relocation_482257-107434.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-professionals-broker-evaluating-property-corporate-relocation_482257-107434.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Property Owner",
|
||||
company: "Home Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12772.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa Wang", role: "Property Owner", company: "Home Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12772.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't take our word for it—hear from those who trusted us."
|
||||
@@ -334,28 +220,17 @@ export default function LandingPage() {
|
||||
description="Ready to upgrade your property? Fill out the form below to receive a personalized quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your roofing project...",
|
||||
}}
|
||||
name: "message", placeholder: "Describe your roofing project..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designer-table_1098-16482.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -365,42 +240,27 @@ export default function LandingPage() {
|
||||
logoText="Roof Master Global"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roofing Installation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Roofing Installation", href: "#services"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user