Merge version_1 into main #1
220
src/app/page.tsx
220
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Native Sun"
|
||||
/>
|
||||
@@ -55,32 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Creating Beautiful Landscapes for Your Home"
|
||||
description="Native Sun Landscape Services provides professional, sustainable, and reliable landscaping solutions tailored to your unique outdoor space."
|
||||
tag="Expert Landscaping Services"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg",
|
||||
imageAlt: "Lush residential landscaping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", imageAlt: "Lush residential landscaping"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg",
|
||||
imageAlt: "Landscaped backyard design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing-garden_53876-30332.jpg",
|
||||
imageAlt: "Suburban housing and garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg",
|
||||
imageAlt: "People helping each other in the community",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748222.jpg",
|
||||
imageAlt: "View of water tank for storage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg", imageAlt: "Landscaped backyard design"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,19 +71,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Projects Completed",
|
||||
value: "1,200+",
|
||||
},
|
||||
label: "Projects Completed", value: "1,200+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Business",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years in Business", value: "20+"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Trees Planted",
|
||||
value: "5,000+",
|
||||
},
|
||||
label: "Trees Planted", value: "5,000+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -121,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Lawn Maintenance",
|
||||
author: "Pro Team",
|
||||
description: "Weekly mowing, trimming, and edging for a pristine yard.",
|
||||
tags: [
|
||||
"Weekly",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg",
|
||||
imageAlt: "Lawn Maintenance",
|
||||
},
|
||||
id: "1", title: "Lawn Maintenance", author: "Pro Team", description: "Weekly mowing, trimming, and edging for a pristine yard.", tags: [
|
||||
"Weekly", "Reliable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg", imageAlt: "Lawn Maintenance"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Floral Care",
|
||||
author: "Horticulturists",
|
||||
description: "Expert planting, pruning, and seasonal color programs.",
|
||||
tags: [
|
||||
"Seasonal",
|
||||
"Artful",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020425.jpg",
|
||||
imageAlt: "Floral Care",
|
||||
},
|
||||
id: "2", title: "Floral Care", author: "Horticulturists", description: "Expert planting, pruning, and seasonal color programs.", tags: [
|
||||
"Seasonal", "Artful"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020425.jpg", imageAlt: "Floral Care"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Hardscaping",
|
||||
author: "Specialists",
|
||||
description: "Patios, walkways, and retaining walls built to last.",
|
||||
tags: [
|
||||
"Structural",
|
||||
"Durable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fumigation_23-2148013411.jpg",
|
||||
imageAlt: "Hardscaping",
|
||||
},
|
||||
id: "3", title: "Hardscaping", author: "Specialists", description: "Patios, walkways, and retaining walls built to last.", tags: [
|
||||
"Structural", "Durable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fumigation_23-2148013411.jpg", imageAlt: "Hardscaping"},
|
||||
]}
|
||||
title="Comprehensive Landscape Care"
|
||||
description="We offer a full suite of services to keep your property looking its best year-round."
|
||||
@@ -169,23 +114,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Droplets,
|
||||
title: "Gallons Saved",
|
||||
value: "1M+",
|
||||
},
|
||||
id: "m1", icon: Droplets,
|
||||
title: "Gallons Saved", value: "1M+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Native Plants",
|
||||
value: "2.5K+",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Native Plants", value: "2.5K+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "850+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Happy Clients", value: "850+"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Helping nature flourish in our local community."
|
||||
@@ -200,47 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Mulch",
|
||||
price: "$50/yard",
|
||||
variant: "Organic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tank-piece-russian-s-war-ukraine_23-2149437839.jpg",
|
||||
},
|
||||
id: "p1", name: "Premium Mulch", price: "$50/yard", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tank-piece-russian-s-war-ukraine_23-2149437839.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Native Perennials",
|
||||
price: "$12",
|
||||
variant: "Native",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blossom-colorful-flowers-background_53876-16406.jpg",
|
||||
},
|
||||
id: "p2", name: "Native Perennials", price: "$12", variant: "Native", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blossom-colorful-flowers-background_53876-16406.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Natural Pavers",
|
||||
price: "$8/sqft",
|
||||
variant: "Stone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background_53876-96696.jpg",
|
||||
},
|
||||
id: "p3", name: "Natural Pavers", price: "$8/sqft", variant: "Stone", imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background_53876-96696.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Garden Lights",
|
||||
price: "$45",
|
||||
variant: "LED",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-trees-decorated-with-hanging-light-bulbs-party-night-lake-sevan-armenia_181624-60731.jpg",
|
||||
},
|
||||
id: "p4", name: "Garden Lights", price: "$45", variant: "LED", imageSrc: "http://img.b2bpic.net/free-photo/row-trees-decorated-with-hanging-light-bulbs-party-night-lake-sevan-armenia_181624-60731.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sprinkler Kit",
|
||||
price: "$120",
|
||||
variant: "Auto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-playing-with-garden-hose-sunny-backyard_169016-38357.jpg",
|
||||
},
|
||||
id: "p5", name: "Sprinkler Kit", price: "$120", variant: "Auto", imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-playing-with-garden-hose-sunny-backyard_169016-38357.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tool Set",
|
||||
price: "$85",
|
||||
variant: "Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-pots_23-2147714888.jpg",
|
||||
},
|
||||
id: "p6", name: "Tool Set", price: "$85", variant: "Steel", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-pots_23-2147714888.jpg"},
|
||||
]}
|
||||
title="Landscape Solutions & Materials"
|
||||
description="High-quality materials and professional-grade tools for every project."
|
||||
@@ -254,40 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "The garden looks incredible. Best service in town!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@homeowner", testimonial: "The garden looks incredible. Best service in town!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
handle: "@customer",
|
||||
testimonial: "Professional, punctual, and highly skilled team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-holding-each-other-romantically-their-countryside-home-garden_23-2149511749.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark R.", handle: "@customer", testimonial: "Professional, punctual, and highly skilled team.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-holding-each-other-romantically-their-countryside-home-garden_23-2149511749.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena M.",
|
||||
handle: "@happyclient",
|
||||
testimonial: "Transformed our backyard into a paradise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena M.", handle: "@happyclient", testimonial: "Transformed our backyard into a paradise.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Very knowledgeable about native plants.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@homeowner", testimonial: "Very knowledgeable about native plants.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
handle: "@business",
|
||||
testimonial: "Reliable maintenance for our property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica L.", handle: "@business", testimonial: "Reliable maintenance for our property.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg"},
|
||||
]}
|
||||
title="Hear From Our Community"
|
||||
description="Trusted by hundreds of homeowners for their landscaping needs."
|
||||
@@ -298,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Consultation"
|
||||
title="Start Your Landscape Project Today"
|
||||
description="Contact us for a free estimate and professional consultation."
|
||||
@@ -315,33 +195,21 @@ export default function LandingPage() {
|
||||
logoText="Native Sun Landscape Services, Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Lawn Maintenance", href: "#services"},
|
||||
{
|
||||
label: "Floral Care",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Floral Care", href: "#services"},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Hardscaping", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user