Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ee02df8896 | |||
| 2a179f3016 | |||
| 97487d7a05 |
246
src/app/page.tsx
246
src/app/page.tsx
@@ -26,136 +26,136 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Reviews", id: "testimonials" },
|
{ name: "Reviews", id: "testimonials" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Contact", id: "contact" }
|
||||||
]}
|
]}
|
||||||
brandName="A&L Roofing"
|
brandName="A&L Roofing"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{ variant: "gradient-bars" }}
|
background={{ variant: "gradient-bars" }}
|
||||||
title="Trusted Roofing Experts in Salem & the Willamette Valley"
|
title="Trusted Roofing Experts in Salem & the Willamette Valley"
|
||||||
description="High-quality roof installations and repairs backed by 5-star service and over 160 satisfied homeowners."
|
description="High-quality roof installations and repairs backed by 5-star service and over 160 satisfied homeowners."
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Call for Free Estimate", href: "tel:5033710179" },
|
{ text: "Call for Free Estimate", href: "tel:5033710179" },
|
||||||
{ text: "Get Directions", href: "https://maps.google.com" }
|
{ text: "Get Directions", href: "https://maps.google.com" }
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg"
|
||||||
imageAlt="New roof installation project"
|
imageAlt="New roof installation project"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Customer profile" },
|
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Customer profile" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg", alt: "Customer profile" },
|
{ src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg", alt: "Customer profile" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Customer profile" },
|
{ src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Customer profile" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", alt: "Customer profile" },
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", alt: "Customer profile" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg", alt: "Customer profile" }
|
{ src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg", alt: "Customer profile" }
|
||||||
]}
|
]}
|
||||||
avatarText="Join 160+ happy customers"
|
avatarText="Join 160+ happy customers"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{ type: "text", text: "Reliable Service" },
|
{ type: "text", text: "Reliable Service" },
|
||||||
{ type: "text", text: "Fully Insured" },
|
{ type: "text", text: "Fully Insured" },
|
||||||
{ type: "text", text: "Quality Guaranteed" },
|
{ type: "text", text: "Quality Guaranteed" },
|
||||||
{ type: "text", text: "Salem Based" },
|
{ type: "text", text: "Salem Based" },
|
||||||
{ type: "text", text: "Professional Crew" }
|
{ type: "text", text: "Professional Crew" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ icon: Star, label: "Google Rating", value: "5.0" },
|
{ icon: Star, label: "Google Rating", value: "5.0" },
|
||||||
{ icon: Users, label: "Happy Customers", value: "166+" },
|
{ icon: Users, label: "Happy Customers", value: "166+" },
|
||||||
{ icon: Briefcase, label: "Professional Crew", value: "Expert" },
|
{ icon: Briefcase, label: "Professional Crew", value: "Expert" },
|
||||||
{ icon: MapPin, label: "Service Area", value: "Willamette" }
|
{ icon: MapPin, label: "Service Area", value: "Willamette" }
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Reliable Roofing Professionals"
|
title="Reliable Roofing Professionals"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ icon: CheckCircle, label: "Honest Estimates", value: "Fair" },
|
{ icon: CheckCircle, label: "Honest Estimates", value: "Fair" },
|
||||||
{ icon: ShieldCheck, label: "Quality Materials", value: "Top" },
|
{ icon: ShieldCheck, label: "Quality Materials", value: "Top" },
|
||||||
{ icon: Users, label: "Skilled Crew", value: "Pro" }
|
{ icon: Users, label: "Skilled Crew", value: "Pro" }
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="services" data-section="services">
|
||||||
<FeatureHoverPattern
|
<FeatureHoverPattern
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{ icon: Home, title: "Roof Installation", description: "Professional installation of durable roofing systems designed to protect your home." },
|
{ icon: Home, title: "Roof Installation", description: "Professional installation of durable roofing systems designed to protect your home." },
|
||||||
{ icon: Wrench, title: "Roof Repair", description: "Fast and reliable repairs for leaks, storm damage, or aging roofing materials." },
|
{ icon: Wrench, title: "Roof Repair", description: "Fast and reliable repairs for leaks, storm damage, or aging roofing materials." },
|
||||||
{ icon: AlertTriangle, title: "Storm Damage", description: "Expert structural roof fixes for weather-related damage." }
|
{ icon: AlertTriangle, title: "Storm Damage", description: "Expert structural roof fixes for weather-related damage." }
|
||||||
]}
|
]}
|
||||||
title="Our Roofing Services"
|
title="Our Roofing Services"
|
||||||
description="A&L Roofing proudly serves Salem, Keizer, and the entire Willamette Valley with dependable roofing solutions built to last."
|
description="A&L Roofing proudly serves Salem, Keizer, and the entire Willamette Valley with dependable roofing solutions built to last."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardThirteen
|
<TestimonialCardThirteen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ id: "1", name: "Erica", handle: "Local Homeowner", testimonial: "A&L Roofing did another roof in our neighborhood, and the owners had great things to say. Adrian gave us a competitive estimate and the whole team was professional and hardworking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg" },
|
{ id: "1", name: "Erica", handle: "Local Homeowner", testimonial: "A&L Roofing did another roof in our neighborhood, and the owners had great things to say. Adrian gave us a competitive estimate and the whole team was professional and hardworking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg" },
|
||||||
{ id: "2", name: "Robin Snavely", handle: "Local Homeowner", testimonial: "I’m thrilled with the full roof replacement A&L Roofing did for my home. From inspection to cleanup, everything went smoothly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg" },
|
{ id: "2", name: "Robin Snavely", handle: "Local Homeowner", testimonial: "I’m thrilled with the full roof replacement A&L Roofing did for my home. From inspection to cleanup, everything went smoothly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg" },
|
||||||
{ id: "3", name: "Harry Davies", handle: "Local Homeowner", testimonial: "Adrian and the A&L Roofing team are exceptional. They installed our roof efficiently at a fair price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
|
{ id: "3", name: "Harry Davies", handle: "Local Homeowner", testimonial: "Adrian and the A&L Roofing team are exceptional. They installed our roof efficiently at a fair price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
|
||||||
{ id: "4", name: "Katie Carpenter", handle: "Local Homeowner", testimonial: "Felipe and Adrian did a phenomenal job on my new roof! Professional, efficient, and very detail-oriented.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
|
{ id: "4", name: "Katie Carpenter", handle: "Local Homeowner", testimonial: "Felipe and Adrian did a phenomenal job on my new roof! Professional, efficient, and very detail-oriented.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
|
||||||
{ id: "5", name: "Anonymous", handle: "Local Homeowner", testimonial: "Great service from start to finish. Our roof looks amazing!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg" }
|
{ id: "5", name: "Anonymous", handle: "Local Homeowner", testimonial: "Great service from start to finish. Our roof looks amazing!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg" }
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Don't just take our word for it."
|
description="Don't just take our word for it."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactFaq
|
<ContactFaq
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "faq-1", title: "Do you offer free estimates?", content: "Yes, we provide honest, competitive estimates for all roofing projects." },
|
{ id: "faq-1", title: "Do you offer free estimates?", content: "Yes, we provide honest, competitive estimates for all roofing projects." },
|
||||||
{ id: "faq-2", title: "What areas do you serve?", content: "We proudly serve Salem, Keizer, and the Willamette Valley." },
|
{ id: "faq-2", title: "What areas do you serve?", content: "We proudly serve Salem, Keizer, and the Willamette Valley." },
|
||||||
{ id: "faq-3", title: "Are you fully licensed and insured?", content: "Yes, we are a fully committed professional roofing company." }
|
{ id: "faq-3", title: "Are you fully licensed and insured?", content: "Yes, we are a fully committed professional roofing company." }
|
||||||
]}
|
]}
|
||||||
ctaTitle="Request a Free Roofing Estimate"
|
ctaTitle="Request a Free Roofing Estimate"
|
||||||
ctaDescription="Need a roof repair or new installation? Call today and speak with our team to schedule your inspection."
|
ctaDescription="Need a roof repair or new installation? Call today and speak with our team to schedule your inspection."
|
||||||
ctaButton={{ text: "Call Now", href: "tel:5033710179" }}
|
ctaButton={{ text: "Call Now", href: "tel:5033710179" }}
|
||||||
ctaIcon={Phone}
|
ctaIcon={Phone}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Services", items: [{ label: "Roof Installation", href: "#services" }, { label: "Roof Repair", href: "#services" }] },
|
{ title: "Services", items: [{ label: "Roof Installation", href: "#services" }, { label: "Roof Repair", href: "#services" }] },
|
||||||
{ title: "Location", items: [{ label: "Salem, OR", href: "#" }, { label: "Keizer", href: "#" }] },
|
{ title: "Location", items: [{ label: "Salem, OR", href: "#" }, { label: "Keizer", href: "#" }] },
|
||||||
{ title: "Contact", items: [{ label: "(503) 371-0179", href: "tel:5033710179" }] }
|
{ title: "Contact", items: [{ label: "(503) 371-0179", href: "tel:5033710179" }] }
|
||||||
]}
|
]}
|
||||||
logoText="A&L Roofing"
|
logoText="A&L Roofing"
|
||||||
copyrightText="© 2025 A&L Roofing – All Rights Reserved"
|
copyrightText="© 2025 A&L Roofing – All Rights Reserved"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user