bender/df253b4e-760d-4993-bce6-2617fd2ae525
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 02:21:30 +00:00
parent 44dc43cd91
commit c823142ecd
1 changed files with 79 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

359
src/app/page.tsx
View File

@@ -32,42 +32,24 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Projects",
id: "projects",
},
name: "Projects", id: "projects"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
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"}}
brandName="JG Landscaping Co."
/>
</div>
@@ -75,45 +57,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Transform Your Outdoors with JG Landscaping"
description="Expert landscaping services for beautiful, functional, and sustainable outdoor spaces. From design to maintenance, we bring your vision to life."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302672.jpg",
imageAlt: "Beautifully designed garden with lush greenery",
},
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302672.jpg", imageAlt: "Beautifully designed garden with lush greenery"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
imageAlt: "Front yard with stone pathway and vibrant flowers",
},
imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg", imageAlt: "Front yard with stone pathway and vibrant flowers"},
{
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg",
imageAlt: "Modern patio with outdoor seating and fire pit",
},
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg", imageAlt: "Modern patio with outdoor seating and fire pit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-red-leaf_181624-28781.jpg",
imageAlt: "Tranquil water feature in a natural garden setting",
},
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-red-leaf_181624-28781.jpg", imageAlt: "Tranquil water feature in a natural garden setting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661434.jpg",
imageAlt: "Commercial building with professionally maintained landscape",
},
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661434.jpg", imageAlt: "Commercial building with professionally maintained landscape"},
{
imageSrc: "http://img.b2bpic.net/free-photo/team-two-activists-doing-voluntary-work-plant-trees-forest_482257-91088.jpg",
imageAlt: "Landscaping crew working on a new planting project",
},
imageSrc: "http://img.b2bpic.net/free-photo/team-two-activists-doing-voluntary-work-plant-trees-forest_482257-91088.jpg", imageAlt: "Landscaping crew working on a new planting project"},
]}
/>
</div>
@@ -123,19 +88,14 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafting Beautiful Landscapes Since 2010",
},
type: "text", content: "Crafting Beautiful Landscapes Since 2010"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7055.jpg", alt: "JG Landscaping team smiling outdoors"},
]}
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
description="JG Landscaping Company has been dedicated to creating stunning outdoor environments in Minneapolis and surrounding areas. Our passion for nature and meticulous craftsmanship ensures every project exceeds expectations, providing lasting beauty and value to your property. We believe in sustainable practices and personalized service to make your dream landscape a reality."
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7055.jpg"
imageAlt="JG Landscaping team smiling outdoors"
/>
</div>
@@ -146,43 +106,23 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "lawn-care",
title: "Lawn Care & Maintenance",
descriptions: [
"Expert mowing, trimming, and edging to keep your lawn pristine.",
"Seasonal fertilization and weed control for a healthy, green turf.",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4661.jpg",
imageAlt: "Perfectly manicured green lawn",
},
id: "lawn-care", title: "Lawn Care & Maintenance", descriptions: [
"Expert mowing, trimming, and edging to keep your lawn pristine.", "Seasonal fertilization and weed control for a healthy, green turf."],
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4661.jpg", imageAlt: "Perfectly manicured green lawn"},
{
id: "garden-design",
title: "Garden Design & Planting",
descriptions: [
"Custom garden designs, from vibrant flower beds to sustainable native plantings.",
"Professional plant selection and installation for lasting beauty.",
],
imageSrc: "http://img.b2bpic.net/free-photo/people-with-wheelbarrow-working-greenhouse_23-2147768529.jpg",
imageAlt: "Colorful garden design with various plants",
},
id: "garden-design", title: "Garden Design & Planting", descriptions: [
"Custom garden designs, from vibrant flower beds to sustainable native plantings.", "Professional plant selection and installation for lasting beauty."],
imageSrc: "http://img.b2bpic.net/free-photo/people-with-wheelbarrow-working-greenhouse_23-2147768529.jpg", imageAlt: "Colorful garden design with various plants"},
{
id: "hardscaping",
title: "Hardscaping & Patios",
descriptions: [
"Design and installation of custom patios, walkways, and retaining walls.",
"Using durable materials to create functional and aesthetically pleasing outdoor spaces.",
],
imageSrc: "http://img.b2bpic.net/free-photo/metal-nature-vintage-arrangement-setting_1203-6277.jpg",
imageAlt: "Elegant stone patio with seating",
},
id: "hardscaping", title: "Hardscaping & Patios", descriptions: [
"Design and installation of custom patios, walkways, and retaining walls.", "Using durable materials to create functional and aesthetically pleasing outdoor spaces."],
imageSrc: "http://img.b2bpic.net/free-photo/metal-nature-vintage-arrangement-setting_1203-6277.jpg", imageAlt: "Elegant stone patio with seating"},
]}
title="Our Comprehensive Landscaping Services"
description="We offer a full spectrum of landscaping solutions tailored to your needs, ensuring a vibrant and healthy outdoor space you'll love."
buttons={[
{
text: "View All Services",
href: "#",
},
text: "View All Services", href: "#"},
]}
/>
</div>
@@ -195,25 +135,15 @@ export default function LandingPage() {
author="Happy Clients (from 9 Reviews)"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",
alt: "Customer Photo 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg", alt: "Customer Photo 1"},
{
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
alt: "Customer Photo 2",
},
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", alt: "Customer Photo 2"},
{
src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg",
alt: "Customer Photo 3",
},
src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg", alt: "Customer Photo 3"},
{
src: "http://img.b2bpic.net/free-photo/confused-pretty-blonde-slavic-woman-standing-with-crossed-arms-olive-green_141793-69815.jpg",
alt: "Customer Photo 4",
},
src: "http://img.b2bpic.net/free-photo/confused-pretty-blonde-slavic-woman-standing-with-crossed-arms-olive-green_141793-69815.jpg", alt: "Customer Photo 4"},
{
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
alt: "Smiling African American girl sitting in cafe",
},
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Smiling African American girl sitting in cafe"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -228,61 +158,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "project-1",
name: "Modern Patio & Firepit",
price: "Custom Project",
variant: "Hardscaping",
imageSrc: "http://img.b2bpic.net/free-photo/cafe-terrace-overlooking-sea-cloudy-weather_169016-29078.jpg",
imageAlt: "Modern patio with fire pit",
},
id: "project-1", name: "Modern Patio & Firepit", price: "Custom Project", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/cafe-terrace-overlooking-sea-cloudy-weather_169016-29078.jpg", imageAlt: "Modern patio with fire pit"},
{
id: "project-2",
name: "Lush Garden Renovation",
price: "Custom Project",
variant: "Garden Design",
imageSrc: "http://img.b2bpic.net/free-photo/close-background-white-leaf-texture-leaves_1417-1005.jpg",
imageAlt: "Renovated lush garden",
},
id: "project-2", name: "Lush Garden Renovation", price: "Custom Project", variant: "Garden Design", imageSrc: "http://img.b2bpic.net/free-photo/close-background-white-leaf-texture-leaves_1417-1005.jpg", imageAlt: "Renovated lush garden"},
{
id: "project-3",
name: "Elegant Walkway & Entrance",
price: "Custom Project",
variant: "Hardscaping",
imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg",
imageAlt: "Elegant stone walkway",
},
id: "project-3", name: "Elegant Walkway & Entrance", price: "Custom Project", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg", imageAlt: "Elegant stone walkway"},
{
id: "project-4",
name: "French Drain Installation",
price: "Custom Project",
variant: "Drainage Solutions",
imageSrc: "http://img.b2bpic.net/free-photo/rocky-beach-great-lake-sunset_627829-11565.jpg",
imageAlt: "French drain in a garden",
},
id: "project-4", name: "French Drain Installation", price: "Custom Project", variant: "Drainage Solutions", imageSrc: "http://img.b2bpic.net/free-photo/rocky-beach-great-lake-sunset_627829-11565.jpg", imageAlt: "French drain in a garden"},
{
id: "project-5",
name: "Sustainable Lawn Design",
price: "Custom Project",
variant: "Lawn Care",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-greenery-countryside_181624-20163.jpg",
imageAlt: "Sustainable drought-tolerant lawn",
},
id: "project-5", name: "Sustainable Lawn Design", price: "Custom Project", variant: "Lawn Care", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-greenery-countryside_181624-20163.jpg", imageAlt: "Sustainable drought-tolerant lawn"},
{
id: "project-6",
name: "Vibrant Seasonal Plantings",
price: "Custom Project",
variant: "Garden Design",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-removing-extra-flower-leaves_23-2148357581.jpg",
imageAlt: "Colorful seasonal flower beds",
},
id: "project-6", name: "Vibrant Seasonal Plantings", price: "Custom Project", variant: "Garden Design", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-removing-extra-flower-leaves_23-2148357581.jpg", imageAlt: "Colorful seasonal flower beds"},
]}
title="Our Recent Landscaping Projects"
description="Explore some of our completed projects that showcase our dedication to quality, innovative design, and attention to detail. See your vision come to life!"
buttons={[
{
text: "View Full Gallery",
href: "#",
},
text: "View Full Gallery", href: "#"},
]}
/>
</div>
@@ -294,58 +186,27 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Value",
name: "Essential Lawn Care",
price: "$99/month",
features: [
"Weekly mowing & trimming",
"Edging & blowing clean-up",
"Basic weed control",
"Seasonal lawn assessment",
],
id: "basic", badge: "Value", name: "Essential Lawn Care", price: "$99/month", features: [
"Weekly mowing & trimming", "Edging & blowing clean-up", "Basic weed control", "Seasonal lawn assessment"],
buttons: [
{
text: "Select Basic Plan",
href: "#contact",
},
text: "Select Basic Plan", href: "#contact"},
],
},
{
id: "standard",
badge: "Popular",
name: "Garden & Seasonal",
price: "$189/month",
features: [
"All Essential Lawn Care features",
"Garden bed maintenance & weeding",
"Seasonal planting & fertilization",
"Shrub pruning & shaping",
],
id: "standard", badge: "Popular", name: "Garden & Seasonal", price: "$189/month", features: [
"All Essential Lawn Care features", "Garden bed maintenance & weeding", "Seasonal planting & fertilization", "Shrub pruning & shaping"],
buttons: [
{
text: "Select Standard Plan",
href: "#contact",
},
text: "Select Standard Plan", href: "#contact"},
],
},
{
id: "premium",
badge: "Best Value",
name: "Premium Landscape",
price: "Custom Quote",
features: [
"All Garden & Seasonal features",
"Advanced pest & disease control",
"Hardscaping & patio maintenance",
"Irrigation system checks & adjustments",
"Priority scheduling",
],
id: "premium", badge: "Best Value", name: "Premium Landscape", price: "Custom Quote", features: [
"All Garden & Seasonal features", "Advanced pest & disease control", "Hardscaping & patio maintenance", "Irrigation system checks & adjustments", "Priority scheduling"],
buttons: [
{
text: "Get Custom Quote",
href: "#contact",
},
text: "Get Custom Quote", href: "#contact"},
],
},
]}
@@ -360,38 +221,21 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What areas do you serve?",
content: "We proudly serve Minneapolis, MN, and the surrounding metropolitan areas. Please contact us to confirm service availability in your specific location.",
},
id: "faq-1", title: "What areas do you serve?", content: "We proudly serve Minneapolis, MN, and the surrounding metropolitan areas. Please contact us to confirm service availability in your specific location."},
{
id: "faq-2",
title: "How do I get a quote for my project?",
content: "You can get a free quote by filling out our contact form, calling us directly at (763) 439-2357, or emailing us. We'll schedule a visit to assess your property and discuss your needs.",
},
id: "faq-2", title: "How do I get a quote for my project?", content: "You can get a free quote by filling out our contact form, calling us directly at (763) 439-2357, or emailing us. We'll schedule a visit to assess your property and discuss your needs."},
{
id: "faq-3",
title: "What types of payment do you accept?",
content: "We accept various payment methods, including major credit cards, bank transfers, and checks. Payment terms will be outlined in your service agreement.",
},
id: "faq-3", title: "What types of payment do you accept?", content: "We accept various payment methods, including major credit cards, bank transfers, and checks. Payment terms will be outlined in your service agreement."},
{
id: "faq-4",
title: "Do you offer one-time services or only contracts?",
content: "We offer both one-time project-based services and ongoing maintenance contracts, depending on your needs. Our team can help you decide which option is best for your property.",
},
id: "faq-4", title: "Do you offer one-time services or only contracts?", content: "We offer both one-time project-based services and ongoing maintenance contracts, depending on your needs. Our team can help you decide which option is best for your property."},
{
id: "faq-5",
title: "Are you insured and licensed?",
content: "Yes, JG Landscaping Company is fully insured and licensed, giving you peace of mind that your property is in professional hands.",
},
id: "faq-5", title: "Are you insured and licensed?", content: "Yes, JG Landscaping Company is fully insured and licensed, giving you peace of mind that your property is in professional hands."},
]}
title="Common Questions About Landscaping"
description="Find answers to frequently asked questions about our services, process, and pricing. If you don't find what you're looking for, feel free to contact us directly!"
buttons={[
{
text: "Still Have Questions?",
href: "#contact",
},
text: "Still Have Questions?", href: "#contact"},
]}
faqsAnimation="slide-up"
/>
@@ -404,41 +248,21 @@ export default function LandingPage() {
description="Ready to transform your outdoor space? Contact us today for a personalized consultation and a free estimate. Let's create the landscape of your dreams!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: false,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: false,
},
]}
multiSelect={{
name: "service_interest",
label: "Service of Interest",
options: [
"Lawn Care & Maintenance",
"Garden Design & Planting",
"Hardscaping & Patios",
"Drainage Solutions",
"Tree & Shrub Care",
"Seasonal Clean-up",
"Other",
],
name: "service_interest", label: "Service of Interest", options: [
"Lawn Care & Maintenance", "Garden Design & Planting", "Hardscaping & Patios", "Drainage Solutions", "Tree & Shrub Care", "Seasonal Clean-up", "Other"],
}}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
rows: 5,
name: "message", placeholder: "Tell us about your project...", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488228.jpg"
@@ -453,62 +277,37 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Lawn Care",
href: "#services",
},
label: "Lawn Care", href: "#services"},
{
label: "Garden Design",
href: "#services",
},
label: "Garden Design", href: "#services"},
{
label: "Hardscaping",
href: "#services",
},
label: "Hardscaping", href: "#services"},
{
label: "Drainage",
href: "#services",
},
label: "Drainage", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Projects",
href: "#projects",
},
label: "Our Projects", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Get a Quote",
href: "#contact",
},
label: "Get a Quote", href: "#contact"},
{
label: "Call Us: (763) 439-2357",
href: "tel:+17634392357",
},
label: "Call Us: (763) 439-2357", href: "tel:+17634392357"},
{
label: "610 N Penn Ave, Minneapolis",
href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere",
},
label: "610 N Penn Ave, Minneapolis", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
],
},
]}