Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Building, Droplets, Leaf, Star } from "lucide-react";
|
||||
import { Building, Droplets, Leaf, Star, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,96 +31,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="GreenScape"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Transforming Landscapes Into Living Art"
|
||||
description="Professional landscaping services to enhance the beauty, value, and health of your outdoor space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
imageSrc="https://pixabay.com/get/g104e9f0d8f09c7e987c29f1656251253755e21872df032eed794333bdf0781391915fe54290ad6a3481b385ba311ac8ed950dc7c9dacee3bf9dd23cba948133c_1280.jpg"
|
||||
imageAlt="Professionally landscaped backyard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://pixabay.com/get/gdff813e3a70ae01e8d87775ae9d0b178a19fe27d155b2cc91928ea82a22dfead58f977550fdeea3bc7c2e2a5017e510edae1a5948883172f8e5753b9be1ce601_1280.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g89e6ec63cb27016510607c52875d903c7eb57aa7ead41da0af9462d3e2567ea54e0a60a9b993dfeaeba6f16ab7da3dcd221943c3d1825fc6cc9780c74e5636a4_1280.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g4b5b1152e22684b1ad37e6e51510f2b86ff651e039d3b5377f3f0b561f1f3b171ca76d0bd7fb6ce872c32a6192d0a775_1280.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/ge058767add0ca7a0036e233390833c90f3e5492480a4f35fdba415a6b534b41cb694489b31e05312e989162eb0d86adbd3ca6bc47d5f00403b3f9b4694284e5f_1280.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g5c19e032031dfb3c553eb953431daf5336daf64b2aa84eec8edbbcec3767cd6fc8082f10b21f928dafcc3b9b286467400c88f6a53331e9ea8fd2c2d5223a8e03_1280.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "https://pixabay.com/get/gdff813e3a70ae01e8d87775ae9d0b178a19fe27d155b2cc91928ea82a22dfead58f977550fdeea3bc7c2e2a5017e510edae1a5948883172f8e5753b9be1ce601_1280.jpg", alt: "Client 1" },
|
||||
{ src: "https://pixabay.com/get/g89e6ec63cb27016510607c52875d903c7eb57aa7ead41da0af9462d3e2567ea54e0a60a9b993dfeaeba6f16ab7da3dcd221943c3d1825fc6cc9780c74e5636a4_1280.jpg", alt: "Client 2" },
|
||||
{ src: "https://pixabay.com/get/g4b5b1152e22684b1ad37e6e51510f2b86ff651e039d3b5377f3f0b561f1f3b171ca76d0bd7fb6ce872c32a6192d0a775_1280.jpg", alt: "Client 3" },
|
||||
{ src: "https://pixabay.com/get/ge058767add0ca7a0036e233390833c90f3e5492480a4f35fdba415a6b534b41cb694489b31e05312e989162eb0d86adbd3ca6bc47d5f00403b3f9b4694284e5f_1280.jpg", alt: "Client 4" },
|
||||
{ src: "https://pixabay.com/get/g5c19e032031dfb3c553eb953431daf5336daf64b2aa84eec8edbbcec3767cd6fc8082f10b21f928dafcc3b9b286467400c88f6a53331e9ea8fd2c2d5223a8e03_1280.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Design",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Maintenance",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Efficient Irrigation",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hardscape Specialists",
|
||||
icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seasonal Planting",
|
||||
icon: Droplets,
|
||||
},
|
||||
{ type: "text-icon", text: "Sustainable Design", icon: Leaf },
|
||||
{ type: "text-icon", text: "Expert Maintenance", icon: Star },
|
||||
{ type: "text-icon", text: "Efficient Irrigation", icon: Droplets },
|
||||
{ type: "text-icon", text: "Hardscape Specialists", icon: Building },
|
||||
{ type: "text-icon", text: "Seasonal Planting", icon: Droplets },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,18 +76,9 @@ export default function LandingPage() {
|
||||
title="Your Vision, Our Craftsmanship"
|
||||
description="We are a dedicated team of landscape experts committed to excellence. With years of experience, we bring precision and passion to every yard we touch."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Design",
|
||||
description: "Tailored landscape architecture to match your lifestyle.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Care",
|
||||
description: "Eco-friendly practices that protect local soil and ecology.",
|
||||
},
|
||||
{
|
||||
title: "Reliable Service",
|
||||
description: "On-time maintenance with transparent communication.",
|
||||
},
|
||||
{ title: "Expert Design", description: "Tailored landscape architecture to match your lifestyle." },
|
||||
{ title: "Sustainable Care", description: "Eco-friendly practices that protect local soil and ecology." },
|
||||
{ title: "Reliable Service", description: "On-time maintenance with transparent communication." },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g1fc0b97916f857d0d67519447d86210f9a7a396120e7a7ce678003749bd0c78a52bb303ff297f660e8b644fb8baa11da32c566d92b02f253c81a2331e989385d_1280.jpg"
|
||||
imageAlt="Our landscaping team"
|
||||
@@ -156,30 +91,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hardscape Design",
|
||||
description: "Custom patios, walkways, and retaining walls.",
|
||||
imageSrc: "https://pixabay.com/get/g668f3c8c4750b420b51138acbb6a77500b4615072e2b5ba9bee20ab232b9bb659eb471e51cb18fc94aa769500132705ef3fa7dbb97f257aca8fba32b7aa3a833_1280.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Precision mowing, edging, and nutrient programs.",
|
||||
imageSrc: "https://pixabay.com/get/gc509d89480430a520b829602d7ac7f8e29ae7a3896952546e4d1b2f715e730794baaf9a150b984403dfdfd90382ef242f87fd25431b5b26f851e32f86381732b_1280.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Irrigation Systems",
|
||||
description: "Water-efficient systems for a healthy garden.",
|
||||
imageSrc: "https://pixabay.com/get/gd682e58c3080007e5716b80bb8df5507b34b5574f92b006ad8b8b77bd07130486513768912729fded3172b4354246e20549c4ce7b32db1a5be4085c7dbf7d712_1280.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Tree & Shrub Care",
|
||||
description: "Pruning, planting, and overall plant health management.",
|
||||
imageSrc: "https://pixabay.com/get/gb48cb6b5224ac0540cbc6eff2ee5887138c82d104d2a7321db067f2950b6a39f5f0ca54226fc7fa56663d2e873f509a0ae4d3c1fb5fad8026ebd5f9b700709fe_1280.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{ title: "Hardscape Design", description: "Custom patios, walkways, and retaining walls.", imageSrc: "https://pixabay.com/get/g668f3c8c4750b420b51138acbb6a77500b4615072e2b5ba9bee20ab232b9bb659eb471e51cb18fc94aa769500132705ef3fa7dbb97f257aca8fba32b7aa3a833_1280.jpg", buttonIcon: Zap },
|
||||
{ title: "Lawn Care", description: "Precision mowing, edging, and nutrient programs.", imageSrc: "https://pixabay.com/get/gc509d89480430a520b829602d7ac7f8e29ae7a3896952546e4d1b2f715e730794baaf9a150b984403dfdfd90382ef242f87fd25431b5b26f851e32f86381732b_1280.jpg", buttonIcon: Zap },
|
||||
{ title: "Irrigation Systems", description: "Water-efficient systems for a healthy garden.", imageSrc: "https://pixabay.com/get/gd682e58c3080007e5716b80bb8df5507b34b5574f92b006ad8b8b77bd07130486513768912729fded3172b4354246e20549c4ce7b32db1a5be4085c7dbf7d712_1280.jpg", buttonIcon: Zap },
|
||||
{ title: "Tree & Shrub Care", description: "Pruning, planting, and overall plant health management.", imageSrc: "https://pixabay.com/get/gb48cb6b5224ac0540cbc6eff2ee5887138c82d104d2a7321db067f2950b6a39f5f0ca54226fc7fa56663d2e873f509a0ae4d3c1fb5fad8026ebd5f9b700709fe_1280.jpg", buttonIcon: Zap },
|
||||
]}
|
||||
title="Our Landscaping Services"
|
||||
description="From hardscape design to routine maintenance, we handle all your garden needs."
|
||||
@@ -192,27 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
title: "Gardens Transformed",
|
||||
description: "Beautiful spaces created for local homeowners.",
|
||||
imageSrc: "https://pixabay.com/get/g668f3c8c4750b420b51138acbb6a77500b4615072e2b5ba9bee20ab232b9bb659eb471e51cb18fc94aa769500132705ef3fa7dbb97f257aca8fba32b7aa3a833_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Decades of dedicated landscaping service.",
|
||||
imageSrc: "https://pixabay.com/get/gc509d89480430a520b829602d7ac7f8e29ae7a3896952546e4d1b2f715e730794baaf9a150b984403dfdfd90382ef242f87fd25431b5b26f851e32f86381732b_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Our customers are our biggest advocates.",
|
||||
imageSrc: "https://pixabay.com/get/gd682e58c3080007e5716b80bb8df5507b34b5574f92b006ad8b8b77bd07130486513768912729fded3172b4354246e20549c4ce7b32db1a5be4085c7dbf7d712_1280.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", value: "500+", title: "Gardens Transformed", description: "Beautiful spaces created for local homeowners.", imageSrc: "https://pixabay.com/get/g668f3c8c4750b420b51138acbb6a77500b4615072e2b5ba9bee20ab232b9bb659eb471e51cb18fc94aa769500132705ef3fa7dbb97f257aca8fba32b7aa3a833_1280.jpg" },
|
||||
{ id: "2", value: "15+", title: "Years Experience", description: "Decades of dedicated landscaping service.", imageSrc: "https://pixabay.com/get/gc509d89480430a520b829602d7ac7f8e29ae7a3896952546e4d1b2f715e730794baaf9a150b984403dfdfd90382ef242f87fd25431b5b26f851e32f86381732b_1280.jpg" },
|
||||
{ id: "3", value: "98%", title: "Client Satisfaction", description: "Our customers are our biggest advocates.", imageSrc: "https://pixabay.com/get/gd682e58c3080007e5716b80bb8df5507b34b5574f92b006ad8b8b77bd07130486513768912729fded3172b4354246e20549c4ce7b32db1a5be4085c7dbf7d712_1280.jpg" },
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Our work speaks for itself through long-term client satisfaction and garden health."
|
||||
@@ -226,46 +123,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gdff813e3a70ae01e8d87775ae9d0b178a19fe27d155b2cc91928ea82a22dfead58f977550fdeea3bc7c2e2a5017e510edae1a5948883172f8e5753b9be1ce601_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Property Manager",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g89e6ec63cb27016510607c52875d903c7eb57aa7ead41da0af9462d3e2567ea54e0a60a9b993dfeaeba6f16ab7da3dcd221943c3d1825fc6cc9780c74e5636a4_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g4b5b1152e22684b1ad37e6e51510f2b86ff651e039d3b5377f3f0b561f1f3b171ca76d0bd7fb6ce872c32a6192d0a775_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert K.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/ge058767add0ca7a0036e233390833c90f3e5492480a4f35fdba415a6b534b41cb694489b31e05312e989162eb0d86adbd3ca6bc47d5f00403b3f9b4694284e5f_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
role: "Gardening Enthusiast",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g5c19e032031dfb3c553eb953431daf5336daf64b2aa84eec8edbbcec3767cd6fc8082f10b21f928dafcc3b9b286467400c88f6a53331e9ea8fd2c2d5223a8e03_1280.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "https://pixabay.com/get/gdff813e3a70ae01e8d87775ae9d0b178a19fe27d155b2cc91928ea82a22dfead58f977550fdeea3bc7c2e2a5017e510edae1a5948883172f8e5753b9be1ce601_1280.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Property Manager", company: "Local Area", rating: 5, imageSrc: "https://pixabay.com/get/g89e6ec63cb27016510607c52875d903c7eb57aa7ead41da0af9462d3e2567ea54e0a60a9b993dfeaeba6f16ab7da3dcd221943c3d1825fc6cc9780c74e5636a4_1280.jpg" },
|
||||
{ id: "3", name: "Elena P.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "https://pixabay.com/get/g4b5b1152e22684b1ad37e6e51510f2b86ff651e039d3b5377f3f0b561f1f3b171ca76d0bd7fb6ce872c32a6192d0a775_1280.jpg" },
|
||||
{ id: "4", name: "Robert K.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "https://pixabay.com/get/ge058767add0ca7a0036e233390833c90f3e5492480a4f35fdba415a6b534b41cb694489b31e05312e989162eb0d86adbd3ca6bc47d5f00403b3f9b4694284e5f_1280.jpg" },
|
||||
{ id: "5", name: "Linda M.", role: "Gardening Enthusiast", company: "Local Area", rating: 5, imageSrc: "https://pixabay.com/get/g5c19e032031dfb3c553eb953431daf5336daf64b2aa84eec8edbbcec3767cd6fc8082f10b21f928dafcc3b9b286467400c88f6a53331e9ea8fd2c2d5223a8e03_1280.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—read reviews from local homeowners."
|
||||
@@ -277,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide complimentary consultations and estimates for all new projects.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How often do you provide maintenance?",
|
||||
content: "Our maintenance plans are customized to your yard's unique needs, usually ranging from weekly to bi-weekly visits.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your materials eco-friendly?",
|
||||
content: "We prioritize organic fertilizers, water-efficient systems, and native plants whenever possible.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer free estimates?", content: "Yes, we provide complimentary consultations and estimates for all new projects." },
|
||||
{ id: "2", title: "How often do you provide maintenance?", content: "Our maintenance plans are customized to your yard's unique needs, usually ranging from weekly to bi-weekly visits." },
|
||||
{ id: "3", title: "Are your materials eco-friendly?", content: "We prioritize organic fertilizers, water-efficient systems, and native plants whenever possible." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our landscape process? Find answers here."
|
||||
@@ -302,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Book a Consultation"
|
||||
title="Ready to Transform Your Yard?"
|
||||
description="Send us a message and we'll get started on your landscape design."
|
||||
@@ -317,37 +165,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user