Merge version_51 into main #72
@@ -15,10 +15,10 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="outline"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -26,16 +26,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Arch Roofing Systems"
|
||||
/>
|
||||
@@ -59,10 +54,8 @@ export default function LandingPage() {
|
||||
title="Meet Our Team"
|
||||
description="The experts behind Arch Roofing Systems."
|
||||
members={[
|
||||
{
|
||||
id: "tm1", name: "John Doe", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg"},
|
||||
{
|
||||
id: "tm2", name: "Sarah Smith", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"},
|
||||
{ id: "tm1", name: "John Doe", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg" },
|
||||
{ id: "tm2", name: "Sarah Smith", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -70,34 +63,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roof Replacement", href: "/services"},
|
||||
{
|
||||
label: "Inspections", href: "/services"},
|
||||
{
|
||||
label: "Storm Damage", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get Quote", href: "/contact"},
|
||||
{
|
||||
label: "Support", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
|
||||
bottomRightText="Lic. #123456"
|
||||
@@ -106,4 +74,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -15,10 +15,10 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="outline"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -26,16 +26,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Arch Roofing Systems"
|
||||
/>
|
||||
@@ -44,8 +39,7 @@ export default function LandingPage() {
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Let's Connect"
|
||||
title="Get Your Free Estimate"
|
||||
description="Ready to upgrade your roof? Reach out for a free consultation and professional inspection in Gadsden today."
|
||||
@@ -63,10 +57,8 @@ export default function LandingPage() {
|
||||
description="Find answers here before scheduling your consultation."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "ca1", title: "What areas do you serve?", content: "We primarily serve the Gadsden, AL area and surrounding communities."},
|
||||
{
|
||||
id: "ca2", title: "How long does a replacement take?", content: "Most residential replacements are completed within 2 to 3 days depending on roof size."},
|
||||
{ id: "ca1", title: "What areas do you serve?", content: "We primarily serve the Gadsden, AL area and surrounding communities." },
|
||||
{ id: "ca2", title: "How long does a replacement take?", content: "Most residential replacements are completed within 2 to 3 days depending on roof size." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,34 +66,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roof Replacement", href: "/services"},
|
||||
{
|
||||
label: "Inspections", href: "/services"},
|
||||
{
|
||||
label: "Storm Damage", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get Quote", href: "/contact"},
|
||||
{
|
||||
label: "Support", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
|
||||
bottomRightText="Lic. #123456"
|
||||
@@ -110,4 +77,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -19,10 +19,10 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -77,33 +77,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement", description: "Full-scale roof replacements using premium materials designed for Alabama weather.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1", imageAlt: "Replacement project"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Architectural Shingles" },
|
||||
{ icon: CheckCircle, text: "Metal Roofing Options" },
|
||||
{ icon: CheckCircle, text: "Lifetime Warranty" },
|
||||
],
|
||||
title: "Roof Replacement", description: "Full-scale roof replacements using premium materials designed for Alabama weather.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1", imageAlt: "Replacement project" },
|
||||
items: [{ icon: CheckCircle, text: "Architectural Shingles" }, { icon: CheckCircle, text: "Metal Roofing Options" }, { icon: CheckCircle, text: "Lifetime Warranty" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=1", imageAlt: "Storm damage repair"},
|
||||
items: [
|
||||
{ icon: Shield, text: "Free Inspection" },
|
||||
{ icon: Shield, text: "Insurance Coordination" },
|
||||
{ icon: Shield, text: "Urgent Response" },
|
||||
],
|
||||
title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=1", imageAlt: "Storm damage repair" },
|
||||
items: [{ icon: Shield, text: "Free Inspection" }, { icon: Shield, text: "Insurance Coordination" }, { icon: Shield, text: "Urgent Response" }],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=1", imageAlt: "Routine inspection"},
|
||||
items: [
|
||||
{ icon: Star, text: "Detailed Reporting" },
|
||||
{ icon: Star, text: "Preventive Maintenance" },
|
||||
{ icon: Star, text: "Safety Checks" },
|
||||
],
|
||||
title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=1", imageAlt: "Routine inspection" },
|
||||
items: [{ icon: Star, text: "Detailed Reporting" }, { icon: Star, text: "Preventive Maintenance" }, { icon: Star, text: "Safety Checks" }],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
@@ -138,13 +123,15 @@ export default function LandingPage() {
|
||||
description="Tailored solutions for your residential property needs."
|
||||
plans={[
|
||||
{
|
||||
id: "p1", title: "Essential Roof Maintenance", price: "$299", period: "/visit", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
|
||||
id: "p1", title: "Essential Roof Maintenance", price: "$299", period: "/visit", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
|
||||
button: { text: "Select Plan", href: "/contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394133019-yzbsb1be.jpg", imageAlt: "Maintenance inspection"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394133019-yzbsb1be.jpg", imageAlt: "Maintenance inspection"
|
||||
},
|
||||
{
|
||||
id: "p2", title: "Full Replacement Project", price: "Custom", period: "/quote", features: ["Premium Materials", "Full Disposal & Cleanup", "Lifetime Warranty"],
|
||||
id: "p2", title: "Full Replacement Project", price: "Custom", period: "/quote", features: ["Premium Materials", "Full Disposal & Cleanup", "Lifetime Warranty"],
|
||||
button: { text: "Get Quote", href: "/contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397720116-lceb06q1.jpg", imageAlt: "Full roof project"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397720116-lceb06q1.jpg", imageAlt: "Full roof project"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -15,10 +15,10 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="outline"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -26,16 +26,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Arch Roofing Systems"
|
||||
/>
|
||||
@@ -48,16 +43,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4417.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-shirt-vest-hat-looking-merry-front-view_176474-30660.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-posing_23-2148610242.jpg", alt: "Robert"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4417.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-shirt-vest-hat-looking-merry-front-view_176474-30660.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-posing_23-2148610242.jpg", alt: "Robert" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -72,10 +62,8 @@ export default function LandingPage() {
|
||||
title="Client Stories"
|
||||
description="What our customers are saying about our Gadsden services."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Mark V.", role: "Homeowner", testimonial: "Incredible service, handled my insurance perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
{
|
||||
id: "t2", name: "Lisa B.", role: "Resident", testimonial: "Fast, clean, and professional work.", imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg"},
|
||||
{ id: "t1", name: "Mark V.", role: "Homeowner", testimonial: "Incredible service, handled my insurance perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
|
||||
{ id: "t2", name: "Lisa B.", role: "Resident", testimonial: "Fast, clean, and professional work.", imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,34 +71,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roof Replacement", href: "/services"},
|
||||
{
|
||||
label: "Inspections", href: "/services"},
|
||||
{
|
||||
label: "Storm Damage", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get Quote", href: "/contact"},
|
||||
{
|
||||
label: "Support", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
|
||||
bottomRightText="Lic. #123456"
|
||||
@@ -119,4 +82,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -17,10 +17,10 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="outline"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -28,16 +28,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Arch Roofing Systems"
|
||||
/>
|
||||
@@ -50,33 +45,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement", description: "Full-scale roof replacements using premium materials designed for Alabama weather.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=2", imageAlt: "Replacement project"},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Architectural Shingles" },
|
||||
{ icon: CheckCircle, text: "Metal Roofing Options" },
|
||||
{ icon: CheckCircle, text: "Lifetime Warranty" },
|
||||
],
|
||||
title: "Roof Replacement", description: "Full-scale roof replacements using premium materials designed for Alabama weather.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=2", imageAlt: "Replacement project" },
|
||||
items: [{ icon: CheckCircle, text: "Architectural Shingles" }, { icon: CheckCircle, text: "Metal Roofing Options" }, { icon: CheckCircle, text: "Lifetime Warranty" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=2", imageAlt: "Storm damage repair"},
|
||||
items: [
|
||||
{ icon: Shield, text: "Free Inspection" },
|
||||
{ icon: Shield, text: "Insurance Coordination" },
|
||||
{ icon: Shield, text: "Urgent Response" },
|
||||
],
|
||||
title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=2", imageAlt: "Storm damage repair" },
|
||||
items: [{ icon: Shield, text: "Free Inspection" }, { icon: Shield, text: "Insurance Coordination" }, { icon: Shield, text: "Urgent Response" }],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=2", imageAlt: "Routine inspection"},
|
||||
items: [
|
||||
{ icon: Star, text: "Detailed Reporting" },
|
||||
{ icon: Star, text: "Preventive Maintenance" },
|
||||
{ icon: Star, text: "Safety Checks" },
|
||||
],
|
||||
title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=2", imageAlt: "Routine inspection" },
|
||||
items: [{ icon: Star, text: "Detailed Reporting" }, { icon: Star, text: "Preventive Maintenance" }, { icon: Star, text: "Safety Checks" }],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
@@ -90,12 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you provide free inspections?", content: "Yes, we offer complimentary, thorough roof inspections throughout Gadsden and surrounding areas."},
|
||||
{
|
||||
id: "q2", title: "How do I start an insurance claim?", content: "Our experts guide you through the process, documenting storm damage and coordinating with insurance providers."},
|
||||
{
|
||||
id: "q3", title: "What roofing types do you install?", content: "We offer architectural shingle, high-end metal roofing, and specialty roofing solutions."},
|
||||
{ id: "q1", title: "Do you provide free inspections?", content: "Yes, we offer complimentary, thorough roof inspections throughout Gadsden and surrounding areas." },
|
||||
{ id: "q2", title: "How do I start an insurance claim?", content: "Our experts guide you through the process, documenting storm damage and coordinating with insurance providers." },
|
||||
{ id: "q3", title: "What roofing types do you install?", content: "We offer architectural shingle, high-end metal roofing, and specialty roofing solutions." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752011.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -113,10 +90,8 @@ export default function LandingPage() {
|
||||
description="Frequently asked questions regarding our service processes."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "sa1", title: "Can you work during the rain?", content: "For safety and quality assurance, we avoid working during heavy rain or storm conditions."},
|
||||
{
|
||||
id: "sa2", title: "Are estimates free?", content: "Yes, we provide 100% free, no-obligation estimates for all residential projects."},
|
||||
{ id: "sa1", title: "Can you work during the rain?", content: "For safety and quality assurance, we avoid working during heavy rain or storm conditions." },
|
||||
{ id: "sa2", title: "Are estimates free?", content: "Yes, we provide 100% free, no-obligation estimates for all residential projects." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,34 +99,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roof Replacement", href: "/services"},
|
||||
{
|
||||
label: "Inspections", href: "/services"},
|
||||
{
|
||||
label: "Storm Damage", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get Quote", href: "/contact"},
|
||||
{
|
||||
label: "Support", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
|
||||
bottomRightText="Lic. #123456"
|
||||
@@ -160,4 +110,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #000000;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #FFFFFF;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user