Compare commits

...

111 Commits

Author SHA1 Message Date
6844ec40c1 Update src/app/page.tsx 2026-04-29 04:04:55 +00:00
2c92e3b0d2 Update src/app/services/page.tsx 2026-04-29 04:00:15 +00:00
3dde39af14 Update src/app/reviews/page.tsx 2026-04-29 04:00:14 +00:00
e279fe5660 Update src/app/page.tsx 2026-04-29 04:00:14 +00:00
eaa45f78ed Update src/app/contact/page.tsx 2026-04-29 04:00:13 +00:00
9eb941a1cf Update src/app/about/page.tsx 2026-04-29 04:00:13 +00:00
6f37908dbe Merge version_56 into main
Merge version_56 into main
2026-04-29 03:56:11 +00:00
662c7319df Update src/app/page.tsx 2026-04-29 03:56:08 +00:00
ef0229e58f Merge version_55 into main
Merge version_55 into main
2026-04-29 03:52:56 +00:00
3e1c4d3dd3 Update src/app/page.tsx 2026-04-29 03:52:49 +00:00
594d47cca7 Merge version_55 into main
Merge version_55 into main
2026-04-28 19:43:04 +00:00
e2bda980f2 Update src/app/services/page.tsx 2026-04-28 19:43:01 +00:00
77b67dd2a0 Merge version_55 into main
Merge version_55 into main
2026-04-28 19:33:43 +00:00
af69438ac2 Update src/app/services/page.tsx 2026-04-28 19:33:39 +00:00
8f77c7e37d Update src/app/reviews/page.tsx 2026-04-28 19:33:39 +00:00
acb75f3543 Update src/app/page.tsx 2026-04-28 19:33:38 +00:00
f9032a4d34 Update src/app/contact/page.tsx 2026-04-28 19:33:37 +00:00
064a7144ce Update src/app/about/page.tsx 2026-04-28 19:33:36 +00:00
30ed2447c3 Merge version_54 into main
Merge version_54 into main
2026-04-28 19:25:52 +00:00
ce8b69e532 Update src/app/page.tsx 2026-04-28 19:25:49 +00:00
8640fa00b3 Merge version_54 into main
Merge version_54 into main
2026-04-28 19:24:39 +00:00
373d695cc8 Update src/app/page.tsx 2026-04-28 19:24:36 +00:00
09400f3f84 Merge version_54 into main
Merge version_54 into main
2026-04-28 19:14:01 +00:00
8d7d18a7d3 Update src/app/services/page.tsx 2026-04-28 19:13:58 +00:00
bfe923b477 Update src/app/reviews/page.tsx 2026-04-28 19:13:57 +00:00
937fcc1175 Update src/app/page.tsx 2026-04-28 19:13:57 +00:00
8ab99d4249 Update src/app/contact/page.tsx 2026-04-28 19:13:56 +00:00
fe9a26c1d9 Update src/app/about/page.tsx 2026-04-28 19:13:56 +00:00
43fef3e7af Merge version_52 into main
Merge version_52 into main
2026-04-28 19:03:02 +00:00
c785bf7fa8 Update src/app/services/page.tsx 2026-04-28 19:02:58 +00:00
0b2ade7f7a Update src/app/reviews/page.tsx 2026-04-28 19:02:58 +00:00
7b702b3a83 Update src/app/page.tsx 2026-04-28 19:02:57 +00:00
75d5dd5ca1 Update src/app/contact/page.tsx 2026-04-28 19:02:56 +00:00
abde74b83e Update src/app/about/page.tsx 2026-04-28 19:02:55 +00:00
8fa5657564 Merge version_51 into main
Merge version_51 into main
2026-04-28 18:42:00 +00:00
d4db4a335c Update src/app/styles/variables.css 2026-04-28 18:41:57 +00:00
9008dd7c47 Update src/app/services/page.tsx 2026-04-28 18:41:56 +00:00
cc5e974031 Update src/app/reviews/page.tsx 2026-04-28 18:41:56 +00:00
95010df9e0 Update src/app/page.tsx 2026-04-28 18:41:55 +00:00
736e401bd5 Update src/app/contact/page.tsx 2026-04-28 18:41:55 +00:00
ad555502ce Update src/app/about/page.tsx 2026-04-28 18:41:54 +00:00
a777759be7 Merge version_50 into main
Merge version_50 into main
2026-04-28 18:37:58 +00:00
b18be4d06d Update src/app/styles/variables.css 2026-04-28 18:37:55 +00:00
b85a37aaa8 Update src/app/page.tsx 2026-04-28 18:37:55 +00:00
93e2e891b9 Merge version_49 into main
Merge version_49 into main
2026-04-28 18:30:00 +00:00
9a821fc3f4 Update src/app/page.tsx 2026-04-28 18:29:54 +00:00
c3a50e7998 Merge version_48 into main
Merge version_48 into main
2026-04-28 18:28:28 +00:00
2d0d6b3823 Update src/app/styles/variables.css 2026-04-28 18:28:24 +00:00
6a3f80851d Update src/app/page.tsx 2026-04-28 18:28:23 +00:00
8b03cbd833 Merge version_47 into main
Merge version_47 into main
2026-04-28 18:27:39 +00:00
44d8cef961 Update theme colors 2026-04-28 18:27:36 +00:00
88ee9a4d5c Merge version_46 into main
Merge version_46 into main
2026-04-28 18:27:20 +00:00
5d446dad05 Update theme colors 2026-04-28 18:27:16 +00:00
ab7f028396 Merge version_45 into main
Merge version_45 into main
2026-04-28 18:26:42 +00:00
7b948cd6a0 Update theme colors 2026-04-28 18:26:39 +00:00
f3a75bd136 Merge version_44 into main
Merge version_44 into main
2026-04-28 18:26:22 +00:00
b0998cc531 Update theme colors 2026-04-28 18:26:19 +00:00
3c91b58519 Merge version_43 into main
Merge version_43 into main
2026-04-28 18:26:11 +00:00
95ae97425e Update theme colors 2026-04-28 18:26:07 +00:00
f912d0325c Merge version_42 into main
Merge version_42 into main
2026-04-28 18:25:37 +00:00
e4e20ad6ee Update theme colors 2026-04-28 18:25:31 +00:00
6e031f3799 Merge version_41 into main
Merge version_41 into main
2026-04-28 18:25:04 +00:00
b3e235d11a Update theme colors 2026-04-28 18:25:01 +00:00
a67303b992 Merge version_40 into main
Merge version_40 into main
2026-04-28 18:24:40 +00:00
fde3d87d74 Update theme colors 2026-04-28 18:24:36 +00:00
fbf8e430a6 Merge version_39 into main
Merge version_39 into main
2026-04-28 18:24:26 +00:00
d9ab0affb6 Update theme colors 2026-04-28 18:24:23 +00:00
43013df3b6 Merge version_38 into main
Merge version_38 into main
2026-04-28 18:24:04 +00:00
488cf6de00 Update theme colors 2026-04-28 18:23:57 +00:00
9be5f0da76 Merge version_37 into main
Merge version_37 into main
2026-04-28 18:19:06 +00:00
b86fd8be53 Update theme colors 2026-04-28 18:19:03 +00:00
c108a042e3 Merge version_36 into main
Merge version_36 into main
2026-04-28 18:17:19 +00:00
a82ad3e9c7 Update src/app/services/page.tsx 2026-04-28 18:17:16 +00:00
782ee4d8db Update src/app/page.tsx 2026-04-28 18:17:15 +00:00
835150437f Merge version_35 into main
Merge version_35 into main
2026-04-28 18:13:51 +00:00
9f952f9da2 Update src/app/services/page.tsx 2026-04-28 18:13:47 +00:00
689c741e98 Update src/app/page.tsx 2026-04-28 18:13:47 +00:00
fa0d7904ff Merge version_34 into main
Merge version_34 into main
2026-04-28 18:11:34 +00:00
af9aac5698 Update src/app/services/page.tsx 2026-04-28 18:11:31 +00:00
057749cf7b Update src/app/page.tsx 2026-04-28 18:11:30 +00:00
17e311bbed Merge version_33 into main
Merge version_33 into main
2026-04-28 18:09:44 +00:00
fc88914e2f Update src/app/services/page.tsx 2026-04-28 18:09:40 +00:00
6dcdd18efb Update src/app/page.tsx 2026-04-28 18:09:39 +00:00
e99905a638 Merge version_33 into main
Merge version_33 into main
2026-04-28 18:09:13 +00:00
0b49bdfbd7 Update src/app/services/page.tsx 2026-04-28 18:09:10 +00:00
fb52711de7 Update src/app/page.tsx 2026-04-28 18:09:09 +00:00
5ae8e1958c Merge version_32 into main
Merge version_32 into main
2026-04-28 18:06:53 +00:00
210c2a706b Update theme colors 2026-04-28 18:06:46 +00:00
0367a57f04 Merge version_31 into main
Merge version_31 into main
2026-04-28 18:05:27 +00:00
2f37ef1753 Update theme colors 2026-04-28 18:05:24 +00:00
b6a0d07a04 Switch to version 30: modified src/app/services/page.tsx 2026-04-28 18:04:20 +00:00
13a2184d6f Switch to version 30: modified src/app/page.tsx 2026-04-28 18:04:19 +00:00
a8863d3140 Merge version_31 into main
Merge version_31 into main
2026-04-28 18:03:33 +00:00
06d43c220f Update src/app/services/page.tsx 2026-04-28 18:03:30 +00:00
627e8361a9 Update src/app/page.tsx 2026-04-28 18:03:29 +00:00
39f07ce51d Merge version_31 into main
Merge version_31 into main
2026-04-28 18:03:03 +00:00
38ed23e4d0 Update src/app/services/page.tsx 2026-04-28 18:02:57 +00:00
ffd65babed Update src/app/page.tsx 2026-04-28 18:02:56 +00:00
b741ace56b Merge version_30 into main
Merge version_30 into main
2026-04-28 18:01:17 +00:00
7529af2d72 Update src/app/page.tsx 2026-04-28 18:01:10 +00:00
a0d42fb279 Merge version_30 into main
Merge version_30 into main
2026-04-28 18:00:44 +00:00
da3c31c703 Update src/app/page.tsx 2026-04-28 18:00:41 +00:00
b4cf4bb35a Merge version_29 into main
Merge version_29 into main
2026-04-28 17:59:18 +00:00
cbbc66d83f Update theme colors 2026-04-28 17:59:12 +00:00
7d89ce99a9 Merge version_28 into main
Merge version_28 into main
2026-04-28 17:58:14 +00:00
c98c59b551 Update theme colors 2026-04-28 17:58:11 +00:00
5c03a5c2d6 Merge version_27 into main
Merge version_27 into main
2026-04-28 17:57:34 +00:00
82b1ecb460 Merge version_26 into main
Merge version_26 into main
2026-04-28 17:57:00 +00:00
6fe57532f9 Merge version_25 into main
Merge version_25 into main
2026-04-28 17:37:54 +00:00
3e129bbc8a Merge version_25 into main
Merge version_25 into main
2026-04-28 17:36:49 +00:00
ed75c4388b Merge version_25 into main
Merge version_25 into main
2026-04-28 17:32:52 +00:00
6 changed files with 138 additions and 259 deletions

