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"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="A&L Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="A&L Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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."
|
||||
buttons={[
|
||||
{ text: "Call for Free Estimate", href: "tel:5033710179" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg"
|
||||
imageAlt="New roof installation project"
|
||||
mediaAnimation="slide-up"
|
||||
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/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/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" }
|
||||
]}
|
||||
avatarText="Join 160+ happy customers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Reliable Service" },
|
||||
{ type: "text", text: "Fully Insured" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Salem Based" },
|
||||
{ type: "text", text: "Professional Crew" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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."
|
||||
buttons={[
|
||||
{ text: "Call for Free Estimate", href: "tel:5033710179" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg"
|
||||
imageAlt="New roof installation project"
|
||||
mediaAnimation="slide-up"
|
||||
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/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/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" }
|
||||
]}
|
||||
avatarText="Join 160+ happy customers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Reliable Service" },
|
||||
{ type: "text", text: "Fully Insured" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Salem Based" },
|
||||
{ type: "text", text: "Professional Crew" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Google Rating", value: "5.0" },
|
||||
{ icon: Users, label: "Happy Customers", value: "166+" },
|
||||
{ icon: Briefcase, label: "Professional Crew", value: "Expert" },
|
||||
{ icon: MapPin, label: "Service Area", value: "Willamette" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Google Rating", value: "5.0" },
|
||||
{ icon: Users, label: "Happy Customers", value: "166+" },
|
||||
{ icon: Briefcase, label: "Professional Crew", value: "Expert" },
|
||||
{ icon: MapPin, label: "Service Area", value: "Willamette" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Reliable Roofing Professionals"
|
||||
metrics={[
|
||||
{ icon: CheckCircle, label: "Honest Estimates", value: "Fair" },
|
||||
{ icon: ShieldCheck, label: "Quality Materials", value: "Top" },
|
||||
{ icon: Users, label: "Skilled Crew", value: "Pro" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Reliable Roofing Professionals"
|
||||
metrics={[
|
||||
{ icon: CheckCircle, label: "Honest Estimates", value: "Fair" },
|
||||
{ icon: ShieldCheck, label: "Quality Materials", value: "Top" },
|
||||
{ icon: Users, label: "Skilled Crew", value: "Pro" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ 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: AlertTriangle, title: "Storm Damage", description: "Expert structural roof fixes for weather-related damage." }
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="A&L Roofing proudly serves Salem, Keizer, and the entire Willamette Valley with dependable roofing solutions built to last."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ 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: AlertTriangle, title: "Storm Damage", description: "Expert structural roof fixes for weather-related damage." }
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="A&L Roofing proudly serves Salem, Keizer, and the entire Willamette Valley with dependable roofing solutions built to last."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ 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-3", title: "Are you fully licensed and insured?", content: "Yes, we are a fully committed professional roofing company." }
|
||||
]}
|
||||
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."
|
||||
ctaButton={{ text: "Call Now", href: "tel:5033710179" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ 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-3", title: "Are you fully licensed and insured?", content: "Yes, we are a fully committed professional roofing company." }
|
||||
]}
|
||||
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."
|
||||
ctaButton={{ text: "Call Now", href: "tel:5033710179" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Roof Installation", href: "#services" }, { label: "Roof Repair", href: "#services" }] },
|
||||
{ title: "Location", items: [{ label: "Salem, OR", href: "#" }, { label: "Keizer", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(503) 371-0179", href: "tel:5033710179" }] }
|
||||
]}
|
||||
logoText="A&L Roofing"
|
||||
copyrightText="© 2025 A&L Roofing – All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Roof Installation", href: "#services" }, { label: "Roof Repair", href: "#services" }] },
|
||||
{ title: "Location", items: [{ label: "Salem, OR", href: "#" }, { label: "Keizer", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(503) 371-0179", href: "tel:5033710179" }] }
|
||||
]}
|
||||
logoText="A&L Roofing"
|
||||
copyrightText="© 2025 A&L Roofing – All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user