Compare commits
80 Commits
version_37
...
version_61
| Author | SHA1 | Date | |
|---|---|---|---|
| 34cb92a7b2 | |||
| 23f9b06255 | |||
| 556074d841 | |||
| 7a84904c65 | |||
| e985fe32e1 | |||
| 70ed9d5a9a | |||
| 31fd9c02a9 | |||
| 9ec2e111ff | |||
| 6844ec40c1 | |||
| 43c8db46b3 | |||
| 2c92e3b0d2 | |||
| 3dde39af14 | |||
| e279fe5660 | |||
| eaa45f78ed | |||
| 9eb941a1cf | |||
| 6f37908dbe | |||
| 662c7319df | |||
| ef0229e58f | |||
| 3e1c4d3dd3 | |||
| 594d47cca7 | |||
| e2bda980f2 | |||
| 77b67dd2a0 | |||
| af69438ac2 | |||
| 8f77c7e37d | |||
| acb75f3543 | |||
| f9032a4d34 | |||
| 064a7144ce | |||
| 30ed2447c3 | |||
| ce8b69e532 | |||
| 8640fa00b3 | |||
| 373d695cc8 | |||
| 09400f3f84 | |||
| 8d7d18a7d3 | |||
| bfe923b477 | |||
| 937fcc1175 | |||
| 8ab99d4249 | |||
| fe9a26c1d9 | |||
| 43fef3e7af | |||
| c785bf7fa8 | |||
| 0b2ade7f7a | |||
| 7b702b3a83 | |||
| 75d5dd5ca1 | |||
| abde74b83e | |||
| 8fa5657564 | |||
| d4db4a335c | |||
| 9008dd7c47 | |||
| cc5e974031 | |||
| 95010df9e0 | |||
| 736e401bd5 | |||
| ad555502ce | |||
| a777759be7 | |||
| b18be4d06d | |||
| b85a37aaa8 | |||
| 93e2e891b9 | |||
| 9a821fc3f4 | |||
| c3a50e7998 | |||
| 2d0d6b3823 | |||
| 6a3f80851d | |||
| 8b03cbd833 | |||
| 44d8cef961 | |||
| 88ee9a4d5c | |||
| 5d446dad05 | |||
| ab7f028396 | |||
| 7b948cd6a0 | |||
| f3a75bd136 | |||
| b0998cc531 | |||
| 3c91b58519 | |||
| 95ae97425e | |||
| f912d0325c | |||
| e4e20ad6ee | |||
| 6e031f3799 | |||
| b3e235d11a | |||
| a67303b992 | |||
| fde3d87d74 | |||
| fbf8e430a6 | |||
| d9ab0affb6 | |||
| 43013df3b6 | |||
| 488cf6de00 | |||
| 9be5f0da76 | |||
| c108a042e3 |
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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? Please provide your contact details, phone number, and any additional project information below for a free consultation and professional inspection in 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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 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 county’s 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>
|
||||
@@ -163,4 +150,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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 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>
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user