View File

@@ -15,27 +15,22 @@ 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>
<div id="nav" data-section="nav">
<NavbarStyleCentered
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.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"
/>
@@ -45,7 +40,7 @@ export default function LandingPage() {
<MediaAbout
useInvertedBackground={false}
title="Commitment to Roofing Excellence"
description="Arch Roofing Systems is built on a foundation of integrity and craftsmanship. We serve Gadsden families with high-quality roofs."
description="Arch Roofing Systems is built on a foundation of integrity and craftsmanship. We serve Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties with high-quality roofs and exterior improvements."
imageSrc="http://img.b2bpic.net/free-photo/men-wearing-varsity-jacket_23-2149562651.jpg"
/>
</div>
@@ -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>
);
}
}

View File

@@ -15,27 +15,22 @@ 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>
<div id="nav" data-section="nav">
<NavbarStyleCentered
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.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,11 +39,10 @@ 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."
description="Ready to upgrade your roof or home exterior? Reach out for a free consultation and professional inspection in Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties today."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394224944-9beay18i.jpg"
buttonText="Schedule Now"
mediaAnimation="slide-up"
@@ -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 serve Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties." },
{ id: "ca2", title: "How long does a project take?", content: "Most projects are completed efficiently depending on scope and scale." },
]}
/>
</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>
);
}
}

