Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -33,30 +33,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Arts Landscaping"
|
||||
/>
|
||||
@@ -64,22 +46,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
logoText="Arts Landscaping"
|
||||
description="Professional maintenance and design services for your outdoor paradise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg"
|
||||
imageAlt="luxury garden landscaping design"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,7 +67,7 @@ export default function LandingPage() {
|
||||
description="We specialize in complete lawn and landscape solutions for your home."
|
||||
subdescription="Our team is committed to perfection, detail, and seasonal care."
|
||||
icon={Leaf}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-experienced-gardeners-discussing-methods-planting-flowers_74855-16476.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-experienced-gardeners-discussing-methods-planting-flowers_74855-16476.jpg"
|
||||
imageAlt="landscape professional working in garden"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,46 +80,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Mowing",
|
||||
description: "Professional edging and cutting.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",
|
||||
imageAlt: "lawn mowing service lawn care",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-slavic-gardener-uniform-hat-standing-profile-view-holding-pruners-spade-isolated-olive-green-wall_141793-59451.jpg",
|
||||
imageAlt: "lawn mowing service lawn care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service lawn care",
|
||||
title: "Lawn Mowing", description: "Professional edging and cutting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg", imageAlt: "lawn mowing service lawn care" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-slavic-gardener-uniform-hat-standing-profile-view-holding-pruners-spade-isolated-olive-green-wall_141793-59451.jpg", imageAlt: "lawn mowing service lawn care" }
|
||||
},
|
||||
{
|
||||
title: "Planting & Care",
|
||||
description: "Seasonal flower planting and care.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-gothicstyle-fence-overgrown-with-evergreen-bushes-idea-background-screen-travel-time-holidays-popular-places-dodecanese-archipelago-greece_166373-3790.jpg",
|
||||
imageAlt: "garden planting flowers spring",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gardening_23-2148128678.jpg",
|
||||
imageAlt: "garden planting flowers spring",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-experienced-gardeners-discussing-methods-planting-flowers_74855-16476.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service lawn care",
|
||||
title: "Planting & Care", description: "Seasonal flower planting and care.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/details-gothicstyle-fence-overgrown-with-evergreen-bushes-idea-background-screen-travel-time-holidays-popular-places-dodecanese-archipelago-greece_166373-3790.jpg", imageAlt: "garden planting flowers spring" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gardening_23-2148128678.jpg", imageAlt: "garden planting flowers spring" }
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Beautiful stone walkways and patios.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg",
|
||||
imageAlt: "hardscape patio construction garden",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg",
|
||||
imageAlt: "hardscape patio construction garden",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-coconut-spathe-husk-fiber_53876-30190.jpg?_wi=1",
|
||||
imageAlt: "lawn mowing service lawn care",
|
||||
title: "Hardscaping", description: "Beautiful stone walkways and patios.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg", imageAlt: "hardscape patio construction garden" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg", imageAlt: "hardscape patio construction garden" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -161,54 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Mulch",
|
||||
price: "$50/yard",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-coconut-spathe-husk-fiber_53876-30190.jpg?_wi=2",
|
||||
imageAlt: "fresh mulch garden bed",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Garden Stone",
|
||||
price: "$120/pallet",
|
||||
variant: "Natural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg",
|
||||
imageAlt: "decorative stone garden path",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Growth Fertilizer",
|
||||
price: "$30/bag",
|
||||
variant: "Organic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-caucasian-female-gardener-wearing-gardening-hat-holding-watering-can-sniffing-flowers-flowerpot-isolated-orange-wall-with-copy-space_141793-117900.jpg",
|
||||
imageAlt: "premium fertilizer bag gardening",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Stone Edging",
|
||||
price: "$15/foot",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grass-sprout-with-ground-small-shovel-work-garden_127675-2667.jpg",
|
||||
imageAlt: "garden edging landscape stone",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seasonal Flowers",
|
||||
price: "$5/plant",
|
||||
variant: "Spring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-beautiful-flowers-garden_23-2148058951.jpg",
|
||||
imageAlt: "seasonal flowers potted plants",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lawn Aeration",
|
||||
price: "$80/session",
|
||||
variant: "Full Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg",
|
||||
imageAlt: "lawn care aeration service",
|
||||
},
|
||||
{ id: "p1", name: "Premium Mulch", price: "$50/yard", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/pile-coconut-spathe-husk-fiber_53876-30190.jpg", imageAlt: "fresh mulch garden bed" },
|
||||
{ id: "p2", name: "Garden Stone", price: "$120/pallet", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg", imageAlt: "decorative stone garden path" },
|
||||
{ id: "p3", name: "Growth Fertilizer", price: "$30/bag", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-caucasian-female-gardener-wearing-gardening-hat-holding-watering-can-sniffing-flowers-flowerpot-isolated-orange-wall-with-copy-space_141793-117900.jpg", imageAlt: "premium fertilizer bag gardening" },
|
||||
{ id: "p4", name: "Stone Edging", price: "$15/foot", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/grass-sprout-with-ground-small-shovel-work-garden_127675-2667.jpg", imageAlt: "garden edging landscape stone" },
|
||||
{ id: "p5", name: "Seasonal Flowers", price: "$5/plant", variant: "Spring", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-beautiful-flowers-garden_23-2148058951.jpg", imageAlt: "seasonal flowers potted plants" },
|
||||
{ id: "p6", name: "Lawn Aeration", price: "$80/session", variant: "Full Care", imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg", imageAlt: "lawn care aeration service" },
|
||||
]}
|
||||
title="Landscaping Essentials"
|
||||
description="Top-tier products for your garden."
|
||||
@@ -221,21 +123,9 @@ export default function LandingPage() {
|
||||
title="Our Growth"
|
||||
tag="By Numbers"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Gardens Transformed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Satisfied Clients",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Gardens Transformed" },
|
||||
{ id: "m2", value: "12", description: "Years Experience" },
|
||||
{ id: "m3", value: "98%", description: "Satisfied Clients" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -247,54 +137,15 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg",
|
||||
imageAlt: "happy client garden landscaping",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Our yard looks amazing now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
imageAlt: "homeowner garden satisfaction",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Very professional and friendly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg",
|
||||
imageAlt: "landscape project success customer",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "The garden transformation is great.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
|
||||
imageAlt: "happy home landscaping client",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Smith",
|
||||
handle: "@lsmith",
|
||||
testimonial: "Best landscaping experience ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-taking-photo-her-smiling-boyfriend-digital-tablet-park_23-2147922547.jpg",
|
||||
imageAlt: "satisfied commercial garden client",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Excellent service and results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg", imageAlt: "happy client garden landscaping" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Our yard looks amazing now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", imageAlt: "homeowner garden satisfaction" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Very professional and friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg", imageAlt: "landscape project success customer" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "The garden transformation is great.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg", imageAlt: "happy home landscaping client" },
|
||||
{ id: "5", name: "Linda Smith", handle: "@lsmith", testimonial: "Best landscaping experience ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-taking-photo-her-smiling-boyfriend-digital-tablet-park_23-2147922547.jpg", imageAlt: "satisfied commercial garden client" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
description="What our customers say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -303,15 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Landscape Pros",
|
||||
"Garden Solutions",
|
||||
"Nature Design",
|
||||
"Professional Lawns",
|
||||
"City Gardening",
|
||||
"Outdoor Excellence",
|
||||
"Sustainable Landscaping",
|
||||
]}
|
||||
"Landscape Pros", "Garden Solutions", "Nature Design", "Professional Lawns", "City Gardening", "Outdoor Excellence", "Sustainable Landscaping"]}
|
||||
title="Trusted Partners"
|
||||
description="We work with the best in the industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -319,21 +164,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we offer free estimates.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "When can you start?",
|
||||
content: "Depending on schedule, we start quickly.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the work guaranteed?",
|
||||
content: "We pride ourselves in our work quality.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer quotes?", content: "Yes, we offer free estimates." },
|
||||
{ id: "2", title: "When can you start?", content: "Depending on schedule, we start quickly." },
|
||||
{ id: "3", title: "Is the work guaranteed?", content: "We pride ourselves in our work quality." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -343,15 +176,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to transform your lawn? Contact us today for a free assessment and consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@artslandscaping.com",
|
||||
},
|
||||
{ text: "Contact Us Now", href: "mailto:hello@artslandscaping.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -360,39 +188,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Mowing",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Planting",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Mowing", href: "#features" },
|
||||
{ label: "Planting", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Arts Landscaping & Maintenance LLC."
|
||||
|
||||
Reference in New Issue
Block a user