Merge version_1 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Utah Best Roofing"
|
||||
/>
|
||||
@@ -60,42 +50,27 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Utah's Most Trusted Roof Replacement & Repair"
|
||||
description="Fast quotes. Expert crews. Zero stress. Serving Orem & all of Utah."
|
||||
tag="⭐⭐⭐⭐⭐ 5-Star Rated on Google"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get My Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:801-555-0123",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:801-555-0123"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cliffside-modern-home-with-infinity-pool-sunset_23-2152008238.jpg",
|
||||
imageAlt: "Luxury home Utah mountains",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cliffside-modern-home-with-infinity-pool-sunset_23-2152008238.jpg", imageAlt: "Luxury home Utah mountains"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg",
|
||||
imageAlt: "Roofing crew project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg", imageAlt: "Roofing crew project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-wall_1127-2041.jpg",
|
||||
imageAlt: "High-end shingle detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-wall_1127-2041.jpg", imageAlt: "High-end shingle detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912513.jpg",
|
||||
imageAlt: "Luxury home view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912513.jpg", imageAlt: "Luxury home view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg",
|
||||
imageAlt: "Evening roofing installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg", imageAlt: "Evening roofing installation"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Star}
|
||||
@@ -123,21 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Hidden Fees",
|
||||
"No Unanswered Calls",
|
||||
"No Pressure Consults",
|
||||
"No Subpar Materials",
|
||||
"No Scheduling Delays",
|
||||
],
|
||||
"No Hidden Fees", "No Unanswered Calls", "No Pressure Consults", "No Subpar Materials", "No Scheduling Delays"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fast Estimates",
|
||||
"Licensed & Insured",
|
||||
"Same-Day Inspections",
|
||||
"Quality Materials",
|
||||
"Dedicated Support",
|
||||
],
|
||||
"Fast Estimates", "Licensed & Insured", "Same-Day Inspections", "Quality Materials", "Dedicated Support"],
|
||||
}}
|
||||
title="Why Choose Our Service"
|
||||
description="Premium roofing solutions tailored for your residential or commercial project."
|
||||
@@ -146,46 +111,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="roofing-types" data-section="roofing-types">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Full Replacement",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
},
|
||||
id: "p1", name: "Full Replacement", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Storm Repair",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg",
|
||||
},
|
||||
id: "p2", name: "Storm Repair", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Skylights",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-building-roof-house_23-2148748843.jpg",
|
||||
},
|
||||
id: "p3", name: "Skylights", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-building-roof-house_23-2148748843.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Slate Systems",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15339.jpg",
|
||||
},
|
||||
id: "p4", name: "Slate Systems", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15339.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tile Roofing",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-tiles-roof-background_1373-196.jpg",
|
||||
},
|
||||
id: "p5", name: "Tile Roofing", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/red-tiles-roof-background_1373-196.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Copper Details",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-surface-with-bamboo-great-background-wallpaper_181624-23599.jpg",
|
||||
},
|
||||
id: "p6", name: "Copper Details", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-surface-with-bamboo-great-background-wallpaper_181624-23599.jpg"},
|
||||
]}
|
||||
title="Our Roofing Expertise"
|
||||
description="We specialize in all aspects of residential roofing. From storm damage repairs to full replacements."
|
||||
@@ -199,37 +141,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
badge: "Essential",
|
||||
price: "Starting at $4,999",
|
||||
subtitle: "Minor repairs and maintenance.",
|
||||
features: [
|
||||
"Leak detection",
|
||||
"Shingle replacement",
|
||||
"Inspection report",
|
||||
],
|
||||
id: "plan-1", badge: "Essential", price: "Starting at $4,999", subtitle: "Minor repairs and maintenance.", features: [
|
||||
"Leak detection", "Shingle replacement", "Inspection report"],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
badge: "Premium",
|
||||
price: "Custom Quote",
|
||||
subtitle: "Full residential replacement.",
|
||||
features: [
|
||||
"Full tear-off",
|
||||
"Underlayment upgrade",
|
||||
"Extended warranty",
|
||||
],
|
||||
id: "plan-2", badge: "Premium", price: "Custom Quote", subtitle: "Full residential replacement.", features: [
|
||||
"Full tear-off", "Underlayment upgrade", "Extended warranty"],
|
||||
},
|
||||
{
|
||||
id: "plan-3",
|
||||
badge: "Elite",
|
||||
price: "Custom Quote",
|
||||
subtitle: "Luxury and custom installations.",
|
||||
features: [
|
||||
"Designer tiles",
|
||||
"Copper flashing",
|
||||
"Lifetime performance",
|
||||
],
|
||||
id: "plan-3", badge: "Elite", price: "Custom Quote", subtitle: "Luxury and custom installations.", features: [
|
||||
"Designer tiles", "Copper flashing", "Lifetime performance"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Estimation"
|
||||
@@ -244,26 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200+",
|
||||
title: "Roofs Replaced",
|
||||
description: "Successful local projects",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748244.jpg",
|
||||
},
|
||||
id: "m1", value: "1200+", title: "Roofs Replaced", description: "Successful local projects", imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748244.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Based on reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
|
||||
},
|
||||
id: "m2", value: "98%", title: "Customer Satisfaction", description: "Based on reviews", imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Response Time",
|
||||
description: "Lightning fast service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg",
|
||||
},
|
||||
id: "m3", value: "24h", title: "Response Time", description: "Lightning fast service", imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg"},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Reliable numbers you can trust from local industry leaders."
|
||||
@@ -277,40 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_utah",
|
||||
testimonial: "Exceptional service from start to finish. Highly recommend Utah Best Roofing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarah_utah", testimonial: "Exceptional service from start to finish. Highly recommend Utah Best Roofing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Very professional and fast. My new roof looks incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", handle: "@mark_d", testimonial: "Very professional and fast. My new roof looks incredible.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "They were on-time and very transparent. Elite craft indeed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg",
|
||||
},
|
||||
id: "t3", name: "Jessica L.", handle: "@jessl", testimonial: "They were on-time and very transparent. Elite craft indeed.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David R.",
|
||||
handle: "@davidr",
|
||||
testimonial: "Utah Best Roofing completely exceeded my expectations. 5 stars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
|
||||
},
|
||||
id: "t4", name: "David R.", handle: "@davidr", testimonial: "Utah Best Roofing completely exceeded my expectations. 5 stars.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily K.",
|
||||
handle: "@emk",
|
||||
testimonial: "Same-day inspection saved me so much time. Thank you!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily K.", handle: "@emk", testimonial: "Same-day inspection saved me so much time. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Join hundreds of happy families in the Utah area."
|
||||
@@ -321,14 +202,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to protect your home? Book your free inspection today with Utah's elite contractor."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get My Free Quote", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -338,42 +216,27 @@ export default function LandingPage() {
|
||||
logoText="Utah Best Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user