Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -19,31 +19,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="JM Roofing"
|
||||
/>
|
||||
@@ -52,79 +45,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="The Most Trusted Roofing Authority For Estates & Homes"
|
||||
description="3rd generation family expertise trusted by affluent homeowners for leak emergencies, full replacements, and immaculate whiteglove execution. Often booked weeks ahead."
|
||||
kpis={[
|
||||
{
|
||||
value: "3rd",
|
||||
label: "Generation Experts",
|
||||
},
|
||||
value: "3rd", label: "Generation Experts"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "100%", label: "Satisfaction Rate"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Rapid Response",
|
||||
},
|
||||
value: "24/7", label: "Rapid Response"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim SameDay Roof Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Claim SameDay Roof Inspection", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg",
|
||||
alt: "Roof tiles from a building",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg", alt: "Roof tiles from a building"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg",
|
||||
alt: "Geometrical texture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", alt: "Geometrical texture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
alt: "Wood texture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg", alt: "Wood texture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
|
||||
alt: "Wood pattern detail",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", alt: "Wood pattern detail"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg",
|
||||
alt: "Luxury estate roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg", alt: "Luxury estate roof"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Luxury Estates"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text-icon", text: "Lifetime Warranty", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Lifetime Warranty",
|
||||
icon: ShieldCheck,
|
||||
type: "text", text: "Certified Master Installer"},
|
||||
{
|
||||
type: "text-icon", text: "Elite Safety Rating", icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Master Installer",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Elite Safety Rating",
|
||||
icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "A+ Better Business Rating",
|
||||
},
|
||||
type: "text", text: "A+ Better Business Rating"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,19 +110,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Estate Roof Replacement",
|
||||
description: "High-end materials expertly installed for lasting aesthetic appeal.",
|
||||
},
|
||||
title: "Estate Roof Replacement", description: "High-end materials expertly installed for lasting aesthetic appeal."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Leak Emergency Response",
|
||||
description: "Same-day assessment and rapid stabilization for urgent leaks.",
|
||||
},
|
||||
title: "Leak Emergency Response", description: "Same-day assessment and rapid stabilization for urgent leaks."},
|
||||
{
|
||||
icon: FileText,
|
||||
title: "Insurance Claims Handling",
|
||||
description: "We professionally manage the paperwork so you don't have to.",
|
||||
},
|
||||
title: "Insurance Claims Handling", description: "We professionally manage the paperwork so you don't have to."},
|
||||
]}
|
||||
title="Comprehensive Roofing Authority"
|
||||
description="Expert solutions designed for estate-level maintenance and rapid emergency intervention."
|
||||
@@ -172,23 +130,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Excellence",
|
||||
value: "60+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years of Excellence", value: "60+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Home,
|
||||
title: "Estates Serviced",
|
||||
value: "1500+",
|
||||
},
|
||||
id: "m2", icon: Home,
|
||||
title: "Estates Serviced", value: "1500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Response Time",
|
||||
value: "24hrs",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Response Time", value: "24hrs"},
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="The trusted choice for affluent homeowners across Southern California."
|
||||
@@ -201,45 +150,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Professionalism",
|
||||
quote: "The most seamless roof replacement I have ever experienced. True craftsmanship.",
|
||||
name: "James Henderson",
|
||||
role: "Estate Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
|
||||
},
|
||||
id: "t1", title: "Professionalism", quote: "The most seamless roof replacement I have ever experienced. True craftsmanship.", name: "James Henderson", role: "Estate Owner", imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Reliability",
|
||||
quote: "JM Roofing arrived same-day for our leak emergency and saved our interior.",
|
||||
name: "Sarah Chen",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg",
|
||||
},
|
||||
id: "t2", title: "Reliability", quote: "JM Roofing arrived same-day for our leak emergency and saved our interior.", name: "Sarah Chen", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Quality",
|
||||
quote: "Immaculate work on our tile roof. Attention to detail is simply unmatched.",
|
||||
name: "Michael Reed",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-balcony_23-2149085472.jpg",
|
||||
},
|
||||
id: "t3", title: "Quality", quote: "Immaculate work on our tile roof. Attention to detail is simply unmatched.", name: "Michael Reed", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-balcony_23-2149085472.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Expertise",
|
||||
quote: "White-glove service from start to finish. Highly recommended for any estate.",
|
||||
name: "Linda Martinez",
|
||||
role: "Estate Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-father-holding-baby-carrier_23-2150167104.jpg",
|
||||
},
|
||||
id: "t4", title: "Expertise", quote: "White-glove service from start to finish. Highly recommended for any estate.", name: "Linda Martinez", role: "Estate Owner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-father-holding-baby-carrier_23-2150167104.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Experience",
|
||||
quote: "Clear, honest communication and flawless execution. A top-tier team.",
|
||||
name: "David Thompson",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
|
||||
},
|
||||
id: "t5", title: "Experience", quote: "Clear, honest communication and flawless execution. A top-tier team.", name: "David Thompson", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why estate owners trust JM Roofing for their most valuable investments."
|
||||
@@ -252,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency leak repairs?",
|
||||
content: "Yes, we provide same-day assessments for active leaks.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency leak repairs?", content: "Yes, we provide same-day assessments for active leaks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you manage insurance claims?",
|
||||
content: "Absolutely. We document everything to streamline your claim.",
|
||||
},
|
||||
id: "f2", title: "Can you manage insurance claims?", content: "Absolutely. We document everything to streamline your claim."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What roofing materials do you specialize in?",
|
||||
content: "We handle all premium residential materials, from custom tile to slate.",
|
||||
},
|
||||
id: "f3", title: "What roofing materials do you specialize in?", content: "We handle all premium residential materials, from custom tile to slate."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-male-t-shirt-cap-pointing-side-while-holding-house-model-looking-merry_176474-16411.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -279,14 +189,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to experience the JM Roofing difference? Book your same-day inspection today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (800) 555-ROOF",
|
||||
href: "tel:8005557663",
|
||||
},
|
||||
text: "Call (800) 555-ROOF", href: "tel:8005557663"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -296,42 +203,27 @@ export default function LandingPage() {
|
||||
logoText="JM Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Expertise",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Our Expertise", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roof Replacement",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Roof Replacement", href: "#features"},
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Emergency Repair", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "SameDay Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "SameDay Inspection", href: "#contact"},
|
||||
{
|
||||
label: "Service Areas",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service Areas", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user