2 Commits

Author SHA1 Message Date
ba7e1bd740 Update src/app/page.tsx 2026-06-09 22:26:44 +00:00
6329116946 Update src/app/page.tsx 2026-06-09 22:19:30 +00:00

View File

@@ -34,40 +34,24 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoAlt="Apex Roofing Logo"
brandName="Apex Roofing"
button={{
text: "Get a Free Quote",
href: "#contact",
}}
text: "Get a Free Quote", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -75,74 +59,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Your Trusted Partner for Superior Roofing Solutions"
description="Apex Roofing delivers unparalleled quality and craftsmanship, ensuring your home is protected with a durable, beautiful roof. Experience the difference of dedicated experts committed to excellence."
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
{
text: "View Our Services",
href: "#services",
},
text: "View Our Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/lviv-from-bird-s-eye-view-city-from-lviv-view-city-from-tower-colored-roofs_1321-4656.jpg"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzSVT4CkeB7l1Fg7DaacMKX8s/uploaded-1781043534509-97ete44x.png"
imageAlt="Modern house with a newly installed roof at sunset, showcasing quality workmanship"
mediaAnimation="slide-up"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
alt: "Happy Client 1",
},
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Happy Client 1"},
{
src: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
alt: "Happy Client 2",
},
src: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg", alt: "Happy Client 2"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Happy Client 3",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Happy Client 3"},
{
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
alt: "Happy Client 4",
},
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Happy Client 4"},
{
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
alt: "Happy Client 5",
},
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg", alt: "Happy Client 5"},
]}
avatarText="Join 500+ satisfied homeowners"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306805.jpg",
alt: "Abstract geometric background shapes or texture.",
},
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306805.jpg", alt: "Abstract geometric background shapes or texture."},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg",
alt: "Closeup shot of blue lines perfect for using as a background",
},
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg", alt: "Closeup shot of blue lines perfect for using as a background"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17253.jpg",
alt: "3D Geometric Abstract Twist Background",
},
type: "image", src: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17253.jpg", alt: "3D Geometric Abstract Twist Background"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756581.jpg",
alt: "Contrasting outdoor texture design",
},
type: "image", src: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756581.jpg", alt: "Contrasting outdoor texture design"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/management-executives-talk-about-factory-automation-strategies_482257-120537.jpg",
alt: "Management executives talk about factory automation strategies",
},
type: "image", src: "http://img.b2bpic.net/free-photo/management-executives-talk-about-factory-automation-strategies_482257-120537.jpg", alt: "Management executives talk about factory automation strategies"},
]}
/>
</div>
@@ -154,19 +108,13 @@ export default function LandingPage() {
description="At Apex Roofing, we combine years of expertise with a passion for perfection. Our certified professionals use only the highest quality materials and innovative techniques to deliver lasting protection and aesthetic appeal for your home. We're dedicated to customer satisfaction and superior results."
metrics={[
{
value: "20+",
title: "Years of Experience",
},
value: "20+", title: "Years of Experience"},
{
value: "500+",
title: "Successful Projects",
},
value: "500+", title: "Successful Projects"},
{
value: "98%",
title: "Client Satisfaction",
},
value: "98%", title: "Client Satisfaction"},
]}
imageSrc="http://img.b2bpic.net/free-photo/three-factory-workers-safety-hats-discussing-manufacture-plan_1303-30650.jpg"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzSVT4CkeB7l1Fg7DaacMKX8s/uploaded-1781043534509-194ueop6.png"
imageAlt="Roofing team discussing project plans on a sunny day"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -180,23 +128,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Roof Repair & Maintenance",
description: "Prompt and reliable repair for leaks, storm damage, and wear. Regular maintenance to extend your roof's lifespan.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
imageAlt: "Professional inspecting roof damage for repair",
},
title: "Roof Repair & Maintenance", description: "Prompt and reliable repair for leaks, storm damage, and wear. Regular maintenance to extend your roof's lifespan.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzSVT4CkeB7l1Fg7DaacMKX8s/uploaded-1781043534509-ipsuh2n0.png"
,
imageAlt: "Professional inspecting roof damage for repair"},
{
title: "New Roof Installation",
description: "Expert installation of various roofing materials, including asphalt shingles, metal, tile, and flat roofs for new constructions.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
imageAlt: "Workers installing new shingles on a residential roof",
},
title: "New Roof Installation", description: "Expert installation of various roofing materials, including asphalt shingles, metal, tile, and flat roofs for new constructions.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "Workers installing new shingles on a residential roof"},
{
title: "Roof Replacement",
description: "Complete removal of old roofing and installation of a new, durable system with minimal disruption to your daily life.",
imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg",
imageAlt: "Drone view inspecting a residential roof",
},
title: "Roof Replacement", description: "Complete removal of old roofing and installation of a new, durable system with minimal disruption to your daily life.", imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg", imageAlt: "Drone view inspecting a residential roof"},
]}
title="Comprehensive Roofing Services You Can Trust"
description="From minor repairs to complete installations, our team handles every project with precision and care. Explore our range of services designed to meet your specific roofing needs."
@@ -210,40 +148,20 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100%",
title: "Guaranteed Satisfaction",
items: [
"Every project completed to perfection.",
"Dedicated support for peace of mind.",
],
id: "m1", value: "100%", title: "Guaranteed Satisfaction", items: [
"Every project completed to perfection.", "Dedicated support for peace of mind."],
},
{
id: "m2",
value: "A+",
title: "BBB Rated",
items: [
"Highest rating for business reliability.",
"Trusted by local homeowners.",
],
id: "m2", value: "A+", title: "BBB Rated", items: [
"Highest rating for business reliability.", "Trusted by local homeowners."],
},
{
id: "m3",
value: "24/7",
title: "Emergency Service",
items: [
"Rapid response for urgent repairs.",
"Protecting your home anytime.",
],
id: "m3", value: "24/7", title: "Emergency Service", items: [
"Rapid response for urgent repairs.", "Protecting your home anytime."],
},
{
id: "m4",
value: "10-Year",
title: "Workmanship Warranty",
items: [
"Long-term assurance on our labor.",
"Invest in quality, guaranteed.",
],
id: "m4", value: "10-Year", title: "Workmanship Warranty", items: [
"Long-term assurance on our labor.", "Invest in quality, guaranteed."],
},
]}
title="Our Commitment to Quality and Client Success"
@@ -256,14 +174,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Certified Pro",
"Quality Rated",
"Eco-Friendly",
"Licensed & Insured",
"Top Local Choice",
"Material Brand A",
"Material Brand B",
]}
"Certified Pro", "Quality Rated", "Eco-Friendly", "Licensed & Insured", "Top Local Choice", "Material Brand A", "Material Brand B"]}
title="Trusted by Homeowners, Backed by Industry Leaders"
description="We partner with leading manufacturers and hold top industry certifications to ensure you receive the best products and service."
showCard={true}
@@ -278,25 +189,15 @@ export default function LandingPage() {
author="Sarah M."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
alt: "Sarah M. - Happy Client",
},
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", alt: "Sarah M. - Happy Client"},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
alt: "John D. - Satisfied Homeowner",
},
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "John D. - Satisfied Homeowner"},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
alt: "Emily R. - Business Owner",
},
src: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg", alt: "Emily R. - Business Owner"},
{
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
alt: "Michael B. - Property Manager",
},
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg", alt: "Michael B. - Property Manager"},
{
src: "http://img.b2bpic.net/free-photo/interracial-mixed-race-relationships-love-friendship-partnership-concept-portrait-happy-confident-young-european-woman-with-broad-smile-posing-with-her-african-male-coworker_343059-1527.jpg",
alt: "Jessica L. - New Homeowner",
},
src: "http://img.b2bpic.net/free-photo/interracial-mixed-race-relationships-love-friendship-partnership-concept-portrait-happy-confident-young-european-woman-with-broad-smile-posing-with-her-african-male-coworker_343059-1527.jpg", alt: "Jessica L. - New Homeowner"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -310,61 +211,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Essential Care",
price: "$XXX",
period: "starting at",
features: [
"Detailed Roof Inspection",
"Minor Leak Repair",
"Gutter Cleaning",
"Preventative Maintenance Report",
],
id: "basic", title: "Essential Care", price: "$XXX", period: "starting at", features: [
"Detailed Roof Inspection", "Minor Leak Repair", "Gutter Cleaning", "Preventative Maintenance Report"],
button: {
text: "Get Started",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-private-houses-weymouth-dorset-uk_181624-20411.jpg",
imageAlt: "Basic roof inspection tools",
},
text: "Get Started", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-private-houses-weymouth-dorset-uk_181624-20411.jpg", imageAlt: "Basic roof inspection tools"},
{
id: "standard",
title: "Standard Repair",
price: "$XXXX",
period: "starting at",
features: [
"Comprehensive Damage Assessment",
"Shingle Replacement (up to 200 sq ft)",
"Flashing Repair",
"Storm Damage Patching",
],
id: "standard", title: "Standard Repair", price: "$XXXX", period: "starting at", features: [
"Comprehensive Damage Assessment", "Shingle Replacement (up to 200 sq ft)", "Flashing Repair", "Storm Damage Patching"],
button: {
text: "Choose Plan",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
imageAlt: "Roofer repairing a section of shingles",
},
text: "Choose Plan", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", imageAlt: "Roofer repairing a section of shingles"},
{
id: "premium",
title: "Premium Replacement",
price: "$XXXXX",
period: "starting at",
features: [
"Full Roof Tear-Off & Replacement",
"Premium Material Options",
"Enhanced Ventilation System",
"Extended Workmanship Warranty",
],
id: "premium", title: "Premium Replacement", price: "$XXXXX", period: "starting at", features: [
"Full Roof Tear-Off & Replacement", "Premium Material Options", "Enhanced Ventilation System", "Extended Workmanship Warranty"],
button: {
text: "Get Custom Quote",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/panorama-chisinau-arena-filmed-drone-sunset-moldova_1268-16014.jpg",
imageAlt: "New roof installation on a modern home",
},
text: "Get Custom Quote", href: "#contact"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzSVT4CkeB7l1Fg7DaacMKX8s/uploaded-1781043534509-97ete44x.png", imageAlt: "New roof installation on a modern home"},
]}
title="Transparent Pricing for Every Roofing Need"
title=" Roofing For Everyone In Need"
description="Choose from our flexible service plans designed to provide the best value and protection for your home. Get a clear estimate tailored to your project."
/>
</div>
@@ -375,27 +240,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How often should I have my roof inspected?",
content: "We recommend a professional roof inspection at least once a year, or after any major storm, to identify and address potential issues early.",
},
id: "faq1", title: "How often should I have my roof inspected?", content: "We recommend a professional roof inspection at least once a year, or after any major storm, to identify and address potential issues early."},
{
id: "faq2",
title: "What are the signs I need a new roof?",
content: "Common signs include missing or damaged shingles, leaks, sagging areas, granular loss, and an age of 20+ years. A professional inspection can confirm if replacement is necessary.",
},
id: "faq2", title: "What are the signs I need a new roof?", content: "Common signs include missing or damaged shingles, leaks, sagging areas, granular loss, and an age of 20+ years. A professional inspection can confirm if replacement is necessary."},
{
id: "faq3",
title: "How long does a roof replacement take?",
content: "The duration depends on your roof's size, complexity, and weather conditions, but most residential roof replacements are completed within 1-3 days.",
},
id: "faq3", title: "How long does a roof replacement take?", content: "The duration depends on your roof's size, complexity, and weather conditions, but most residential roof replacements are completed within 1-3 days."},
{
id: "faq4",
title: "Do you offer financing options?",
content: "Yes, we understand that a new roof is a significant investment. We offer flexible financing options to help make your project affordable. Contact us for details.",
},
id: "faq4", title: "Do you offer financing options?", content: "Yes, we understand that a new roof is a significant investment. We offer flexible financing options to help make your project affordable. Contact us for details."},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-coworkers-with-blueprint_23-2147727682.jpg"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuzSVT4CkeB7l1Fg7DaacMKX8s/uploaded-1781043534509-py7isus8.png"
imageAlt="Roofing contractor explaining details to a homeowner"
mediaAnimation="slide-up"
mediaPosition="left"
@@ -409,8 +262,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get a Free Estimate"
title="Ready for a Stronger Roof?"
description="Contact Apex Roofing today for a complimentary consultation and a detailed, no-obligation estimate. We're here to answer all your questions and provide the best solution for your home."
@@ -430,66 +282,39 @@ export default function LandingPage() {
logoText="Apex Roofing"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Roof Repair",
href: "#services",
},
label: "Roof Repair", href: "#services"},
{
label: "Installation",
href: "#services",
},
label: "Installation", href: "#services"},
{
label: "Replacement",
href: "#services",
},
label: "Replacement", href: "#services"},
{
label: "Maintenance",
href: "#services",
},
label: "Maintenance", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Work",
href: "#projects",
},
label: "Our Work", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
],
},
]}
@@ -499,4 +324,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}