Update src/app/page.tsx
This commit is contained in:
262
src/app/page.tsx
262
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Star } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
@@ -33,25 +34,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenScapes"
|
||||
/>
|
||||
@@ -60,19 +51,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="GreenScapes Landscaping"
|
||||
description="Professional landscaping and lawn care for residential and commercial properties. We transform outdoor spaces into beautiful retreats."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg"
|
||||
imageAlt="Landscaped Garden"
|
||||
@@ -87,17 +73,11 @@ export default function LandingPage() {
|
||||
description="With over 15 years of experience, our team is dedicated to providing top-tier landscaping services, emphasizing sustainability and aesthetic beauty."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "500+", title: "Projects Completed"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "98%", title: "Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-working-field_329181-16487.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -113,23 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Mowing",
|
||||
description: "Professional cutting and edging for a pristine lawn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg",
|
||||
imageAlt: "Lawn Care",
|
||||
},
|
||||
title: "Lawn Mowing", description: "Professional cutting and edging for a pristine lawn.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg", imageAlt: "Lawn Care"},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Beautiful stone patios, paths, and retaining walls.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702199.jpg",
|
||||
imageAlt: "Hardscaping",
|
||||
},
|
||||
title: "Hardscaping", description: "Beautiful stone patios, paths, and retaining walls.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702199.jpg", imageAlt: "Hardscaping"},
|
||||
{
|
||||
title: "Garden Maintenance",
|
||||
description: "Seasonal planting and flowerbed care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-woman-gardener-uniform-wearing-gardening-hat-gloves-holding-flower-flowerpot-with-spade-isolated-orange_141793-87309.jpg",
|
||||
imageAlt: "Gardening",
|
||||
},
|
||||
title: "Garden Maintenance", description: "Seasonal planting and flowerbed care.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-woman-gardener-uniform-wearing-gardening-hat-gloves-holding-flower-flowerpot-with-spade-isolated-orange_141793-87309.jpg", imageAlt: "Gardening"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive garden care solutions tailored to your unique landscape needs."
|
||||
@@ -142,49 +110,21 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
tag="5 Star Rated"
|
||||
tagIcon={Star}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Decorative Stones",
|
||||
price: "$45.00",
|
||||
variant: "Large Bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13739.jpg",
|
||||
},
|
||||
id: "1", name: "Decorative Stones", price: "$45.00", variant: "Large Bag", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13739.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Mulch",
|
||||
price: "$12.00",
|
||||
variant: "Organic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060725.jpg",
|
||||
},
|
||||
id: "2", name: "Premium Mulch", price: "$12.00", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060725.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garden Tool Set",
|
||||
price: "$89.00",
|
||||
variant: "Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060671.jpg",
|
||||
},
|
||||
id: "3", name: "Garden Tool Set", price: "$89.00", variant: "Steel", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060671.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Path Lights",
|
||||
price: "$25.00",
|
||||
variant: "Solar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outside-view-restaurant-cottage-night-time_140725-8844.jpg",
|
||||
},
|
||||
id: "4", name: "Path Lights", price: "$25.00", variant: "Solar", imageSrc: "http://img.b2bpic.net/free-photo/outside-view-restaurant-cottage-night-time_140725-8844.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Potted Fern",
|
||||
price: "$35.00",
|
||||
variant: "Indoor/Outdoor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-holds-vase-flowers-closeup_169016-36810.jpg",
|
||||
},
|
||||
id: "5", name: "Potted Fern", price: "$35.00", variant: "Indoor/Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/man-apron-holds-vase-flowers-closeup_169016-36810.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Organic Weed Control",
|
||||
price: "$18.00",
|
||||
variant: "1L Spray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg",
|
||||
},
|
||||
id: "6", name: "Organic Weed Control", price: "$18.00", variant: "1L Spray", imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg"},
|
||||
]}
|
||||
title="Landscaping Essentials"
|
||||
description="Quality products to maintain your garden ecosystem."
|
||||
@@ -198,52 +138,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Basic",
|
||||
price: "$150",
|
||||
period: "/mo",
|
||||
description: "Essential lawn and weeding service.",
|
||||
button: {
|
||||
text: "Choose Basic",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Bi-weekly mowing",
|
||||
"Edging",
|
||||
"Weed treatment",
|
||||
],
|
||||
id: "basic", tag: "Basic", price: "$150", period: "/mo", description: "Essential lawn and weeding service.", button: {
|
||||
text: "Choose Basic"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Bi-weekly mowing", "Edging", "Weed treatment"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Standard",
|
||||
price: "$300",
|
||||
period: "/mo",
|
||||
description: "Comprehensive landscape care.",
|
||||
button: {
|
||||
text: "Choose Standard",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Weekly mowing",
|
||||
"Fertilizer",
|
||||
"Flower care",
|
||||
],
|
||||
id: "standard", tag: "Standard", price: "$300", period: "/mo", description: "Comprehensive landscape care.", button: {
|
||||
text: "Choose Standard"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Weekly mowing", "Fertilizer", "Flower care"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Premium",
|
||||
price: "$500",
|
||||
period: "/mo",
|
||||
description: "Full estate management.",
|
||||
button: {
|
||||
text: "Choose Premium",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Everything standard",
|
||||
"Hardscape cleaning",
|
||||
"Seasonal prep",
|
||||
],
|
||||
id: "premium", tag: "Premium", price: "$500", period: "/mo", description: "Full estate management.", button: {
|
||||
text: "Choose Premium"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Everything standard", "Hardscape cleaning", "Seasonal prep"],
|
||||
},
|
||||
]}
|
||||
title="Maintenance Plans"
|
||||
@@ -259,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Emergency Support"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Expert Staff Members",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Expert Staff Members"},
|
||||
]}
|
||||
title="Growth by the Numbers"
|
||||
description="Proud to be trusted by our community."
|
||||
@@ -286,45 +187,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "Excellent service and very reliable team. My lawn looks amazing!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", handle: "@alicej", testimonial: "Excellent service and very reliable team. My lawn looks amazing!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30890.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mstevens",
|
||||
testimonial: "They transformed our backyard with a beautiful stone path.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Stevens", handle: "@mstevens", testimonial: "They transformed our backyard with a beautiful stone path.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahmill",
|
||||
testimonial: "Very professional and always on time. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-her-girlfriend-s-hand-sitting-outdoor_23-2147891197.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", handle: "@sarahmill", testimonial: "Very professional and always on time. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-her-girlfriend-s-hand-sitting-outdoor_23-2147891197.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Clark",
|
||||
handle: "@davidc",
|
||||
testimonial: "Great attention to detail in every aspect of the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg",
|
||||
},
|
||||
id: "4", name: "David Clark", handle: "@davidc", testimonial: "Great attention to detail in every aspect of the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenar",
|
||||
testimonial: "The garden maintenance team is truly fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-reading-newspaper-with-his-wife-cutting-fruits-outdoor-garden_23-2147923039.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Rodriguez", handle: "@elenar", testimonial: "The garden maintenance team is truly fantastic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-reading-newspaper-with-his-wife-cutting-fruits-outdoor-garden_23-2147923039.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
@@ -338,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide 24/7 support for urgent landscaping needs.",
|
||||
},
|
||||
id: "q1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 support for urgent landscaping needs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your products organic?",
|
||||
content: "We prioritize organic, eco-friendly fertilizers and pesticides.",
|
||||
},
|
||||
id: "q2", title: "Are your products organic?", content: "We prioritize organic, eco-friendly fertilizers and pesticides."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I schedule a quote?",
|
||||
content: "You can contact us via our website form or call our office directly.",
|
||||
},
|
||||
id: "q3", title: "How do I schedule a quote?", content: "You can contact us via our website form or call our office directly."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequently asked questions about our services."
|
||||
@@ -363,14 +230,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to revitalize your garden? Let's connect and discuss your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@greenscapes.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@greenscapes.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -381,29 +245,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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