Update src/app/page.tsx
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, CheckCircle, ShieldCheck } from "lucide-react";
|
||||
import { Award, CheckCircle, ShieldCheck, Zap, AlertTriangle, Circle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ray Tree Service"
|
||||
/>
|
||||
@@ -56,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
logoText="Ray Tree Service"
|
||||
description="Professional tree care and removal services to keep your landscape healthy, safe, and beautiful. Expert certified arborists serving the community with care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2285.jpg"
|
||||
imageAlt="Professional arborist trimming trees"
|
||||
@@ -83,19 +70,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Trees Safely Removed",
|
||||
value: "1,500+",
|
||||
},
|
||||
label: "Trees Safely Removed", value: "1,500+"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years Experience", value: "20+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certified Arborists",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Certified Arborists", value: "10+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,28 +88,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Pruning",
|
||||
description: "Keep your trees healthy and growing strong with our professional trimming techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41447.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Expert Pruning", description: "Keep your trees healthy and growing strong with our professional trimming techniques.", imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41447.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Tree Removal",
|
||||
description: "Safe, efficient, and precise removal of hazardous or unwanted trees by expert arborists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22900.jpg",
|
||||
buttonIcon: "ShieldCheck",
|
||||
title: "Tree Removal", description: "Safe, efficient, and precise removal of hazardous or unwanted trees by expert arborists.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22900.jpg", buttonIcon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Stump Grinding",
|
||||
description: "Remove unsightly stumps quickly, reclaiming your yard space for better landscaping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-chainsaw-cuts-tree_169016-1835.jpg",
|
||||
buttonIcon: "Circle",
|
||||
title: "Stump Grinding", description: "Remove unsightly stumps quickly, reclaiming your yard space for better landscaping.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-chainsaw-cuts-tree_169016-1835.jpg", buttonIcon: Circle,
|
||||
},
|
||||
{
|
||||
title: "Storm Cleanup",
|
||||
description: "24/7 emergency response for fallen or dangerous storm-damaged trees and debris.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg",
|
||||
buttonIcon: "AlertTriangle",
|
||||
title: "Storm Cleanup", description: "24/7 emergency response for fallen or dangerous storm-damaged trees and debris.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", buttonIcon: AlertTriangle,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -143,55 +112,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "Contact",
|
||||
period: "for quote",
|
||||
description: "On-site assessment to understand your specific property needs.",
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Services",
|
||||
features: [
|
||||
"Expert evaluation",
|
||||
"Safety assessment",
|
||||
"Customized plan",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "Contact", period: "for quote", description: "On-site assessment to understand your specific property needs.", button: {
|
||||
text: "Request Quote", href: "#contact"},
|
||||
featuresTitle: "Included Services", features: [
|
||||
"Expert evaluation", "Safety assessment", "Customized plan"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Popular",
|
||||
price: "Varies",
|
||||
period: "per service",
|
||||
description: "Comprehensive tree maintenance including pruning and basic removals.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Services",
|
||||
features: [
|
||||
"Expert pruning",
|
||||
"Basic removal",
|
||||
"Debris cleanup",
|
||||
],
|
||||
id: "standard", tag: "Popular", price: "Varies", period: "per service", description: "Comprehensive tree maintenance including pruning and basic removals.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Included Services", features: [
|
||||
"Expert pruning", "Basic removal", "Debris cleanup"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Full Service",
|
||||
price: "Custom",
|
||||
period: "per project",
|
||||
description: "Large-scale tree removal and multi-tree maintenance programs for properties.",
|
||||
button: {
|
||||
text: "Discuss Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Services",
|
||||
features: [
|
||||
"Full removal",
|
||||
"Stump grinding",
|
||||
"Site restoration",
|
||||
],
|
||||
id: "premium", tag: "Full Service", price: "Custom", period: "per project", description: "Large-scale tree removal and multi-tree maintenance programs for properties.", button: {
|
||||
text: "Discuss Plan", href: "#contact"},
|
||||
featuresTitle: "Included Services", features: [
|
||||
"Full removal", "Stump grinding", "Site restoration"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -204,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Homeowners Association",
|
||||
"Local Municipality",
|
||||
"Community Center",
|
||||
"Real Estate Partners",
|
||||
"Retail Plaza",
|
||||
"Industrial Park",
|
||||
"Parks and Rec",
|
||||
]}
|
||||
"Homeowners Association", "Local Municipality", "Community Center", "Real Estate Partners", "Retail Plaza", "Industrial Park", "Parks and Rec"]}
|
||||
title="Trusted by the Community"
|
||||
description="We are proud to partner with local institutions and residents to maintain a beautiful and safe environment."
|
||||
/>
|
||||
@@ -225,45 +154,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Henderson",
|
||||
role: "Property Manager",
|
||||
company: "Housing Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg",
|
||||
},
|
||||
id: "2", name: "James Henderson", role: "Property Manager", company: "Housing Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda Thompson",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
|
||||
},
|
||||
id: "3", name: "Linda Thompson", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Clark",
|
||||
role: "Small Business Owner",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16538.jpg",
|
||||
},
|
||||
id: "4", name: "David Clark", role: "Small Business Owner", company: "Local Business", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16538.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rachel Baker",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lumberjack-woodcutter-standing-by-tree-trunk-woods-holding-chainsaw_342744-251.jpg",
|
||||
},
|
||||
id: "5", name: "Rachel Baker", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lumberjack-woodcutter-standing-by-tree-trunk-woods-holding-chainsaw_342744-251.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our local clients have to say about the professionalism and quality of our work."
|
||||
@@ -275,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, we carry comprehensive general liability and workers' compensation insurance to ensure safety for you and your property.",
|
||||
},
|
||||
id: "q1", title: "Are you fully insured?", content: "Yes, we carry comprehensive general liability and workers' compensation insurance to ensure safety for you and your property."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "When is the best time to prune trees?",
|
||||
content: "Dormant season is typically best for major pruning, though some maintenance can be done year-round.",
|
||||
},
|
||||
id: "q2", title: "When is the best time to prune trees?", content: "Dormant season is typically best for major pruning, though some maintenance can be done year-round."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Absolutely. We are available for emergency storm cleanups, particularly for hazardous or fallen trees that pose a safety risk.",
|
||||
},
|
||||
id: "q3", title: "Do you offer emergency services?", content: "Absolutely. We are available for emergency storm cleanups, particularly for hazardous or fallen trees that pose a safety risk."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to the most common questions regarding our tree care services."
|
||||
@@ -300,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready for a Free Consultation?"
|
||||
description="Reach out today to discuss your tree care needs. We offer free, on-site evaluations for all projects."
|
||||
@@ -315,50 +209,31 @@ export default function LandingPage() {
|
||||
logoText="Ray Tree Service"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Pruning",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Pruning", href: "#features"},
|
||||
{
|
||||
label: "Removal",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Removal", href: "#features"},
|
||||
{
|
||||
label: "Stump Grinding",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Stump Grinding", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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