Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Priority Roofing Dallas"
|
||||
/>
|
||||
@@ -55,67 +47,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elite Protection For Dallas Homes."
|
||||
description="Crafting the future of Texas luxury roofing. Precision, trust, and storm-ready resilience for the discerning homeowner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Free Inspection", href: "#contact"},
|
||||
{
|
||||
text: "Explore Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Explore Our Work", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"
|
||||
imageAlt="Luxury Texas Home Roofing System"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13113.jpg",
|
||||
alt: "Customer representative 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13113.jpg", alt: "Customer representative 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg",
|
||||
alt: "Customer representative 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg", alt: "Customer representative 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg",
|
||||
alt: "Customer representative 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg", alt: "Customer representative 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg",
|
||||
alt: "Customer representative 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg", alt: "Customer representative 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15957.jpg",
|
||||
alt: "Customer representative 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15957.jpg", alt: "Customer representative 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Storm-Ready Resilience",
|
||||
},
|
||||
type: "text", text: "Storm-Ready Resilience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Architectural Precision",
|
||||
},
|
||||
type: "text", text: "Architectural Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dallas Certified",
|
||||
},
|
||||
type: "text", text: "Dallas Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
type: "text", text: "Premium Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Elite Craftsmanship"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,19 +94,13 @@ export default function LandingPage() {
|
||||
description="We blend architectural precision with local Texas toughness, ensuring your investment is shielded from the most extreme weather conditions."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "25+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Dallas Homes Served",
|
||||
},
|
||||
value: "5k+", title: "Dallas Homes Served"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Insured & Certified",
|
||||
},
|
||||
value: "100%", title: "Insured & Certified"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg"
|
||||
imageAlt="Premium roofing craftsmanship"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -153,49 +114,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Roofing",
|
||||
description: "Custom roof systems engineered for elite Dallas residential architecture.",
|
||||
icon: Home,
|
||||
title: "Residential Roofing", description: "Custom roof systems engineered for elite Dallas residential architecture.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-modern-building-middle-city-clear-sky_181624-7463.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg?_wi=2",
|
||||
imageAlt: "residential roof structure 3d render",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-modern-building-middle-city-clear-sky_181624-7463.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Commercial Solutions",
|
||||
description: "High-performance systems designed for maximum longevity and energy efficiency.",
|
||||
icon: Building2,
|
||||
title: "Commercial Solutions", description: "High-performance systems designed for maximum longevity and energy efficiency.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg?_wi=2",
|
||||
imageAlt: "residential roof structure 3d render",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Designer Metal Roofing",
|
||||
description: "Architectural grade metal roofing that combines aesthetic elegance with extreme storm resistance.",
|
||||
icon: Zap,
|
||||
title: "Designer Metal Roofing", description: "Architectural grade metal roofing that combines aesthetic elegance with extreme storm resistance.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892917.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892917.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13917.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-background_1048-11658.jpg?_wi=1",
|
||||
imageAlt: "residential roof structure 3d render",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13917.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -211,59 +154,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury Series",
|
||||
name: "Asphalt Architecture",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-background_1048-11658.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Luxury Series", name: "Asphalt Architecture", price: "Custom", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-background_1048-11658.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Copperline",
|
||||
name: "Metal Elegance",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-feather-organic-background_23-2148872781.jpg",
|
||||
},
|
||||
id: "p2", brand: "Copperline", name: "Metal Elegance", price: "Custom", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-feather-organic-background_23-2148872781.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "ShieldGuard",
|
||||
name: "Storm-Ready Elite",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg",
|
||||
},
|
||||
id: "p3", brand: "ShieldGuard", name: "Storm-Ready Elite", price: "Custom", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Elite Series",
|
||||
name: "Modern Slate",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-surface_23-2148796570.jpg",
|
||||
},
|
||||
id: "p4", brand: "Elite Series", name: "Modern Slate", price: "Custom", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-surface_23-2148796570.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Commercial",
|
||||
name: "TPO Performance",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13159.jpg",
|
||||
},
|
||||
id: "p5", brand: "Commercial", name: "TPO Performance", price: "Custom", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13159.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Custom",
|
||||
name: "Bespoke Roofing",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13596.jpg",
|
||||
},
|
||||
id: "p6", brand: "Custom", name: "Bespoke Roofing", price: "Custom", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13596.jpg"},
|
||||
]}
|
||||
title="Featured Roofing Projects"
|
||||
description="A showcase of our architectural standards across Dallas."
|
||||
@@ -277,23 +184,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ShieldCheck,
|
||||
title: "Insured & Licensed",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m1", icon: ShieldCheck,
|
||||
title: "Insured & Licensed", value: "100%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Industry Certifications",
|
||||
value: "12+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Industry Certifications", value: "12+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: MapPin,
|
||||
title: "Local Dallas Expertise",
|
||||
value: "20 yrs",
|
||||
},
|
||||
id: "m3", icon: MapPin,
|
||||
title: "Local Dallas Expertise", value: "20 yrs"},
|
||||
]}
|
||||
title="Why Dallas Trusts Us"
|
||||
description="Unmatched transparency and local expertise in every claim."
|
||||
@@ -306,45 +204,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality",
|
||||
quote: "The entire process was seamless and incredibly professional.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692181.jpg",
|
||||
},
|
||||
id: "1", title: "Exceptional Quality", quote: "The entire process was seamless and incredibly professional.", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692181.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable & Fast",
|
||||
quote: "Priority Roofing handled our commercial claim with unmatched transparency.",
|
||||
name: "Michael Chen",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-with-laptop-outdoors_23-2148847732.jpg",
|
||||
},
|
||||
id: "2", title: "Reliable & Fast", quote: "Priority Roofing handled our commercial claim with unmatched transparency.", name: "Michael Chen", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-with-laptop-outdoors_23-2148847732.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Texas Trusted",
|
||||
quote: "They understand exactly what Dallas homes need to survive storms.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
},
|
||||
id: "3", title: "Texas Trusted", quote: "They understand exactly what Dallas homes need to survive storms.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Luxury Standard",
|
||||
quote: "Highest quality roof replacement I have ever commissioned.",
|
||||
name: "David Kim",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-businessman_23-2148102523.jpg",
|
||||
},
|
||||
id: "4", title: "Luxury Standard", quote: "Highest quality roof replacement I have ever commissioned.", name: "David Kim", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-businessman_23-2148102523.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional, clean, and delivered as promised.",
|
||||
name: "Jessica White",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416410.jpg",
|
||||
},
|
||||
id: "5", title: "Highly Recommend", quote: "Professional, clean, and delivered as promised.", name: "Jessica White", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416410.jpg"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Trust earned through performance, one project at a time."
|
||||
@@ -355,14 +223,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to protect your home? Let's begin the conversation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Consultation", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -373,45 +238,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Residential", href: "#services"},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Commercial", href: "#services"},
|
||||
{
|
||||
label: "Insurance Claims",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Insurance Claims", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Company", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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