Compare commits

...

94 Commits

Author SHA1 Message Date
30668c3d4e Update src/app/services/page.tsx 2026-04-29 04:37:30 +00:00
375a112295 Merge version_64 into main
Merge version_64 into main
2026-04-29 04:30:19 +00:00
dfb104ea92 Update src/app/contact/page.tsx 2026-04-29 04:30:16 +00:00
b30b952a52 Merge version_63 into main
Merge version_63 into main
2026-04-29 04:29:43 +00:00
433aa7a5c4 Update src/app/services/page.tsx 2026-04-29 04:29:39 +00:00
45165daaa7 Update src/app/reviews/page.tsx 2026-04-29 04:29:38 +00:00
ed22613152 Update src/app/page.tsx 2026-04-29 04:29:38 +00:00
184b31b7a1 Update src/app/contact/page.tsx 2026-04-29 04:29:37 +00:00
6c1fa6f413 Update src/app/about/page.tsx 2026-04-29 04:29:36 +00:00
9832de1f5f Merge version_62 into main
Merge version_62 into main
2026-04-29 04:20:11 +00:00
e25190618f Update src/app/contact/page.tsx 2026-04-29 04:20:05 +00:00
ba00f60882 Merge version_62 into main
Merge version_62 into main
2026-04-29 04:19:43 +00:00
fa1d3d2dd6 Update src/app/contact/page.tsx 2026-04-29 04:19:40 +00:00
e9c398ed95 Merge version_61 into main
Merge version_61 into main
2026-04-29 04:17:32 +00:00
34cb92a7b2 Update src/app/contact/page.tsx 2026-04-29 04:17:29 +00:00
23f9b06255 Merge version_60 into main
Merge version_60 into main
2026-04-29 04:16:37 +00:00
556074d841 Update src/app/contact/page.tsx 2026-04-29 04:16:34 +00:00
7a84904c65 Merge version_59 into main
Merge version_59 into main
2026-04-29 04:09:42 +00:00
e985fe32e1 Update src/app/page.tsx 2026-04-29 04:09:39 +00:00
70ed9d5a9a Merge version_58 into main
Merge version_58 into main
2026-04-29 04:07:47 +00:00
31fd9c02a9 Update src/app/page.tsx 2026-04-29 04:07:43 +00:00
9ec2e111ff Merge version_57 into main
Merge version_57 into main
2026-04-29 04:05:02 +00:00
6844ec40c1 Update src/app/page.tsx 2026-04-29 04:04:55 +00:00
43c8db46b3 Merge version_57 into main
Merge version_57 into main
2026-04-29 04:00:19 +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
c108a042e3 Merge version_36 into main
Merge version_36 into main
2026-04-28 18:17:19 +00:00
6 changed files with 143 additions and 321 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"

View File

@@ -2,12 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -15,99 +14,54 @@ 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"
navItems={[
{
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="nav" data-section="nav">
<NavbarStyleCentered
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" },
]}
brandName="Arch Roofing Systems"
/>
</div>
<div id="contact-body" data-section="contact-body">
<ContactSplit
useInvertedBackground={false}
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."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394224944-9beay18i.jpg"
buttonText="Schedule Now"
mediaAnimation="slide-up"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
title="Contact Us"
description="Reach out for a free consultation. Our team is ready to assist you with your roofing needs. You can also reach us directly at 256-553-3213 or via email at carston@archroofingsystems.com."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
]}
textarea={{ name: "message", placeholder: "How can we help?", rows: 5, required: true }}
useInvertedBackground={false}
mediaPosition="right"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Ready for your project?"
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."},
]}
/>
</div>
<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"},
],
},
]}
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
bottomRightText="Lic. #123456"
/>
</div>
<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" }] },
]}
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
bottomRightText="Lic. #123456"
/>
</div>
</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 } 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 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 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?_wi=1", 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?_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,
},
]}
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 Etowah and Calhoun Counties"
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: "Free", 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"

View File

@@ -7,7 +7,7 @@ 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 } from "lucide-react";
import { CheckCircle, Shield, Star, Hammer, PaintBucket, Ruler } from "lucide-react";
export default function LandingPage() {
return (
@@ -17,27 +17,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"
/>
@@ -50,38 +45,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?_wi=2", imageAlt: "Replacement project"},
items: [
{ icon: CheckCircle, text: "Architectural Shingles" },
{ icon: CheckCircle, text: "Metal Roofing Options" },
{ icon: CheckCircle, text: "Lifetime Warranty" },
],
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" },
],
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,
},
]}
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="We handle your complete home exterior needs, from roof replacement to siding and deck installations, with precision and care."
/>
</div>
@@ -90,17 +70,14 @@ 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, 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 install shingles, TPO, all metal roofing, tile, and slate." },
]}
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>
@@ -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>
);
}
}

View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #000000;
--card: #ffffff;
--foreground: #ffffff;
--primary-cta: #c5a059;
--primary-cta-text: #ffffff;
--secondary-cta: #bfbebe;
--secondary-cta-text: #000000;
--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);