Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,28 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SameDayRoofing"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,36 +47,16 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Same Day Roofing Services, Your Trusted Local Expert"
|
||||
description="Don't let a damaged roof wait. We provide fast, reliable, and high-quality roofing solutions on your schedule. Licensed, insured, and ready to protect your home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"
|
||||
showDimOverlay={true}
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
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/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
alt: "Man working on roof medium shot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
|
||||
alt: "Long shot men working on roof together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
alt: "Medium shot people wearing protection helmets",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
alt: "Side view man working on roof with a drill",
|
||||
},
|
||||
{ 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/man-working-roof-medium-shot_23-2149343644.jpg", alt: "Man working on roof medium shot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", alt: "Long shot men working on roof together" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", alt: "Medium shot people wearing protection helmets" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", alt: "Side view man working on roof with a drill" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
/>
|
||||
@@ -103,18 +69,9 @@ export default function LandingPage() {
|
||||
title="Experience Quality Roofing You Can Count On"
|
||||
description="At Same Day Roofing, we specialize in providing rapid response roofing services without compromising on quality craftsmanship. We treat every roof as if it were our own."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "24/7 Rapid Support",
|
||||
description: "We are available when you need us most.",
|
||||
},
|
||||
{
|
||||
title: "Certified Professionals",
|
||||
description: "Experienced, licensed, and highly trained team.",
|
||||
},
|
||||
{
|
||||
title: "Guaranteed Satisfaction",
|
||||
description: "Your peace of mind is our top priority.",
|
||||
},
|
||||
{ title: "24/7 Rapid Support", description: "We are available when you need us most." },
|
||||
{ title: "Certified Professionals", description: "Experienced, licensed, and highly trained team." },
|
||||
{ title: "Guaranteed Satisfaction", description: "Your peace of mind is our top priority." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -126,24 +83,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Hidden costs in quotes",
|
||||
"Long waits for appointments",
|
||||
"Lack of clear communication",
|
||||
"Unprofessional contractors",
|
||||
"Inconsistent scheduling",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Transparent upfront pricing",
|
||||
"Same-day inspection booking",
|
||||
"Consistent live updates",
|
||||
"Licensed and insured work",
|
||||
"Quality materials guaranteed",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Hidden costs in quotes", "Long waits for appointments", "Lack of clear communication", "Unprofessional contractors", "Inconsistent scheduling"] }}
|
||||
positiveCard={{ items: ["Transparent upfront pricing", "Same-day inspection booking", "Consistent live updates", "Licensed and insured work", "Quality materials guaranteed"] }}
|
||||
title="Why Choose Our Roofing Service"
|
||||
description="We bridge the gap between emergency repairs and premium roofing craftsmanship."
|
||||
/>
|
||||
@@ -156,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Emergency Roof Repairs",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Residential Roof Replacement",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Roof Maintenance & Inspection",
|
||||
price: "Affordable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Storm Damage Restoration",
|
||||
price: "Quotes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leak Detection & Repair",
|
||||
price: "Standard",
|
||||
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: "p6",
|
||||
name: "New Gutter Installation",
|
||||
price: "Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Emergency Roof Repairs", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg" },
|
||||
{ id: "p2", name: "Residential Roof Replacement", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg" },
|
||||
{ id: "p3", name: "Roof Maintenance & Inspection", price: "Affordable", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg" },
|
||||
{ id: "p4", name: "Storm Damage Restoration", price: "Quotes", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg" },
|
||||
{ id: "p5", name: "Leak Detection & Repair", price: "Standard", 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: "p6", name: "New Gutter Installation", price: "Quote", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg" },
|
||||
]}
|
||||
title="Our Professional Roofing Services"
|
||||
description="Comprehensive solutions tailored to your unique roofing needs."
|
||||
@@ -204,41 +115,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@john.doe",
|
||||
testimonial: "Fastest response ever. Fixed my leak in hours!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@jane.smith",
|
||||
testimonial: "Very professional and left the site very clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
handle: "@miker",
|
||||
testimonial: "Affordable and excellent work on our full roof replacement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-woman-with-her-boyfriend-pointing-ferris-wheel-while_23-2148193889.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarah.l",
|
||||
testimonial: "Highly recommended for storm damage restorations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Clark",
|
||||
handle: "@dclark",
|
||||
testimonial: "Quality craftsmanship at a fair price point.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg",
|
||||
},
|
||||
{ id: "1", name: "John Doe", handle: "@john.doe", testimonial: "Fastest response ever. Fixed my leak in hours!", imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg" },
|
||||
{ id: "2", name: "Jane Smith", handle: "@jane.smith", testimonial: "Very professional and left the site very clean.", imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg" },
|
||||
{ id: "3", name: "Mike Ross", handle: "@miker", testimonial: "Affordable and excellent work on our full roof replacement.", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-woman-with-her-boyfriend-pointing-ferris-wheel-while_23-2148193889.jpg" },
|
||||
{ id: "4", name: "Sarah Lee", handle: "@sarah.l", testimonial: "Highly recommended for storm damage restorations.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg" },
|
||||
{ id: "5", name: "David Clark", handle: "@dclark", testimonial: "Quality craftsmanship at a fair price point.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg" },
|
||||
]}
|
||||
title="What Our Satisfied Clients Say"
|
||||
description="Building trust, one happy homeowner at a time."
|
||||
@@ -252,27 +133,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Roofs Repaired",
|
||||
description: "Completed projects across the county.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Industry-leading expertise.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Happy Homeowners",
|
||||
description: "Proven customer satisfaction.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "1500+", title: "Roofs Repaired", description: "Completed projects across the county.", icon: CheckCircle },
|
||||
{ id: "m2", value: "10+", title: "Years Experience", description: "Industry-leading expertise.", icon: Award },
|
||||
{ id: "m3", value: "500+", title: "Happy Homeowners", description: "Proven customer satisfaction.", icon: Star },
|
||||
]}
|
||||
title="Roofing By The Numbers"
|
||||
description="Our track record speaks for itself in reliability and expert care."
|
||||
@@ -284,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide emergency roofing services?",
|
||||
content: "Yes, we are available 24/7 for urgent roof repairs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a roof inspection take?",
|
||||
content: "Usually 30-60 minutes depending on the size.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured.",
|
||||
},
|
||||
{ id: "q1", title: "Do you provide emergency roofing services?", content: "Yes, we are available 24/7 for urgent roof repairs." },
|
||||
{ id: "q2", title: "How long does a roof inspection take?", content: "Usually 30-60 minutes depending on the size." },
|
||||
{ id: "q3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our roofing services."
|
||||
@@ -309,61 +160,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to fix your roof today? Contact us for a free, fast estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "tel:+18005550123",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get in Touch", href: "tel:+18005550123" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Same Day Roofing Services"
|
||||
bottomRightText="All Rights Reserved"
|
||||
@@ -372,4 +180,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user