Merge version_1 into main #1
298
src/app/page.tsx
298
src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Building, HelpCircle, Lightbulb, Phone, ShieldCheck, Sparkles, Star, Tag, Tool, Trophy, Users, Zap } from "lucide-react";
|
||||
import { Award, Building, HelpCircle, Lightbulb, Phone, ShieldCheck, Sparkles, Star, Tag, Trophy, Users, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -34,42 +34,24 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "#quality",
|
||||
},
|
||||
name: "Quality", id: "#quality"},
|
||||
{
|
||||
name: "Clients",
|
||||
id: "#clients",
|
||||
},
|
||||
name: "Clients", id: "#clients"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg"
|
||||
brandName="Miami Roof Tech"
|
||||
/>
|
||||
@@ -78,71 +60,44 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Miami Roofing Experts"
|
||||
description="Miami Roof Tech delivers cutting-edge roofing solutions with unparalleled quality and reliability. Protect your investment with our advanced technology and skilled craftsmanship."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-cheerfully-showing-thumbs-up-green-wall_141793-29344.jpg",
|
||||
alt: "Client avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-cheerfully-showing-thumbs-up-green-wall_141793-29344.jpg", alt: "Client avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
|
||||
alt: "Client avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg", alt: "Client avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg",
|
||||
alt: "Client avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg", alt: "Client avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
alt: "Client avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Client avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-book-close-up_23-2148973429.jpg",
|
||||
alt: "Professional smiling person headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-book-close-up_23-2148973429.jpg", alt: "Professional smiling person headshot"},
|
||||
]}
|
||||
avatarText="Trusted by over 1000+ satisfied clients in Miami!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Roofing",
|
||||
type: "text", text: "Residential Roofing"},
|
||||
{
|
||||
type: "text-icon", text: "Commercial Solutions", icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Commercial Solutions",
|
||||
icon: Building,
|
||||
type: "text", text: "Roof Repair & Maintenance"},
|
||||
{
|
||||
type: "text-icon", text: "Storm Damage Restoration", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Roof Repair & Maintenance",
|
||||
},
|
||||
type: "text", text: "Advanced Technology"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Storm Damage Restoration",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Technology",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Guaranteed",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Quality Guaranteed", icon: Award,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -160,9 +115,7 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More About Us", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg"
|
||||
@@ -177,61 +130,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "residential-roofing",
|
||||
label: "Residential Roofing",
|
||||
title: "Protecting Your Home",
|
||||
items: [
|
||||
"New Roof Installations",
|
||||
"Complete Roof Replacements",
|
||||
"Shingle & Tile Roof Services",
|
||||
"Leak Detection & Repair",
|
||||
],
|
||||
id: "residential-roofing", label: "Residential Roofing", title: "Protecting Your Home", items: [
|
||||
"New Roof Installations", "Complete Roof Replacements", "Shingle & Tile Roof Services", "Leak Detection & Repair"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Residential Details",
|
||||
href: "#",
|
||||
},
|
||||
text: "Residential Details", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "commercial-solutions",
|
||||
label: "Commercial Solutions",
|
||||
title: "Reliability for Businesses",
|
||||
items: [
|
||||
"Flat Roof Systems (TPO, PVC)",
|
||||
"Commercial Roof Maintenance",
|
||||
"Emergency Repair Services",
|
||||
"Large-Scale Re-roofing Projects",
|
||||
],
|
||||
id: "commercial-solutions", label: "Commercial Solutions", title: "Reliability for Businesses", items: [
|
||||
"Flat Roof Systems (TPO, PVC)", "Commercial Roof Maintenance", "Emergency Repair Services", "Large-Scale Re-roofing Projects"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Commercial Details",
|
||||
href: "#",
|
||||
},
|
||||
text: "Commercial Details", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "repair-maintenance",
|
||||
label: "Repair & Maintenance",
|
||||
title: "Extend Your Roof's Life",
|
||||
items: [
|
||||
"Storm Damage Restoration",
|
||||
"Preventative Maintenance Plans",
|
||||
"Gutter & Downspout Services",
|
||||
"Roof Cleaning & Coating",
|
||||
],
|
||||
id: "repair-maintenance", label: "Repair & Maintenance", title: "Extend Your Roof's Life", items: [
|
||||
"Storm Damage Restoration", "Preventative Maintenance Plans", "Gutter & Downspout Services", "Roof Cleaning & Coating"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Repair Solutions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Repair Solutions", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Superior Roofing Services"
|
||||
description="We offer a comprehensive range of roofing services, ensuring your property is protected and looks its best. From new installations to urgent repairs, our certified team handles it all with precision and care."
|
||||
tag="What We Offer"
|
||||
tagIcon={Tool}
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -239,50 +165,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="quality" data-section="quality">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria Garcia",
|
||||
role: "Homeowner",
|
||||
company: "Coral Gables",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg",
|
||||
},
|
||||
id: "1", name: "Maria Garcia", role: "Homeowner", company: "Coral Gables", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Property Manager",
|
||||
company: "Downtown Miami",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-american-beautiful-cafe-african_1303-1341.jpg",
|
||||
},
|
||||
id: "2", name: "David Chen", role: "Property Manager", company: "Downtown Miami", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-american-beautiful-cafe-african_1303-1341.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica Lopez",
|
||||
role: "Business Owner",
|
||||
company: "Brickell",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-showing-ok-signs-looking-happy_176474-17426.jpg",
|
||||
},
|
||||
id: "3", name: "Jessica Lopez", role: "Business Owner", company: "Brickell", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-showing-ok-signs-looking-happy_176474-17426.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Johnson",
|
||||
role: "Retired Couple",
|
||||
company: "South Beach",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-intercultural-friends-walking-together_23-2148300900.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Johnson", role: "Retired Couple", company: "South Beach", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-intercultural-friends-walking-together_23-2148300900.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
role: "New Homeowner",
|
||||
company: "Pinecrest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-her-parents-moving-into-their-new-home_637285-12390.jpg",
|
||||
},
|
||||
id: "5", name: "Emily White", role: "New Homeowner", company: "Pinecrest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-her-parents-moving-into-their-new-home_637285-12390.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say About Us"
|
||||
description="Our commitment to quality and customer satisfaction speaks for itself. Read testimonials from happy homeowners and business owners across Miami."
|
||||
@@ -301,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "2",
|
||||
value: "1200+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "2", value: "1200+", description: "Projects Completed"},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "3", value: "98%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
title="Proven Results You Can Trust"
|
||||
description="Our track record speaks volumes. Miami Roof Tech consistently delivers exceptional results, ensuring peace of mind for all our clients."
|
||||
@@ -330,14 +223,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Residential Clients",
|
||||
"Commercial Developers",
|
||||
"Property Management",
|
||||
"HOA Associations",
|
||||
"Local Businesses",
|
||||
"Government Projects",
|
||||
"Private Residences",
|
||||
]}
|
||||
"Residential Clients", "Commercial Developers", "Property Management", "HOA Associations", "Local Businesses", "Government Projects", "Private Residences"]}
|
||||
title="Trusted by Homeowners & Businesses Alike"
|
||||
description="We are proud to serve a diverse portfolio of clients across the greater Miami area, building strong, lasting relationships through reliable service."
|
||||
tag="Our Community"
|
||||
@@ -354,61 +240,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Starting at $299",
|
||||
name: "Roof Repair Service",
|
||||
buttons: [
|
||||
id: "basic", badge: "Standard", badgeIcon: Sparkles,
|
||||
price: "Starting at $299", name: "Roof Repair Service", buttons: [
|
||||
{
|
||||
text: "Request Repair",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Repair", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Minor Leak Fixes",
|
||||
"Damaged Tile Replacement",
|
||||
"Gutter Adjustments",
|
||||
"Free Inspection Report",
|
||||
],
|
||||
"Minor Leak Fixes", "Damaged Tile Replacement", "Gutter Adjustments", "Free Inspection Report"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Zap,
|
||||
price: "Starting at $8,000",
|
||||
name: "Full Roof Replacement",
|
||||
buttons: [
|
||||
id: "standard", badge: "Best Value", badgeIcon: Zap,
|
||||
price: "Starting at $8,000", name: "Full Roof Replacement", buttons: [
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Complete Tear-off & Installation",
|
||||
"Premium Shingle Options",
|
||||
"Enhanced Leak Protection",
|
||||
"20-Year Material Warranty",
|
||||
],
|
||||
"Complete Tear-off & Installation", "Premium Shingle Options", "Enhanced Leak Protection", "20-Year Material Warranty"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Comprehensive",
|
||||
badgeIcon: ShieldCheck,
|
||||
price: "Custom Quote",
|
||||
name: "New Roof Installation",
|
||||
buttons: [
|
||||
id: "premium", badge: "Comprehensive", badgeIcon: ShieldCheck,
|
||||
price: "Custom Quote", name: "New Roof Installation", buttons: [
|
||||
{
|
||||
text: "Consult an Expert",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Consult an Expert", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Architectural Design Support",
|
||||
"Luxury Tile & Metal Options",
|
||||
"Advanced Ventilation Systems",
|
||||
"Lifetime Workmanship Guarantee",
|
||||
],
|
||||
"Architectural Design Support", "Luxury Tile & Metal Options", "Advanced Ventilation Systems", "Lifetime Workmanship Guarantee"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Roofing Solutions"
|
||||
@@ -426,20 +282,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "A typical residential roof replacement can take anywhere from 1-3 days, depending on the size of your roof, weather conditions, and the complexity of the project. Commercial projects may vary.",
|
||||
},
|
||||
id: "1", title: "How long does a roof replacement take?", content: "A typical residential roof replacement can take anywhere from 1-3 days, depending on the size of your roof, weather conditions, and the complexity of the project. Commercial projects may vary."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, Miami Roof Tech provides complimentary, no-obligation estimates for all potential clients. We'll assess your needs and provide a detailed quote.",
|
||||
},
|
||||
id: "2", title: "Do you offer free estimates?", content: "Yes, Miami Roof Tech provides complimentary, no-obligation estimates for all potential clients. We'll assess your needs and provide a detailed quote."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. Miami Roof Tech is fully licensed, bonded, and insured in the state of Florida. Your peace of mind is our top priority.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content: "Absolutely. Miami Roof Tech is fully licensed, bonded, and insured in the state of Florida. Your peace of mind is our top priority."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg"
|
||||
imageAlt="Roofer explaining a plan to a homeowner"
|
||||
@@ -460,8 +307,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get a Free Quote"
|
||||
title="Transform Your Roof Today!"
|
||||
description="Ready to experience the Miami Roof Tech difference? Contact us now for a free consultation and personalized estimate. Your dream roof is just a click away."
|
||||
@@ -479,13 +325,9 @@ export default function LandingPage() {
|
||||
logoSrc="http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg"
|
||||
logoText="Miami Roof Tech"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user