Merge version_2 into main #1
222
src/app/page.tsx
222
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Shield } from "lucide-react";
|
||||
import { Shield, CreditCard } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "about",
|
||||
},
|
||||
name: "Expertise", id: "about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
{
|
||||
name: "Pay with PayPal", id: "payment"}
|
||||
]}
|
||||
brandName="Miami Roof-Tech"
|
||||
/>
|
||||
@@ -56,19 +50,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Superior Roofing Services in Miami"
|
||||
description="Protect your home or business with our expert roofing solutions. We provide durable, high-quality installations and repairs tailored for the South Florida climate."
|
||||
tag="Trusted Miami Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
text: "Pay with PayPal", onClick: () => { window.location.href = "https://www.paypal.com"; }
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg"
|
||||
@@ -76,47 +66,14 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg",
|
||||
alt: "Builder building the roof of the house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg", alt: "Builder building the roof of the house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
|
||||
alt: "Long shot men working on roof together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
alt: "Long shot men working together on roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
|
||||
alt: "Full shot smiley man working on roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
|
||||
alt: "Medium shot smiley man working on roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", alt: "Long shot men working on roof together"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Miami-Dade Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Consultations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top Rated Service",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "24/7 Emergency Support" },
|
||||
{ type: "text", text: "Miami-Dade Certified" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Roof Installations",
|
||||
description: "Beautiful, long-lasting roofing for your family home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",
|
||||
imageAlt: "roof repair service commercial",
|
||||
},
|
||||
title: "Residential Roof Installations", description: "Beautiful, long-lasting roofing for your family home.", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg", imageAlt: "roof repair service commercial"},
|
||||
{
|
||||
title: "Commercial Roofing Solutions",
|
||||
description: "Durable systems for business properties and offices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg",
|
||||
imageAlt: "flat roof installation service",
|
||||
},
|
||||
title: "Commercial Roofing Solutions", description: "Durable systems for business properties and offices.", imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg", imageAlt: "flat roof installation service"},
|
||||
{
|
||||
title: "Inspection & Repairs",
|
||||
description: "Professional assessments and quick fixes for storm damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
|
||||
imageAlt: "roof maintenance expert check",
|
||||
},
|
||||
title: "Inspection & Repairs", description: "Professional assessments and quick fixes for storm damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "roof maintenance expert check"},
|
||||
]}
|
||||
title="Our Specialized Roofing Services"
|
||||
description="Comprehensive roofing solutions designed to withstand the unique weather challenges of Miami."
|
||||
@@ -169,12 +114,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Coastal Roofing Group",
|
||||
"Miami Building Code Authority",
|
||||
"Elite Quality Supplies",
|
||||
"Florida Construction Safety",
|
||||
"Community Home Partners",
|
||||
]}
|
||||
"Coastal Roofing Group", "Miami Building Code Authority", "Elite Quality Supplies", "Florida Construction Safety"]}
|
||||
title="Trusted Partners & Standards"
|
||||
description="We collaborate with the best materials suppliers and industry organizations in the region."
|
||||
/>
|
||||
@@ -185,46 +125,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "They replaced my roof in two days. Efficient and professional.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-man-having-cup-coffee-outdoors-city_23-2148991134.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional team that handled our office roof perfectly.",
|
||||
name: "Michael B.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-young-businessman-holding-coat-his-shoulder-standing-front-building_23-2147941462.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Top Notch Quality",
|
||||
quote: "Best roofing service in Miami. Truly reliable team.",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37331.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fast & Fair",
|
||||
quote: "They identified my leak quickly and provided a cost-effective repair.",
|
||||
name: "David T.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-couple-looking-each-other_23-2147901229.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellent Service",
|
||||
quote: "Very satisfied with their work on our warehouse project.",
|
||||
name: "Robert K.",
|
||||
role: "Project Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-white-stairs-talking-phone_1153-1147.jpg",
|
||||
},
|
||||
{ id: "1", title: "Great Experience", quote: "They replaced my roof in two days. Efficient and professional.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/older-man-having-cup-coffee-outdoors-city_23-2148991134.jpg" },
|
||||
{ id: "2", title: "Highly Recommend", quote: "Professional team that handled our office roof perfectly.", name: "Michael B.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/smart-young-businessman-holding-coat-his-shoulder-standing-front-building_23-2147941462.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="See why homeowners and businesses across Miami trust our team."
|
||||
@@ -238,33 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essentials",
|
||||
price: "Contact for Quote",
|
||||
subtitle: "Basic repair and maintenance services",
|
||||
features: [
|
||||
"Visual Inspection",
|
||||
"Small Leak Repair",
|
||||
"Gutter Cleaning",
|
||||
"Annual Maintenance Plan",
|
||||
],
|
||||
id: "p1", badge: "Essentials", price: "Contact for Quote", subtitle: "Basic repair and maintenance services", features: ["Visual Inspection", "Small Leak Repair", "Gutter Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Full Roof",
|
||||
price: "Contact for Quote",
|
||||
subtitle: "Complete roof replacement",
|
||||
features: [
|
||||
"Full Tear-off",
|
||||
"Underlayment Install",
|
||||
"High-Quality Tile",
|
||||
"Warranty Included",
|
||||
"City Permit Support",
|
||||
],
|
||||
id: "p2", badge: "Payment Portal", badgeIcon: CreditCard,
|
||||
price: "Securely Pay", subtitle: "Use PayPal to pay for your project", features: ["Secure Transaction", "Instant Receipt", "No Fees"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Clear plans for common projects to help you budget confidently."
|
||||
title="Transparent Pricing & Payments"
|
||||
description="Clear plans for common projects and secure payment options."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -273,21 +157,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Typically, a residential roof replacement in Miami takes 2-4 days, depending on weather and house size.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle permits?",
|
||||
content: "Yes, we manage all necessary permit applications and inspections required by Miami-Dade County.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and carry extensive liability and workers' compensation insurance.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a roof replacement take?", content: "Typically, a residential roof replacement in Miami takes 2-4 days." },
|
||||
{ id: "f2", title: "Do you handle permits?", content: "Yes, we manage all necessary permit applications and inspections." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about your roof? Here are the most common inquiries we receive."
|
||||
@@ -298,9 +169,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Get a Free Inspection"
|
||||
description="Ready to fix your roof? Send us your details and our team will get in touch shortly."
|
||||
tag="Contact Us"
|
||||
@@ -310,39 +179,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Miami Roof-Tech",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Miami Roof-Tech", items: [{ label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Payment", items: [{ label: "PayPal", onClick: () => window.open("https://www.paypal.com", "_blank") }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Miami Roof-Tech. All rights reserved."
|
||||
bottomRightText="Florida Licensed Roofing Specialists"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user