Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -33,29 +33,17 @@ 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: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Reyes Gardening"
|
||||
/>
|
||||
@@ -64,41 +52,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transform Your Outdoor Space Into Something Extraordinary"
|
||||
description="Serving Goleta and surrounding areas with expert landscaping, patio installations, garden design, irrigation services, and outdoor transformations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Work", href: "#portfolio"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-tree-branch_23-2147842472.jpg?_wi=1",
|
||||
imageAlt: "beautiful landscaped garden california",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-tree-branch_23-2147842472.jpg", imageAlt: "beautiful landscaped garden california"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg",
|
||||
imageAlt: "beautiful landscaped garden california",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg", imageAlt: "beautiful landscaped garden california"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg",
|
||||
imageAlt: "beautiful landscaped garden california",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg", imageAlt: "beautiful landscaped garden california"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetated-building_23-2147677722.jpg",
|
||||
imageAlt: "beautiful landscaped garden california",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetated-building_23-2147677722.jpg", imageAlt: "beautiful landscaped garden california"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-view_93675-130008.jpg",
|
||||
imageAlt: "beautiful landscaped garden california",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-view_93675-130008.jpg", imageAlt: "beautiful landscaped garden california"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -111,19 +84,13 @@ export default function LandingPage() {
|
||||
description="Reyes Gardening Services is a trusted local landscaping company led by Gerson Reyes, proudly serving Goleta, California. Known for fair pricing, honest communication, and exceptional craftsmanship, the company specializes in transforming outdoor spaces into beautiful, functional environments."
|
||||
metrics={[
|
||||
{
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "5+", title: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Customer Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Reliable Support",
|
||||
},
|
||||
value: "24/7", title: "Reliable Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg"
|
||||
imageAlt="professional gardener portrait smiling"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -137,46 +104,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Custom outdoor transformations.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-watering-his-plants-his-garden-man-blue-shirt_1157-41461.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
title: "Landscape Design", description: "Custom outdoor transformations.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-watering-his-plants-his-garden-man-blue-shirt_1157-41461.jpg", imageAlt: "landscape design professional plan"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-place-prepared-desk-waiting-food-visitors-evening-time_146671-14404.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-tree-branch_23-2147842472.jpg?_wi=2",
|
||||
imageAlt: "landscape design professional plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-place-prepared-desk-waiting-food-visitors-evening-time_146671-14404.jpg", imageAlt: "landscape design professional plan"}
|
||||
},
|
||||
{
|
||||
title: "Patio & Pavers",
|
||||
description: "Beautiful stonework and walkways.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jiangyin-yangtze-bridge_1359-857.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
title: "Patio & Pavers", description: "Beautiful stonework and walkways.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jiangyin-yangtze-bridge_1359-857.jpg", imageAlt: "landscape design professional plan"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-architectural-project-desk_23-2148346292.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg?_wi=2",
|
||||
imageAlt: "landscape design professional plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-architectural-project-desk_23-2148346292.jpg", imageAlt: "landscape design professional plan"}
|
||||
},
|
||||
{
|
||||
title: "Irrigation Systems",
|
||||
description: "Installation, repairs, and adjustments.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-greenhouse-agenda-needs_23-2148357533.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
title: "Irrigation Systems", description: "Installation, repairs, and adjustments.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-greenhouse-agenda-needs_23-2148357533.jpg", imageAlt: "landscape design professional plan"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-lifting-wheel_23-2147671881.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-botanist-girl-cheerful-mood-shows-sign-ok-curly-female-researcher-surrounded-by-flowers_197531-25950.jpg?_wi=1",
|
||||
imageAlt: "landscape design professional plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-lifting-wheel_23-2147671881.jpg", imageAlt: "landscape design professional plan"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -193,53 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Flagstone Walkway",
|
||||
price: "Featured",
|
||||
variant: "Pavers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-gardener-watering-taking-care-plants-close-up_176420-3802.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
id: "1", name: "Flagstone Walkway", price: "Featured", variant: "Pavers", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-gardener-watering-taking-care-plants-close-up_176420-3802.jpg", imageAlt: "landscape design professional plan"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Custom Patio",
|
||||
price: "Featured",
|
||||
variant: "Renovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
id: "2", name: "Custom Patio", price: "Featured", variant: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg", imageAlt: "landscape design professional plan"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garden Design",
|
||||
price: "Featured",
|
||||
variant: "Planting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858214.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
id: "3", name: "Garden Design", price: "Featured", variant: "Planting", imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858214.jpg", imageAlt: "landscape design professional plan"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Front Yard Upgrade",
|
||||
price: "Featured",
|
||||
variant: "Renovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-vases-with-white-candles-stand-blocks-garden_1304-4761.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
id: "4", name: "Front Yard Upgrade", price: "Featured", variant: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/tall-vases-with-white-candles-stand-blocks-garden_1304-4761.jpg", imageAlt: "landscape design professional plan"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Garden Lighting",
|
||||
price: "Featured",
|
||||
variant: "Lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
id: "5", name: "Garden Lighting", price: "Featured", variant: "Lighting", imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3426.jpg", imageAlt: "landscape design professional plan"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Irrigation Setup",
|
||||
price: "Featured",
|
||||
variant: "Irrigation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cactus-houseplant-collection-decoration-set_53876-31084.jpg",
|
||||
imageAlt: "landscape design professional plan",
|
||||
},
|
||||
id: "6", name: "Irrigation Setup", price: "Featured", variant: "Irrigation", imageSrc: "http://img.b2bpic.net/free-photo/cactus-houseplant-collection-decoration-set_53876-31084.jpg", imageAlt: "landscape design professional plan"},
|
||||
]}
|
||||
title="Our Craftsmanship"
|
||||
description="Browse our latest transformations."
|
||||
@@ -253,45 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "They did an amazing job—and quickly. We couldn’t be happier with the results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-botanist-girl-cheerful-mood-shows-sign-ok-curly-female-researcher-surrounded-by-flowers_197531-25950.jpg?_wi=2",
|
||||
imageAlt: "happy customer in garden",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "They did an amazing job—and quickly. We couldn’t be happier with the results.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-botanist-girl-cheerful-mood-shows-sign-ok-curly-female-researcher-surrounded-by-flowers_197531-25950.jpg", imageAlt: "happy customer in garden"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark C.",
|
||||
handle: "@markc",
|
||||
testimonial: "First-class work, fair prices, and always kept his word.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg",
|
||||
imageAlt: "smiling middle aged homeowner",
|
||||
},
|
||||
id: "2", name: "Mark C.", handle: "@markc", testimonial: "First-class work, fair prices, and always kept his word.", imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg", imageAlt: "smiling middle aged homeowner"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Reasonably priced, professional, and left everything clean and tidy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-resting-grass_23-2147562311.jpg",
|
||||
imageAlt: "happy customer standing in yard",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Reasonably priced, professional, and left everything clean and tidy.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-resting-grass_23-2147562311.jpg", imageAlt: "happy customer standing in yard"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Highly recommend for any landscaping needs in Goleta.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg",
|
||||
imageAlt: "happy customer portrait backyard",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "Highly recommend for any landscaping needs in Goleta.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-dressed-swimwear-rests-beach_176420-5880.jpg", imageAlt: "happy customer portrait backyard"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Exceptional service and attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2071.jpg",
|
||||
imageAlt: "professional customer portrait garden",
|
||||
},
|
||||
id: "5", name: "John D.", handle: "@johnd", testimonial: "Exceptional service and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2071.jpg", imageAlt: "professional customer portrait garden"},
|
||||
]}
|
||||
title="Happy Clients"
|
||||
description="What our customers are saying about us."
|
||||
@@ -305,23 +182,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Experience",
|
||||
value: "5+ Years",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Experience", value: "5+ Years"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: DollarSign,
|
||||
title: "Pricing",
|
||||
value: "Honest",
|
||||
},
|
||||
id: "m2", icon: DollarSign,
|
||||
title: "Pricing", value: "Honest"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Turnaround",
|
||||
value: "Fast",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Turnaround", value: "Fast"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Excellence in every detail."
|
||||
@@ -334,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve Goleta, Santa Barbara, Isla Vista, and surrounding areas.",
|
||||
},
|
||||
id: "f1", title: "What areas do you serve?", content: "We proudly serve Goleta, Santa Barbara, Isla Vista, and surrounding areas."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free estimates for all landscaping projects.",
|
||||
},
|
||||
id: "f2", title: "Do you offer free estimates?", content: "Yes, we provide free estimates for all landscaping projects."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, our team is fully licensed and professional.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed?", content: "Yes, our team is fully licensed and professional."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="We're here to help."
|
||||
@@ -359,14 +218,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to Transform Your Outdoor Space? Contact Reyes Gardening Services Today. Phone: (805) 455-4797"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get My Free Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -376,29 +232,19 @@ export default function LandingPage() {
|
||||
logoText="Reyes Gardening Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design", href: "#"},
|
||||
{
|
||||
label: "Patios",
|
||||
href: "#",
|
||||
},
|
||||
label: "Patios", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user