Merge version_1 into main #4
129
src/app/page.tsx
129
src/app/page.tsx
@@ -31,58 +31,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Prominence Roofing"
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+17372276870"}}
|
||||
button={{ text: "Call Now", href: "tel:+17372276870" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Prominence Roofing Austin"
|
||||
description="Your trusted partner for residential roofing repair and installation. Serving Austin with excellence, precision, and reliable professional care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Inspection", href: "#contact"},
|
||||
{
|
||||
text: "Call Now", href: "tel:+17372276870"},
|
||||
{ text: "Schedule Inspection", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+17372276870" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", alt: "Full shot man sitting on roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", alt: "Man working on roof front view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", alt: "Man sitting on the roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", alt: "Medium shot man working with protection helmet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", alt: "Full shot man with helmet sitting on roof"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", alt: "Full shot man sitting on roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", alt: "Man working on roof front view" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", alt: "Man sitting on the roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", alt: "Medium shot man working with protection helmet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", alt: "Full shot man with helmet sitting on roof" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Licensed"},
|
||||
{
|
||||
type: "text", text: "Insured"},
|
||||
{
|
||||
type: "text", text: "Austin Trusted"},
|
||||
{
|
||||
type: "text", text: "Expertise"},
|
||||
{
|
||||
type: "text", text: "Reliable"},
|
||||
{ type: "text", text: "Licensed" },
|
||||
{ type: "text", text: "Insured" },
|
||||
{ type: "text", text: "Austin Trusted" },
|
||||
{ type: "text", text: "Expertise" },
|
||||
{ type: "text", text: "Reliable" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,12 +76,9 @@ export default function LandingPage() {
|
||||
title="Professional Roofing Experts"
|
||||
description="Located in the heart of Austin, we provide reliable roofing solutions tailored to your needs. From minor leaks to full roof replacements, Prominence Roofing stands by quality craftsmanship and exceptional service."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured", description: "Full coverage for your peace of mind."},
|
||||
{
|
||||
title: "Local Expertise", description: "Deep understanding of Austin's unique climate."},
|
||||
{
|
||||
title: "Quality Materials", description: "Using top-tier products for long-lasting results."},
|
||||
{ title: "Licensed & Insured", description: "Full coverage for your peace of mind." },
|
||||
{ title: "Local Expertise", description: "Deep understanding of Austin's unique climate." },
|
||||
{ title: "Quality Materials", description: "Using top-tier products for long-lasting results." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -113,14 +92,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs", description: "Quick, reliable solutions for leaks and storm damage.", bentoComponent: "reveal-icon", icon: Hammer,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg", imageAlt: "residential roof repair service residential"},
|
||||
title: "Roof Repairs", description: "Quick, reliable solutions for leaks and storm damage.", bentoComponent: "reveal-icon", icon: Hammer
|
||||
},
|
||||
{
|
||||
title: "Full Installation", description: "Expert roof replacements designed to last.", bentoComponent: "reveal-icon", icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "residential roof repair service residential"},
|
||||
title: "Full Installation", description: "Expert roof replacements designed to last.", bentoComponent: "reveal-icon", icon: Home
|
||||
},
|
||||
{
|
||||
title: "Inspections", description: "Professional assessments to keep your roof in peak condition.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "residential roof repair service residential"},
|
||||
title: "Inspections", description: "Professional assessments to keep your roof in peak condition.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive roofing solutions to protect your home from the Texas elements."
|
||||
@@ -133,12 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "5.0", title: "Rating", description: "Based on 4 verified client reviews.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg"},
|
||||
{
|
||||
id: "m2", value: "100+", title: "Roofs Repaired", description: "Successfully completed local projects.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg"},
|
||||
{
|
||||
id: "m3", value: "24/7", title: "Support", description: "Ready to help with your roofing emergencies.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"},
|
||||
{ id: "m1", value: "5.0", title: "Rating", description: "Based on 4 verified client reviews.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg" },
|
||||
{ id: "m2", value: "100+", title: "Roofs Repaired", description: "Successfully completed local projects.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Ready to help with your roofing emergencies.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
]}
|
||||
title="Austin's Preferred Roofers"
|
||||
description="We are proud of our high service standards and customer satisfaction."
|
||||
@@ -152,16 +128,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Verified Austin Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/think-like-customer-words-group-diverse-people-working-background_53876-139646.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-blonde-call-centre-girl-wearing-headset-sitting-desk-with-work-tools-looking-side-showing-thumbs-up-isolated-pink-wall_141793-113253.jpg", alt: "Client 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/think-like-customer-words-group-diverse-people-working-background_53876-139646.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-young-blonde-call-centre-girl-wearing-headset-sitting-desk-with-work-tools-looking-side-showing-thumbs-up-isolated-pink-wall_141793-113253.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -172,12 +143,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "What are your business hours?", content: "Mon-Tue: 9AM-5PM, Wed-Fri: 9AM-5PM, Sat: 10AM-1PM, Sun: Closed."},
|
||||
{
|
||||
id: "f2", title: "Do you provide emergency repairs?", content: "Yes, we prioritize emergency repairs to keep your home safe."},
|
||||
{
|
||||
id: "f3", title: "How can I schedule a consultation?", content: "Call us at +17372276870 or send a request via our contact page."},
|
||||
{ id: "f1", title: "What are your business hours?", content: "Mon-Tue: 9AM-5PM, Wed-Fri: 9AM-5PM, Sat: 10AM-1PM, Sun: Closed." },
|
||||
{ id: "f2", title: "Do you provide emergency repairs?", content: "Yes, we prioritize emergency repairs to keep your home safe." },
|
||||
{ id: "f3", title: "How can I schedule a consultation?", content: "Call us at +17372276870 or send a request via our contact page." },
|
||||
]}
|
||||
sideTitle="Common Roofing Questions"
|
||||
sideDescription="Find answers to frequently asked questions about our roofing services."
|
||||
@@ -188,16 +156,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Need a Reliable Roof?"
|
||||
description="Visit us at 800 Brazos St, Austin, TX 78701, or call us directly at +17372276870 for professional roofing advice."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call +1 737-227-6870", href: "tel:+17372276870"},
|
||||
{
|
||||
text: "Visit Office", href: "https://maps.google.com"},
|
||||
{ text: "Call +1 737-227-6870", href: "tel:+17372276870" },
|
||||
{ text: "Visit Office", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -207,18 +172,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "800 Brazos St, Austin, TX 78701"},
|
||||
{
|
||||
label: "Sun-Mon: Closed/9AM-5PM"},
|
||||
{ label: "800 Brazos St, Austin, TX 78701" },
|
||||
{ label: "Sun-Mon: Closed/9AM-5PM" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+1 737-227-6870", href: "tel:+17372276870"},
|
||||
{
|
||||
label: "support@prominence.com", href: "mailto:support@prominence.com"},
|
||||
{ label: "+1 737-227-6870", href: "tel:+17372276870" },
|
||||
{ label: "support@prominence.com", href: "mailto:support@prominence.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user