Merge version_1 into main #1
252
src/app/page.tsx
252
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { AlertTriangle, CheckCircle, Home, MapPin, Phone, ShieldCheck, Star, Tool, Users, Wrench } from "lucide-react";
|
||||
import { AlertTriangle, CheckCircle, Home, MapPin, Phone, ShieldCheck, Star, Wrench, Users, Briefcase } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="A&L Roofing"
|
||||
/>
|
||||
@@ -52,66 +40,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background="gradient-bars"
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -121,26 +73,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "166+",
|
||||
},
|
||||
{
|
||||
icon: Tool,
|
||||
label: "Professional Crew",
|
||||
value: "Expert",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Service Area",
|
||||
value: "Willamette",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -151,21 +87,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ icon: CheckCircle, label: "Honest Estimates", value: "Fair" },
|
||||
{ icon: ShieldCheck, label: "Quality Materials", value: "Top" },
|
||||
{ icon: Users, label: "Skilled Crew", value: "Pro" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -177,21 +101,9 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -204,46 +116,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -256,28 +133,13 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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",
|
||||
}}
|
||||
ctaButton={{ text: "Call Now", href: "tel:5033710179" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -285,41 +147,9 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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"
|
||||
@@ -328,4 +158,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user