Update src/app/page.tsx
This commit is contained in:
297
src/app/page.tsx
297
src/app/page.tsx
@@ -28,22 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="MATTHEW ROOFING"
|
||||
/>
|
||||
@@ -51,103 +40,43 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Chicago’s Most Trusted Roofing Experts"
|
||||
description="Premium roofing solutions built to last decades — not years."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=10",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=11",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=12",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get Free Inspection", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#services" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mature-couple-stand-each-other-look-directly-camera-have-satisfied-expressions_273609-45998.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2987.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-mature-couple-stand-each-other-look-directly-camera-have-satisfied-expressions_273609-45998.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2987.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Chicago Homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Energy Star Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "10-Year Workmanship Warranty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Chicago Family-Owned",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "24/7 Emergency Support" },
|
||||
{ type: "text", text: "Energy Star Certified" },
|
||||
{ type: "text", text: "10-Year Workmanship Warranty" },
|
||||
{ type: "text", text: "Local Chicago Family-Owned" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,15 +85,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built Above the Standard",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/team-architects-building-site_23-2147702471.jpg",
|
||||
alt: "Craftsmanship",
|
||||
},
|
||||
{ type: "text", content: "Built Above the Standard" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/team-architects-building-site_23-2147702471.jpg", alt: "Craftsmanship" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,46 +97,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Repair",
|
||||
title: "Roof Repair",
|
||||
items: [
|
||||
"Leak detection",
|
||||
"Storm damage restoration",
|
||||
"Aging material updates",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Install",
|
||||
title: "New Installation",
|
||||
items: [
|
||||
"Energy-efficient roofing",
|
||||
"Modern architectural styles",
|
||||
"Durable systems",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Flat",
|
||||
title: "Flat Roofing",
|
||||
items: [
|
||||
"Multi-unit specialists",
|
||||
"Industrial flat roof systems",
|
||||
"Waterproofing solutions",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "Inspect",
|
||||
title: "Inspections",
|
||||
items: [
|
||||
"Preventative checks",
|
||||
"Insurance documentation",
|
||||
"Detailed assessments",
|
||||
],
|
||||
},
|
||||
{ id: "s1", label: "Repair", title: "Roof Repair", items: ["Leak detection", "Storm damage restoration", "Aging material updates"] },
|
||||
{ id: "s2", label: "Install", title: "New Installation", items: ["Energy-efficient roofing", "Modern architectural styles", "Durable systems"] },
|
||||
{ id: "s3", label: "Flat", title: "Flat Roofing", items: ["Multi-unit specialists", "Industrial flat roof systems", "Waterproofing solutions"] },
|
||||
{ id: "s4", label: "Inspect", title: "Inspections", items: ["Preventative checks", "Insurance documentation", "Detailed assessments"] }
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive roofing solutions designed for the Chicago climate."
|
||||
@@ -228,46 +114,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Lincoln Park",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Property Manager",
|
||||
company: "West Loop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Logan Square",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-couple-stand-each-other-look-directly-camera-have-satisfied-expressions_273609-45998.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Humboldt Park",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer L.",
|
||||
role: "Homeowner",
|
||||
company: "Chicago",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2987.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Lincoln Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Property Manager", company: "West Loop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Logan Square", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-couple-stand-each-other-look-directly-camera-have-satisfied-expressions_273609-45998.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Homeowner", company: "Humboldt Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "5", name: "Jennifer L.", role: "Homeowner", company: "Chicago", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2987.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of homeowners across Chicago."
|
||||
@@ -280,31 +131,11 @@ export default function LandingPage() {
|
||||
title="Protect Your Investment"
|
||||
description="Schedule a professional, free roofing inspection today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Property Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "address", type: "text", placeholder: "Property Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your roofing needs...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your roofing needs...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -312,41 +143,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "/services/repair",
|
||||
},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "/services/install",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "/careers" }] },
|
||||
{ title: "Services", items: [{ label: "Roof Repair", href: "/services/repair" }, { label: "Installations", href: "/services/install" }] },
|
||||
{ title: "Contact", items: [{ label: "Contact Us", href: "/contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Matthew Roofing. Built Above the Standard."
|
||||
bottomRightText="Chicago-Based Roofing Specialists"
|
||||
|
||||
Reference in New Issue
Block a user