Merge version_1 into main #1
235
src/app/page.tsx
235
src/app/page.tsx
@@ -32,68 +32,43 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
]}
|
||||
brandName="Casey's Landscaping"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elevate Your Landscape."
|
||||
description="Veteran-owned, DFW-preferred landscaping services crafted with precision, care, and an unwavering commitment to excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Same-Day Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Same-Day Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg",
|
||||
imageAlt: "Luxurious landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg", imageAlt: "Luxurious landscape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48585.jpg",
|
||||
imageAlt: "Veteran team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48585.jpg", imageAlt: "Veteran team"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg",
|
||||
imageAlt: "Detailed garden",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg", imageAlt: "Detailed garden"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-umbrellas-hammocks-seen-from_1203-296.jpg",
|
||||
imageAlt: "Pool, umbrellas and hammocks seen from above",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-umbrellas-hammocks-seen-from_1203-296.jpg", imageAlt: "Pool, umbrellas and hammocks seen from above"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-amazing-porch-with-garden-umbrella-loungers_116348-109.jpg",
|
||||
imageAlt: "Aerial view of amazing porch with garden umbrella and loungers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-amazing-porch-with-garden-umbrella-loungers_116348-109.jpg", imageAlt: "Aerial view of amazing porch with garden umbrella and loungers"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,23 +81,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Veteran-Owned",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Veteran-Owned", value: "100%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Same-Day Response",
|
||||
value: "Fast",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Same-Day Response", value: "Fast"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: MapPin,
|
||||
title: "Serving DFW",
|
||||
value: "Local",
|
||||
},
|
||||
id: "m3", icon: MapPin,
|
||||
title: "Serving DFW", value: "Local"},
|
||||
]}
|
||||
title="Why Clients Choose Casey"
|
||||
description="Precision and reliability you can trust."
|
||||
@@ -134,18 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Veteran's Precision, ",
|
||||
},
|
||||
type: "text", content: "The Veteran's Precision, "},
|
||||
{
|
||||
type: "text",
|
||||
content: "The Artist's Eye.",
|
||||
},
|
||||
type: "text", content: "The Artist's Eye."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12298.jpg",
|
||||
alt: "Casey portrait",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12298.jpg", alt: "Casey portrait"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,26 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Weekly precision mowing, edging, and seasonal care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
title: "Lawn Maintenance", description: "Weekly precision mowing, edging, and seasonal care.", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg", buttonText: "Inquire"},
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Custom hardscaping and horticultural planning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488200.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-girl-wearing-pink-bathrobe-lingerie-standing-flower-garden_8353-8398.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
title: "Landscape Design", description: "Custom hardscaping and horticultural planning.", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488200.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-girl-wearing-pink-bathrobe-lingerie-standing-flower-garden_8353-8398.jpg", buttonText: "Inquire"},
|
||||
{
|
||||
title: "Arbor Care",
|
||||
description: "Expert tree trimming and health management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-taking-care-plants_23-2148905240.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
title: "Arbor Care", description: "Expert tree trimming and health management.", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-taking-care-plants_23-2148905240.jpg", buttonText: "Inquire"},
|
||||
]}
|
||||
title="Premium Landscaping Services"
|
||||
description="Comprehensive lawn care solutions for elite property aesthetics."
|
||||
@@ -187,63 +131,28 @@ export default function LandingPage() {
|
||||
<div id="process" data-section="process">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Step 1",
|
||||
name: "Request",
|
||||
price: "Instant",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg",
|
||||
},
|
||||
id: "p1", brand: "Step 1", name: "Request", price: "Instant", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41432.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Step 2",
|
||||
name: "Plan",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg",
|
||||
},
|
||||
id: "p2", brand: "Step 2", name: "Plan", price: "Custom", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Step 3",
|
||||
name: "Transform",
|
||||
price: "Expert",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg",
|
||||
},
|
||||
id: "p3", brand: "Step 3", name: "Transform", price: "Expert", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Step 4",
|
||||
name: "Enjoy",
|
||||
price: "Pristine",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803994.jpg",
|
||||
},
|
||||
id: "p4", brand: "Step 4", name: "Enjoy", price: "Pristine", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803994.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Step 5",
|
||||
name: "Support",
|
||||
price: "Ongoing",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064746.jpg",
|
||||
},
|
||||
id: "p5", brand: "Step 5", name: "Support", price: "Ongoing", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064746.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Step 6",
|
||||
name: "Renew",
|
||||
price: "Seasonally",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exotic-pine-branches-blue-sky-background_1372-73.jpg",
|
||||
},
|
||||
id: "p6", brand: "Step 6", name: "Renew", price: "Seasonally", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/exotic-pine-branches-blue-sky-background_1372-73.jpg"},
|
||||
]}
|
||||
title="The Simple Process"
|
||||
description="From your first call to a pristine yard in 4 simple steps."
|
||||
@@ -258,45 +167,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Dallas",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-girl-with-headphones-laughing-autumn-garden-blonde-female-student-posing-with-book-smiling_197531-25999.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Dallas", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-girl-with-headphones-laughing-autumn-garden-blonde-female-student-posing-with-book-smiling_197531-25999.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
role: "Property Manager",
|
||||
company: "Plano",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg",
|
||||
},
|
||||
id: "2", name: "Michael T.", role: "Property Manager", company: "Plano", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "CEO",
|
||||
company: "Frisco",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardener-apron_23-2147768552.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "CEO", company: "Frisco", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardener-apron_23-2147768552.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Architect",
|
||||
company: "Austin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Architect", company: "Austin", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura M.",
|
||||
role: "Designer",
|
||||
company: "DFW",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-green-grass_1098-1751.jpg",
|
||||
},
|
||||
id: "5", name: "Laura M.", role: "Designer", company: "DFW", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-green-grass_1098-1751.jpg"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Excellence verified by our DFW clientele."
|
||||
@@ -307,16 +191,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Transform?"
|
||||
title="Start Your Quote"
|
||||
description="Receive a same-day response from our dedicated team. We are ready to make your lawn the envy of the street."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -327,25 +208,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user