Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { ShieldCheck } from "lucide-react";
|
||||
import { ShieldCheck, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,61 +33,35 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="J&N Tree Service"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Tree Care for Your Property"
|
||||
description="Professional tree trimming, removal, and maintenance by your local certified arborists at J&N Tree Service. Keeping your property safe and beautiful."
|
||||
tag="Licensed & Insured"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-forest-wardens-measuring-distance_23-2149557266.jpg?_wi=1",
|
||||
imageAlt: "professional tree service arborist climbing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-forest-wardens-measuring-distance_23-2149557266.jpg", imageAlt: "professional tree service arborist climbing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-collecting-wild-berries_23-2148314303.jpg?_wi=1",
|
||||
imageAlt: "tree maintenance residential landscape care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12430.jpg",
|
||||
imageAlt: "Senior man working in the field",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-bearded-male-gardener-shaping-spiral-from-thuja-hedge-by-trimming-outside-side-view_7502-10568.jpg",
|
||||
imageAlt: "Inspired bearded male gardener shaping spiral from thuja hedge by trimming outside side view of",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening_1157-38539.jpg",
|
||||
imageAlt: "Portrait of senior man in a hat gardening",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-collecting-wild-berries_23-2148314303.jpg", imageAlt: "tree maintenance residential landscape care"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -102,7 +76,7 @@ export default function LandingPage() {
|
||||
title="Your Trusted Arborists"
|
||||
description="J&N Tree Service provides top-tier tree care, focusing on safety, precision, and customer satisfaction since 2010."
|
||||
subdescription="We are committed to the health of your trees and the safety of your landscape, using the latest tools and techniques in the industry."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg"
|
||||
icon={ShieldCheck}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,40 +88,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Tree Trimming",
|
||||
description: "Precision pruning to promote healthy growth.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-texture-glamping-label-collection_23-2149327144.jpg",
|
||||
imageAlt: "certified arborist logo icon",
|
||||
},
|
||||
title: "Tree Trimming", description: "Precision pruning to promote healthy growth.", buttonIcon: ArrowRight,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-texture-glamping-label-collection_23-2149327144.jpg", imageAlt: "certified arborist logo icon"},
|
||||
{
|
||||
title: "Hazardous Removal",
|
||||
description: "Safe removal of dangerous or storm-damaged trees.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-forest-wardens-measuring-distance_23-2149557266.jpg?_wi=2",
|
||||
imageAlt: "certified arborist logo icon",
|
||||
},
|
||||
title: "Hazardous Removal", description: "Safe removal of dangerous or storm-damaged trees.", buttonIcon: ArrowRight,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-forest-wardens-measuring-distance_23-2149557266.jpg", imageAlt: "certified arborist logo icon"},
|
||||
{
|
||||
title: "Stump Grinding",
|
||||
description: "Complete stump removal for clean landscapes.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-collecting-wild-berries_23-2148314303.jpg?_wi=2",
|
||||
imageAlt: "certified arborist logo icon",
|
||||
},
|
||||
title: "Stump Grinding", description: "Complete stump removal for clean landscapes.", buttonIcon: ArrowRight,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-collecting-wild-berries_23-2148314303.jpg", imageAlt: "certified arborist logo icon"},
|
||||
{
|
||||
title: "Emergency Care",
|
||||
description: "24/7 support when you need it most.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=2",
|
||||
imageAlt: "certified arborist logo icon",
|
||||
},
|
||||
title: "Emergency Care", description: "24/7 support when you need it most.", buttonIcon: ArrowRight,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg", imageAlt: "certified arborist logo icon"},
|
||||
{
|
||||
title: "Arborist Consulting",
|
||||
description: "Expert advice on tree health and landscape planning.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48583.jpg?_wi=1",
|
||||
imageAlt: "certified arborist logo icon",
|
||||
},
|
||||
title: "Arborist Consulting", description: "Expert advice on tree health and landscape planning.", buttonIcon: ArrowRight,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48583.jpg", imageAlt: "certified arborist logo icon"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive tree solutions for every need."
|
||||
@@ -162,25 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
description: "Trees Safely Removed",
|
||||
},
|
||||
id: "m1", value: "1500+", description: "Trees Safely Removed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "900+",
|
||||
description: "Happy Clients Served",
|
||||
},
|
||||
id: "m2", value: "900+", description: "Happy Clients Served"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m3", value: "12+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "500+",
|
||||
description: "Tree Health Consultations",
|
||||
},
|
||||
id: "m4", value: "500+", description: "Tree Health Consultations"},
|
||||
]}
|
||||
title="Years of Dedication"
|
||||
description="Measurable impact in our community."
|
||||
@@ -194,40 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and very thorough clean up.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48583.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "John Doe", role: "Homeowner", testimonial: "Excellent service and very thorough clean up.", imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48583.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Property Manager",
|
||||
testimonial: "J&N Tree Service are professionals through and through.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3863.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", role: "Property Manager", testimonial: "J&N Tree Service are professionals through and through.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3863.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fast response for emergency removal. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg",
|
||||
},
|
||||
id: "t3", name: "Mike Ross", role: "Homeowner", testimonial: "Fast response for emergency removal. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
role: "Resident",
|
||||
testimonial: "They truly saved our large oak tree.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah Lee", role: "Resident", testimonial: "They truly saved our large oak tree.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Brown",
|
||||
role: "Homeowner",
|
||||
testimonial: "Great attention to detail and safe operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg",
|
||||
},
|
||||
id: "t5", name: "David Brown", role: "Homeowner", testimonial: "Great attention to detail and safe operations.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our community says about us."
|
||||
@@ -240,25 +157,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, we are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "q1", title: "Are you licensed?", content: "Yes, we are fully licensed and insured for your peace of mind."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply contact us through the website or call us directly.",
|
||||
},
|
||||
id: "q2", title: "How do I get a quote?", content: "Simply contact us through the website or call us directly."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you clean up after work?",
|
||||
content: "We leave every site spotless, with all debris removed and chipped.",
|
||||
},
|
||||
id: "q3", title: "Do you clean up after work?", content: "We leave every site spotless, with all debris removed and chipped."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What areas do you serve?",
|
||||
content: "We provide service to the entire metro and surrounding local counties.",
|
||||
},
|
||||
id: "q4", title: "What areas do you serve?", content: "We provide service to the entire metro and surrounding local counties."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our tree service."
|
||||
@@ -271,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"ISA Certified",
|
||||
"Tree Care Safety",
|
||||
"Local Business Association",
|
||||
"Arboriculture Union",
|
||||
"Safety First Green",
|
||||
"Certified Quality",
|
||||
"Trusted Provider",
|
||||
]}
|
||||
"ISA Certified", "Tree Care Safety", "Local Business Association", "Arboriculture Union", "Safety First Green", "Certified Quality", "Trusted Provider"]}
|
||||
title="Certified Professional Standards"
|
||||
description="Our work meets the highest industry safety and care guidelines."
|
||||
/>
|
||||
@@ -288,16 +186,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Need Help?"
|
||||
title="Schedule Your Service Today"
|
||||
description="Our experts are ready to assist with your tree care needs. Contact J&N Tree Service for a professional assessment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,38 +201,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user