Merge version_1 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Buffalo Roofing Co."
|
||||
/>
|
||||
@@ -52,43 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Roofing Done Right — The First Time."
|
||||
description="Premium roofing solutions built for durability, protection, and peace of mind."
|
||||
tag="Trusted Professional Roofers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15555555555",
|
||||
},
|
||||
{ text: "Get a Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+15555555555" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg?_wi=1",
|
||||
imageAlt: "Luxury Roofing Construction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
|
||||
imageAlt: "Professional Roofers at Work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-architectural-lighting_84443-74866.jpg",
|
||||
imageAlt: "Modern Building Exterior at Night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248316.jpg",
|
||||
imageAlt: "Futuristic building design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
|
||||
imageAlt: "Long shot men working on roof together",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg", imageAlt: "Luxury Roofing Construction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", imageAlt: "Professional Roofers at Work" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -101,15 +63,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built on Trust. Backed by Craftsmanship.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
alt: "Craftsmanship",
|
||||
},
|
||||
{ type: "text", content: "Built on Trust. Backed by Craftsmanship." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", alt: "Craftsmanship" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,64 +76,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "High-quality installations using durable materials designed to withstand the elements.",
|
||||
icon: Building2,
|
||||
title: "Roof Installation", description: "High-quality installations using durable materials designed to withstand the elements.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber-house_23-2148748854.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg?_wi=2",
|
||||
imageAlt: "durable roof installation new materials",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber-house_23-2148748854.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Fast, reliable fixes that restore safety and extend the life of your roof.",
|
||||
icon: Wrench,
|
||||
title: "Roof Repairs", description: "Fast, reliable fixes that restore safety and extend the life of your roof.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
imageAlt: "durable roof installation new materials",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Roof Inspections",
|
||||
description: "Detailed assessments to catch problems before they become costly.",
|
||||
icon: Search,
|
||||
title: "Roof Inspections", description: "Detailed assessments to catch problems before they become costly.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
|
||||
imageAlt: "durable roof installation new materials",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Preventative care to keep your roof performing at its best year-round.",
|
||||
icon: ShieldCheck,
|
||||
title: "Maintenance", description: "Preventative care to keep your roof performing at its best year-round.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-with-drinks_23-2149745577.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg?_wi=1",
|
||||
imageAlt: "durable roof installation new materials",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-with-drinks_23-2149745577.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
@@ -192,60 +115,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Buffalo Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-with-drinks_23-2149745577.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Buffalo Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Buffalo Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986409.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Buffalo Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215073.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
role: "Homeowner",
|
||||
company: "Buffalo Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-helping-woman-with-papers_23-2147657282.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Buffalo Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-with-drinks_23-2149745577.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Homeowner", company: "Buffalo Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Buffalo Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986409.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Homeowner", company: "Buffalo Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215073.jpg" },
|
||||
{ id: "5", name: "Linda M.", role: "Homeowner", company: "Buffalo Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-helping-woman-with-papers_23-2147657282.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "10+ Yrs",
|
||||
label: "Experience",
|
||||
},
|
||||
{ value: "5.0", label: "Avg Rating" },
|
||||
{ value: "100+", label: "Projects Completed" },
|
||||
{ value: "10+ Yrs", label: "Experience" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by homeowners who value quality and reliability."
|
||||
@@ -258,29 +137,12 @@ export default function LandingPage() {
|
||||
title="Ready to Protect Your Home?"
|
||||
description="Get a free, no-obligation estimate today and experience roofing done right."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your roofing needs",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your roofing needs", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"
|
||||
/>
|
||||
@@ -291,33 +153,16 @@ export default function LandingPage() {
|
||||
logoText="Buffalo Roofing Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
{
|
||||
label: "555-555-5555",
|
||||
href: "tel:+15555555555",
|
||||
},
|
||||
{
|
||||
label: "info@buffaloroofing.co",
|
||||
href: "mailto:info@buffaloroofing.co",
|
||||
},
|
||||
title: "Contact Us", items: [
|
||||
{ label: "555-555-5555", href: "tel:+15555555555" },
|
||||
{ label: "info@buffaloroofing.co", href: "mailto:info@buffaloroofing.co" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 8AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: 9AM-3PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sun: Closed",
|
||||
href: "#",
|
||||
},
|
||||
title: "Hours", items: [
|
||||
{ label: "Mon-Fri: 8AM-6PM", href: "#" },
|
||||
{ label: "Sat: 9AM-3PM", href: "#" },
|
||||
{ label: "Sun: Closed", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user