Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 215127277b | |||
| c99900a7ff |
237
src/app/page.tsx
237
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="True North"
|
||||
/>
|
||||
@@ -60,42 +50,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="True North Landscape Management"
|
||||
description="Professional, quick, and reliable landscaping services in Brampton. We transform your outdoor space with expertise and care."
|
||||
tag="Trusted Brampton Landscapers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=1",
|
||||
imageAlt: "Professional landscaping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=1", imageAlt: "Professional landscaping"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=1",
|
||||
imageAlt: "Lush garden design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=1", imageAlt: "Lush garden design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=1",
|
||||
imageAlt: "Residential maintenance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=1", imageAlt: "Residential maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=1",
|
||||
imageAlt: "Lawn care experts",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=1", imageAlt: "Lawn care experts"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=1",
|
||||
imageAlt: "Backyard transformation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=1", imageAlt: "Backyard transformation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
|
||||
imageAlt: "Patio and stone design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg", imageAlt: "Patio and stone design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,9 +81,7 @@ export default function LandingPage() {
|
||||
title="Professionalism You Can Trust"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (647) 778-5818",
|
||||
href: "tel:6477785818",
|
||||
},
|
||||
text: "Call Now: (647) 778-5818", href: "tel:6477785818"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,23 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Weekly mowing, trimming, and edging to keep your grass pristine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",
|
||||
imageAlt: "Lawn care",
|
||||
},
|
||||
title: "Lawn Maintenance", description: "Weekly mowing, trimming, and edging to keep your grass pristine.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", imageAlt: "Lawn care"},
|
||||
{
|
||||
title: "Hedge & Tree Care",
|
||||
description: "Expert pruning and sculpting for healthy, aesthetic greenery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7748.jpg",
|
||||
imageAlt: "Trimming",
|
||||
},
|
||||
title: "Hedge & Tree Care", description: "Expert pruning and sculpting for healthy, aesthetic greenery.", imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7748.jpg", imageAlt: "Trimming"},
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Custom pathways, gardens, and patio layouts to elevate your property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
title: "Landscape Design", description: "Custom pathways, gardens, and patio layouts to elevate your property.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg", imageAlt: "Design"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="From lawn maintenance to full landscape renovations, we do it all."
|
||||
@@ -150,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mulch Installation",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-shoveling-large-flower-pot_23-2148396893.jpg",
|
||||
},
|
||||
id: "1", name: "Mulch Installation", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-shoveling-large-flower-pot_23-2148396893.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Seasonal Planting",
|
||||
price: "Starting at $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013375.jpg",
|
||||
},
|
||||
id: "2", name: "Seasonal Planting", price: "Starting at $150", imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013375.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fertilization Plan",
|
||||
price: "Customized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-insecticide-can_23-2148233417.jpg",
|
||||
},
|
||||
id: "3", name: "Fertilization Plan", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-insecticide-can_23-2148233417.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stone Paving",
|
||||
price: "Customized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-texture-background_1232-2838.jpg",
|
||||
},
|
||||
id: "4", name: "Stone Paving", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-texture-background_1232-2838.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sod Delivery & Install",
|
||||
price: "Per sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",
|
||||
},
|
||||
id: "5", name: "Sod Delivery & Install", price: "Per sq ft", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Fencing Solutions",
|
||||
price: "Customized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-full-yellow-flowers-trees-old-wooden-fence_181624-16284.jpg",
|
||||
},
|
||||
id: "6", name: "Fencing Solutions", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-full-yellow-flowers-trees-old-wooden-fence_181624-16284.jpg"},
|
||||
]}
|
||||
title="Landscape Solutions"
|
||||
description="Premium materials and services for a thriving landscape."
|
||||
@@ -198,23 +135,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years Experience", value: "10+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m2", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ThumbsUp,
|
||||
title: "Happy Clients",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: ThumbsUp,
|
||||
title: "Happy Clients", value: "100%"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Proven performance for Brampton homeowners."
|
||||
@@ -227,60 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client A",
|
||||
date: "1 week ago",
|
||||
title: "Professional Team",
|
||||
quote: "High-quality work and always done on time.",
|
||||
tag: "Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=2",
|
||||
imageAlt: "happy client garden portrait",
|
||||
},
|
||||
id: "1", name: "Client A", date: "1 week ago", title: "Professional Team", quote: "High-quality work and always done on time.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=2", imageAlt: "happy client garden portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client B",
|
||||
date: "2 weeks ago",
|
||||
title: "Hardworking",
|
||||
quote: "Great service, great team, very hardworking guys.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=2",
|
||||
imageAlt: "happy client garden portrait",
|
||||
},
|
||||
id: "2", name: "Client B", date: "2 weeks ago", title: "Hardworking", quote: "Great service, great team, very hardworking guys.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=2", imageAlt: "happy client garden portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client C",
|
||||
date: "3 weeks ago",
|
||||
title: "Affordable & Quick",
|
||||
quote: "Ultimate guys, cheap as well as quick!",
|
||||
tag: "Great value",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7128.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=2",
|
||||
imageAlt: "happy client garden portrait",
|
||||
},
|
||||
id: "3", name: "Client C", date: "3 weeks ago", title: "Affordable & Quick", quote: "Ultimate guys, cheap as well as quick!", tag: "Great value", avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7128.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=2", imageAlt: "happy client garden portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client D",
|
||||
date: "1 month ago",
|
||||
title: "Top tier",
|
||||
quote: "True North is simply the best in town.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=2",
|
||||
imageAlt: "happy client garden portrait",
|
||||
},
|
||||
id: "4", name: "Client D", date: "1 month ago", title: "Top tier", quote: "True North is simply the best in town.", tag: "Excellent", avatarSrc: "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", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=2", imageAlt: "happy client garden portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client E",
|
||||
date: "2 months ago",
|
||||
title: "Reliable",
|
||||
quote: "They transformed my garden into a paradise.",
|
||||
tag: "Highly rated",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=2",
|
||||
imageAlt: "happy client garden portrait",
|
||||
},
|
||||
id: "5", name: "Client E", date: "2 months ago", title: "Reliable", quote: "They transformed my garden into a paradise.", tag: "Highly rated", avatarSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=2", imageAlt: "happy client garden portrait"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are proud of our 5-star reputation in Brampton."
|
||||
@@ -293,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We are based in Brampton and serve the surrounding neighborhoods.",
|
||||
},
|
||||
id: "faq-1", title: "What areas do you serve?", content: "We are based in Brampton and serve the surrounding neighborhoods."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, contact us today for a free consultation and quote.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer free quotes?", content: "Yes, contact us today for a free consultation and quote."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Are you open on weekends?",
|
||||
content: "We operate 24 hours to accommodate your project needs.",
|
||||
},
|
||||
id: "faq-3", title: "Are you open on weekends?", content: "We operate 24 hours to accommodate your project needs."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Learn more about our landscaping process."
|
||||
@@ -318,11 +192,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Book Your Landscaping Service Today"
|
||||
description="Call us at (647) 778-5818 or submit your details to get a free estimate."
|
||||
description="Call us at (647) 778-5818 or fill out this form below—it's the fastest way to receive your tailored, no-obligation quote today!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -332,37 +205,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Lawn Care", href: "#features"},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Design", href: "#features"},
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Consultation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -373,4 +232,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user