Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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"
|
||||
/>
|
||||
@@ -56,52 +41,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Schedule a Free Roof Inspection",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Get a Free Estimate", href: "/contact" },
|
||||
{ text: "Schedule a Free Roof Inspection", href: "/contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666469.jpg?_wi=1",
|
||||
imageAlt: "Luxury roof installation Gadsden",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=1",
|
||||
imageAlt: "Roof replacement project Alabama",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1",
|
||||
imageAlt: "Premium roofing detail gold finish",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg",
|
||||
imageAlt: "Roofing construction expert site",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
imageAlt: "Modern luxury residential roof",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rooftop_23-2148098547.jpg",
|
||||
imageAlt: "Arch Roofing project showcase",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666469.jpg", imageAlt: "Luxury roof installation Gadsden" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Roof replacement project Alabama" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Premium roofing detail gold finish" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg", imageAlt: "Roofing construction expert site" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg", imageAlt: "Modern luxury residential roof" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/rooftop_23-2148098547.jpg", imageAlt: "Arch Roofing project showcase" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,79 +76,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Full-scale roof replacements using premium materials designed for Alabama weather.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
|
||||
imageAlt: "Replacement project",
|
||||
},
|
||||
title: "Roof Replacement", description: "Full-scale roof replacements using premium materials designed for Alabama weather.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", imageAlt: "Replacement project"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Architectural Shingles",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Metal Roofing Options",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Architectural Shingles" },
|
||||
{ icon: CheckCircle, text: "Metal Roofing Options" },
|
||||
{ icon: CheckCircle, text: "Lifetime Warranty" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666469.jpg?_wi=2",
|
||||
imageAlt: "luxury roof installation Gadsden",
|
||||
},
|
||||
{
|
||||
title: "Storm & Hail Damage",
|
||||
description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",
|
||||
imageAlt: "Storm damage repair",
|
||||
},
|
||||
title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg", imageAlt: "Storm damage repair"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Free Inspection",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Insurance Coordination",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Urgent Response",
|
||||
},
|
||||
{ icon: Shield, text: "Free Inspection" },
|
||||
{ icon: Shield, text: "Insurance Coordination" },
|
||||
{ icon: Shield, text: "Urgent Response" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=2",
|
||||
imageAlt: "luxury roof installation Gadsden",
|
||||
},
|
||||
{
|
||||
title: "Routine Inspection",
|
||||
description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg",
|
||||
imageAlt: "Routine inspection",
|
||||
},
|
||||
title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg", imageAlt: "Routine inspection"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Detailed Reporting",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Preventive Maintenance",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Safety Checks",
|
||||
},
|
||||
{ icon: Star, text: "Detailed Reporting" },
|
||||
{ icon: Star, text: "Preventive Maintenance" },
|
||||
{ icon: Star, text: "Safety Checks" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2",
|
||||
imageAlt: "luxury roof installation Gadsden",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
@@ -212,34 +120,10 @@ export default function LandingPage() {
|
||||
title="Our Performance in Gadsden"
|
||||
description="Numbers that reflect our dedication to roofing excellence and customer satisfaction."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Roofs Completed",
|
||||
description: "Successful projects delivered across Alabama.",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Building trust through precision craftsmanship.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Insured/Bonded",
|
||||
description: "Safety and reliability guaranteed on every site.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Emergency Help",
|
||||
description: "Ready to respond to urgent storm damage.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
|
||||
{ id: "m2", value: "15+", title: "Years Experience", description: "Building trust through precision craftsmanship.", icon: Award },
|
||||
{ id: "m3", value: "100%", title: "Insured/Bonded", description: "Safety and reliability guaranteed on every site.", icon: ShieldCheck },
|
||||
{ id: "m4", value: "24/7", title: "Emergency Help", description: "Ready to respond to urgent storm damage.", icon: Clock },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -253,39 +137,13 @@ 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",
|
||||
],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
href: "/contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-ceramic-roof-tiles-government-building-dijon-burgundy-france_1101-2625.jpg",
|
||||
imageAlt: "Maintenance inspection",
|
||||
},
|
||||
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: "http://img.b2bpic.net/free-photo/traditional-ceramic-roof-tiles-government-building-dijon-burgundy-france_1101-2625.jpg", imageAlt: "Maintenance inspection"},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.jpg",
|
||||
imageAlt: "Full roof project",
|
||||
},
|
||||
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: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666437.jpg", imageAlt: "Full roof project"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -293,53 +151,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"
|
||||
|
||||
Reference in New Issue
Block a user