Merge version_1 into main #2
209
src/app/page.tsx
209
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Home, Shield } from "lucide-react";
|
||||
import { Home, Shield, Hammer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,92 +32,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Prominence Roofing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+17372276870",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+17372276870"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "Schedule Inspection", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17372276870",
|
||||
},
|
||||
text: "Call Now", href: "tel:+17372276870"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=1"
|
||||
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/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-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/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/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-with-helmet-sitting-roof_23-2149343713.jpg", alt: "Full shot man with helmet sitting on roof"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed",
|
||||
},
|
||||
type: "text", text: "Licensed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Insured",
|
||||
},
|
||||
type: "text", text: "Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Austin Trusted",
|
||||
},
|
||||
type: "text", text: "Austin Trusted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise",
|
||||
},
|
||||
type: "text", text: "Expertise"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable",
|
||||
},
|
||||
type: "text", text: "Reliable"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,19 +95,13 @@ export default function LandingPage() {
|
||||
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: "Licensed & Insured", description: "Full coverage for your peace of mind."},
|
||||
{
|
||||
title: "Local Expertise",
|
||||
description: "Deep understanding of Austin's unique climate.",
|
||||
},
|
||||
title: "Local Expertise", description: "Deep understanding of Austin's unique climate."},
|
||||
{
|
||||
title: "Quality Materials",
|
||||
description: "Using top-tier products for long-lasting results.",
|
||||
},
|
||||
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?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -154,35 +113,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Quick, reliable solutions for leaks and storm damage.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Hammer,
|
||||
title: "Roof Repairs", description: "Quick, reliable solutions for leaks and storm damage.", bentoComponent: {
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg", imageAlt: "residential roof repair service residential"},
|
||||
{
|
||||
title: "Full Installation",
|
||||
description: "Expert roof replacements designed to last.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
title: "Full Installation", description: "Expert roof replacements designed to last.", bentoComponent: {
|
||||
bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=2",
|
||||
imageAlt: "residential roof repair service residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "residential roof repair service residential"},
|
||||
{
|
||||
title: "Inspections",
|
||||
description: "Professional assessments to keep your roof in peak condition.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
title: "Inspections", description: "Professional assessments to keep your roof in peak condition.", bentoComponent: {
|
||||
bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=2",
|
||||
imageAlt: "residential roof repair service residential",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "residential roof repair service residential"},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive roofing solutions to protect your home from the Texas elements."
|
||||
@@ -196,26 +140,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -230,25 +159,15 @@ export default function LandingPage() {
|
||||
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/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/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/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/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/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"
|
||||
@@ -260,20 +179,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -285,20 +195,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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: "Call +1 737-227-6870", href: "tel:+17372276870"},
|
||||
{
|
||||
text: "Visit Office",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Visit Office", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,27 +212,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "800 Brazos St, Austin, TX 78701",
|
||||
},
|
||||
label: "800 Brazos St, Austin, TX 78701"},
|
||||
{
|
||||
label: "Sun-Mon: Closed/9AM-5PM",
|
||||
},
|
||||
label: "Sun-Mon: Closed/9AM-5PM"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+1 737-227-6870",
|
||||
href: "tel:+17372276870",
|
||||
},
|
||||
label: "+1 737-227-6870", href: "tel:+17372276870"},
|
||||
{
|
||||
label: "support@prominence.com",
|
||||
href: "mailto:support@prominence.com",
|
||||
},
|
||||
label: "support@prominence.com", href: "mailto:support@prominence.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user