View File

@@ -9,7 +9,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star } from "lucide-react";
import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star, Hammer, PaintBucket, Ruler, Home as House } from "lucide-react";
export default function LandingPage() {
return (
@@ -17,18 +17,18 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
contentWidth="medium"
sizing="medium"
background="aurora"
cardStyle="outline"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -44,14 +44,14 @@ export default function LandingPage() {
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-animated" }}
title="Excellence in Every Shingle."
description="Arch Roofing Systems delivers premium residential roofing solutions to Gadsden, Alabama. Trust our experts for high-end replacements and storm damage repairs."
description="Arch Roofing Systems delivers premium residential roofing solutions to Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties. Trust our experts for high-end replacements and storm damage repairs."
buttons={[
{ text: "Get a Free Estimate", href: "/contact" },
{ text: "Schedule a Free Roof Inspection", href: "/contact" },
]}
carouselItems={[
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394274812-pl7r83r5.jpg", imageAlt: "Luxury roof installation Gadsden" },
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-fsgpwi6r.jpg", imageAlt: "Roof replacement project Alabama" },
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777404160932-gszs987d.jpg", imageAlt: "Roof replacement project Alabama" },
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394178981-9kz2lm30.jpg", imageAlt: "Premium roofing detail gold finish" },
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-752efr3h.jpg", imageAlt: "Roofing construction expert site" },
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394178981-vh0jky2e.jpg", imageAlt: "Modern luxury residential roof" },
@@ -63,8 +63,8 @@ export default function LandingPage() {
<div id="about-home" data-section="about-home">
<MediaAbout
useInvertedBackground={false}
title="Etowah and Calhoun countys Trusted Roofing Expert"
description="We specialize in high-end roof replacement and storm damage assistance, ensuring your home remains secure and sophisticated for years to come."
title="Trusted Roofing Expert for Northern Alabama"
description="Proudly serving all of Etowah and Calhoun counties. We ensure your home remains secure and sophisticated for years to come."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg"
imageAlt="Professional roof inspection team"
/>
@@ -77,38 +77,23 @@ 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", imageAlt: "Replacement project"},
items: [
{ icon: CheckCircle, text: "Architectural Shingles" },
{ icon: CheckCircle, text: "Metal Roofing Options" },
{ icon: CheckCircle, text: "Lifetime Warranty" },
],
title: "Roofing & Exteriors", description: "Beyond roofing, we provide complete exterior services to protect and enhance your home's curb appeal.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1", imageAlt: "Roofing and exteriors" },
items: [{ icon: Hammer, text: "Decks & Patios" }, { icon: PaintBucket, text: "Expert Siding Install" }, { icon: Ruler, text: "Gutter Systems" }],
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", 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", 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,
},
]}
title="Comprehensive Roofing Services"
description="From storm damage repair to custom roof replacement, we handle your Gadsden roofing needs with precision and care."
title="Comprehensive Home Services"
description="From storm damage repair to siding, decks, and custom roof replacement, we handle your home improvement needs with precision and care."
/>
</div>
@@ -118,7 +103,7 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Performance in Gadsden"
title="Our Performance in Gadsden and surrounding areas"
description="Numbers that reflect our dedication to roofing excellence and customer satisfaction."
metrics={[
{ id: "m1", value: "200+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
@@ -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>

View File

@@ -15,27 +15,22 @@ 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>
<div id="nav" data-section="nav">
<NavbarStyleCentered
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.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,20 +39,15 @@ export default function LandingPage() {
<div id="reviews-list" data-section="reviews-list">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="Arch Roofing provided an outstanding experience. Our roof replacement was fast, high-quality, and the team handled the insurance seamlessly."
testimonial="Arch Roofing provided an outstanding experience. Our roof and siding project was fast, high-quality, and the team handled the insurance seamlessly."
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"
@@ -70,12 +60,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
title="Client Stories"
description="What our customers are saying about our Gadsden services."
description="What our customers are saying about our Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties 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 on my roof and deck.", 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>
);
}
}

View File

@@ -6,6 +6,8 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import { CheckCircle, Shield, Star, Hammer, PaintBucket, Ruler } from "lucide-react";
export default function LandingPage() {
return (
@@ -15,48 +17,67 @@ 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>
<div id="nav" data-section="nav">
<NavbarStyleCentered
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777393470975-9tzjfyat.png"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.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"
/>
</div>
<div id="services-list" data-section="services-list">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Roofing & Exteriors", description: "Complete roofing, siding, deck installation, and exterior maintenance services for your home.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=2", imageAlt: "Exteriors project" },
items: [{ icon: Hammer, text: "Custom Decks" }, { icon: PaintBucket, text: "Premium Siding" }, { icon: Ruler, text: "Gutter Systems" }],
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" }],
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" }],
reverse: false,
},
]}
title="Comprehensive Home Services"
description="We handle your complete home exterior needs, from roof replacement to siding and deck installations, with precision and care."
/>
</div>
<div id="faq-body" data-section="faq-body">
<FaqSplitMedia
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, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties." },
{ 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"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777405331218-vs5rfkmi.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Have questions about your Gadsden roofing project? We're here to help."
description="Have questions about your project in our service areas? We're here to help."
faqsAnimation="blur-reveal"
/>
</div>
@@ -69,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>
@@ -80,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"
@@ -116,4 +110,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #000000;
--card: #000000;
--foreground: #ffffff;
--primary-cta: #c5a059;
--primary-cta-text: #ffffff;
--secondary-cta: #bfbebe;
--secondary-cta-text: #090909;
--accent: #c5a059;
--background-accent: #000000;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #000000;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #FFFFFF;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);