Merge version_1 into main #2
319
src/app/page.tsx
319
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SummitRoofing"
|
||||
/>
|
||||
@@ -61,12 +46,9 @@ export default function LandingPage() {
|
||||
logoText="Summit Roofing"
|
||||
description="Your trusted partner for premium roofing solutions. From inspections to full replacements, we ensure your home is protected with precision and quality materials."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,20 +58,11 @@ export default function LandingPage() {
|
||||
title="Decades of Roofing Excellence"
|
||||
description="With over 20 years in the roofing industry, our family-owned business prides itself on integrity, safety, and unmatched workmanship. We don't just build roofs; we build peace of mind."
|
||||
metrics={[
|
||||
{
|
||||
value: "2000+",
|
||||
title: "Roofs Repaired",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "2000+", title: "Roofs Repaired" },
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "100%", title: "Customer Satisfaction" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -101,36 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Full Service",
|
||||
title: "Roof Installation",
|
||||
items: [
|
||||
"Asphalt Shingles",
|
||||
"Metal Roofing",
|
||||
"Tile Replacement",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Safety First",
|
||||
title: "Emergency Repair",
|
||||
items: [
|
||||
"24/7 Leak Fixes",
|
||||
"Storm Damage Repair",
|
||||
"Rapid Response",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Maintenance",
|
||||
title: "Inspection Services",
|
||||
items: [
|
||||
"General Inspections",
|
||||
"Gutter Maintenance",
|
||||
"Moss Prevention",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Full Service", title: "Roof Installation", items: ["Asphalt Shingles", "Metal Roofing", "Tile Replacement"] },
|
||||
{ id: "f2", label: "Safety First", title: "Emergency Repair", items: ["24/7 Leak Fixes", "Storm Damage Repair", "Rapid Response"] },
|
||||
{ id: "f3", label: "Maintenance", title: "Inspection Services", items: ["General Inspections", "Gutter Maintenance", "Moss Prevention"] },
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="We offer a full suite of services tailored to meet all your roofing requirements with professional standards."
|
||||
@@ -142,49 +88,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Asphalt Shingles",
|
||||
price: "From $5/sq ft",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-grey-fabric-background_23-2148377176.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Standing Seam Metal",
|
||||
price: "From $12/sq ft",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15956.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Slate Tiles",
|
||||
price: "From $20/sq ft",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Terracotta Tiles",
|
||||
price: "From $15/sq ft",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Solar Integrated",
|
||||
price: "Custom Quote",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-solar-photovoltaic-panels_661209-15.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "TPO Flat Roof",
|
||||
price: "From $8/sq ft",
|
||||
variant: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall_23-2148098660.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Asphalt Shingles", price: "From $5/sq ft", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-grey-fabric-background_23-2148377176.jpg" },
|
||||
{ id: "p2", name: "Standing Seam Metal", price: "From $12/sq ft", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15956.jpg" },
|
||||
{ id: "p3", name: "Slate Tiles", price: "From $20/sq ft", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg" },
|
||||
{ id: "p4", name: "Terracotta Tiles", price: "From $15/sq ft", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg" },
|
||||
{ id: "p5", name: "Solar Integrated", price: "Custom Quote", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/close-up-solar-photovoltaic-panels_661209-15.jpg" },
|
||||
{ id: "p6", name: "TPO Flat Roof", price: "From $8/sq ft", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/wall_23-2148098660.jpg" },
|
||||
]}
|
||||
title="Our Roofing Systems"
|
||||
description="Choose from a wide variety of premium materials designed for durability and aesthetic appeal."
|
||||
@@ -197,57 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pr1",
|
||||
badge: "Basic",
|
||||
price: "Standard Inspection",
|
||||
subtitle: "Perfect for routine checks",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full visual inspection",
|
||||
"Gutter debris clearing",
|
||||
"Digital damage report",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pr2",
|
||||
badge: "Popular",
|
||||
price: "Residential Repair",
|
||||
subtitle: "Our most common package",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Storm damage repair",
|
||||
"Shingle replacement",
|
||||
"Leak sealing guaranteed",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pr3",
|
||||
badge: "Enterprise",
|
||||
price: "Full Replacement",
|
||||
subtitle: "Comprehensive protection",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full tear off",
|
||||
"Premium material install",
|
||||
"30-year labor warranty",
|
||||
],
|
||||
},
|
||||
{ id: "pr1", badge: "Basic", price: "Standard Inspection", subtitle: "Perfect for routine checks", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Full visual inspection", "Gutter debris clearing", "Digital damage report"] },
|
||||
{ id: "pr2", badge: "Popular", price: "Residential Repair", subtitle: "Our most common package", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Storm damage repair", "Shingle replacement", "Leak sealing guaranteed"] },
|
||||
{ id: "pr3", badge: "Enterprise", price: "Full Replacement", subtitle: "Comprehensive protection", buttons: [{ text: "Get Quote", href: "#contact" }], features: ["Full tear off", "Premium material install", "30-year labor warranty"] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Clear and honest estimates with no hidden fees."
|
||||
@@ -259,61 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Summit Roofing saved us from a major leak during the winter. Fast and professional!",
|
||||
tag: "Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner residential roof repair",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Reed",
|
||||
date: "Dec 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Excellent work installing our new metal roof. Great communication throughout.",
|
||||
tag: "Installation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner residential roof repair",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda Hayes",
|
||||
date: "Nov 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Reliable and honest. They stuck to the estimate and finished ahead of schedule.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12852.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-grey-fabric-background_23-2148377176.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner residential roof repair",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Cook",
|
||||
date: "Oct 2023",
|
||||
title: "Property Owner",
|
||||
quote: "Highly recommend for commercial flat roofing projects. Very efficient.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15956.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner residential roof repair",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Smith",
|
||||
date: "Sept 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Amazing attention to detail. My roof looks better than ever.",
|
||||
tag: "Renovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086833.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner residential roof repair",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", date: "Jan 2024", title: "Homeowner", quote: "Summit Roofing saved us from a major leak during the winter. Fast and professional!", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg", imageAlt: "happy homeowner residential roof repair" },
|
||||
{ id: "t2", name: "Michael Reed", date: "Dec 2023", title: "Homeowner", quote: "Excellent work installing our new metal roof. Great communication throughout.", tag: "Installation", avatarSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg", imageAlt: "happy homeowner residential roof repair" },
|
||||
{ id: "t3", name: "Linda Hayes", date: "Nov 2023", title: "Homeowner", quote: "Reliable and honest. They stuck to the estimate and finished ahead of schedule.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12852.jpg", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-grey-fabric-background_23-2148377176.jpg", imageAlt: "happy homeowner residential roof repair" },
|
||||
{ id: "t4", name: "James Cook", date: "Oct 2023", title: "Property Owner", quote: "Highly recommend for commercial flat roofing projects. Very efficient.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15956.jpg", imageAlt: "happy homeowner residential roof repair" },
|
||||
{ id: "t5", name: "Anna Smith", date: "Sept 2023", title: "Homeowner", quote: "Amazing attention to detail. My roof looks better than ever.", tag: "Renovation", avatarSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086833.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", imageAlt: "happy homeowner residential roof repair" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our customers are saying about our professional service."
|
||||
@@ -325,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a new roof last?",
|
||||
content: "Depending on materials, between 20 to 50 years.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your emergency response times?",
|
||||
content: "We aim to reach emergency leaks within 4-6 hours.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your workers insured?",
|
||||
content: "Yes, we are fully licensed and insured.",
|
||||
},
|
||||
{ id: "q1", title: "How long does a new roof last?", content: "Depending on materials, between 20 to 50 years." },
|
||||
{ id: "q2", title: "What are your emergency response times?", content: "We aim to reach emergency leaks within 4-6 hours." },
|
||||
{ id: "q3", title: "Are your workers insured?", content: "Yes, we are fully licensed and insured." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
@@ -350,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready for your new roof?"
|
||||
description="Get in touch for a free, no-obligation estimate for your home or business."
|
||||
@@ -363,57 +162,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Summit Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Inspections",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Installation", href: "#features" }, { label: "Repairs", href: "#features" }, { label: "Inspections", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user