Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Droplet, Sparkles } from "lucide-react";
|
||||
import { ArrowRight, Award, Droplet, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "#packages",
|
||||
},
|
||||
name: "Packages", id: "#packages"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/green-leaf-healthy-logo-business-branding-template-designs-inspiration-isolated-white-background_384344-1304.jpg"
|
||||
logoAlt="Socal Landscape & Gardening Logo"
|
||||
@@ -64,19 +54,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Socal Landscape & Gardening"
|
||||
description="Crafting beautiful and sustainable outdoor environments across Southern California. From lush gardens to elegant hardscapes, we bring your vision to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-road-park-full-trees-autumn_181624-4489.jpg"
|
||||
imageAlt="Beautiful landscaped garden with patio and green lawn"
|
||||
@@ -91,19 +76,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Droplet,
|
||||
label: "Years of Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years of Experience", value: "15+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Projects Completed",
|
||||
value: "200+",
|
||||
},
|
||||
label: "Projects Completed", value: "200+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Client Satisfaction",
|
||||
value: "98%",
|
||||
},
|
||||
label: "Client Satisfaction", value: "98%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -115,37 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Garden Design",
|
||||
description: "Expert landscape architecture and personalized garden planning to create your dream outdoor oasis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-making-blueprints_23-2147785477.jpg",
|
||||
imageAlt: "Garden design blueprint",
|
||||
buttonIcon: "ArrowRight",
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Garden Design", description: "Expert landscape architecture and personalized garden planning to create your dream outdoor oasis.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-making-blueprints_23-2147785477.jpg", imageAlt: "Garden design blueprint", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Irrigation Systems",
|
||||
description: "Efficient and smart irrigation solutions to ensure your garden thrives while conserving water.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-gardener-man-wearing-jumpsuit-hat-holding-watering-can-potted-plant-feeling-pleasant-smell-standing-light-green-wall_141793-96589.jpg",
|
||||
imageAlt: "Smart irrigation system sprinklers",
|
||||
buttonIcon: "ArrowRight",
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Irrigation Systems", description: "Efficient and smart irrigation solutions to ensure your garden thrives while conserving water.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-gardener-man-wearing-jumpsuit-hat-holding-watering-can-potted-plant-feeling-pleasant-smell-standing-light-green-wall_141793-96589.jpg", imageAlt: "Smart irrigation system sprinklers", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Tree & Shrub Care",
|
||||
description: "Professional pruning, removal, and health maintenance for trees and shrubs, ensuring their vitality and safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-branches-tree-background_1150-359.jpg",
|
||||
imageAlt: "Arborist trimming a tree",
|
||||
buttonIcon: "ArrowRight",
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Tree & Shrub Care", description: "Professional pruning, removal, and health maintenance for trees and shrubs, ensuring their vitality and safety.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-branches-tree-background_1150-359.jpg", imageAlt: "Arborist trimming a tree", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Designing and installing durable, beautiful patios, walkways, fire pits, and other hardscape elements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432968.jpg",
|
||||
imageAlt: "Modern hardscape patio",
|
||||
buttonIcon: "ArrowRight",
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Hardscaping & Patios", description: "Designing and installing durable, beautiful patios, walkways, fire pits, and other hardscape elements.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432968.jpg", imageAlt: "Modern hardscape patio", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
]}
|
||||
title="Our Landscape & Gardening Services"
|
||||
description="We offer a comprehensive range of services designed to enhance the beauty and functionality of your outdoor living spaces."
|
||||
@@ -160,47 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "pkg-1",
|
||||
name: "Essential Garden Refresh",
|
||||
price: "Starting at $750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-pots-with-trowel-wooden-table_53876-105366.jpg",
|
||||
imageAlt: "Freshly maintained garden",
|
||||
},
|
||||
id: "pkg-1", name: "Essential Garden Refresh", price: "Starting at $750", imageSrc: "http://img.b2bpic.net/free-photo/plant-pots-with-trowel-wooden-table_53876-105366.jpg", imageAlt: "Freshly maintained garden"},
|
||||
{
|
||||
id: "pkg-2",
|
||||
name: "Premium Landscape Design",
|
||||
price: "Starting at $3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feet-man-standing-longboard_23-2148138968.jpg",
|
||||
imageAlt: "Detailed landscape design plan",
|
||||
},
|
||||
id: "pkg-2", name: "Premium Landscape Design", price: "Starting at $3,500", imageSrc: "http://img.b2bpic.net/free-photo/feet-man-standing-longboard_23-2148138968.jpg", imageAlt: "Detailed landscape design plan"},
|
||||
{
|
||||
id: "pkg-3",
|
||||
name: "Drought-Resistant Oasis",
|
||||
price: "Starting at $2,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12196.jpg",
|
||||
imageAlt: "Xeriscape garden with succulents",
|
||||
},
|
||||
id: "pkg-3", name: "Drought-Resistant Oasis", price: "Starting at $2,200", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12196.jpg", imageAlt: "Xeriscape garden with succulents"},
|
||||
{
|
||||
id: "pkg-4",
|
||||
name: "Custom Outdoor Living",
|
||||
price: "Starting at $5,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-gray-hanging-plant-pot_417767-531.jpg",
|
||||
imageAlt: "Outdoor kitchen and patio",
|
||||
},
|
||||
id: "pkg-4", name: "Custom Outdoor Living", price: "Starting at $5,000", imageSrc: "http://img.b2bpic.net/free-photo/green-gray-hanging-plant-pot_417767-531.jpg", imageAlt: "Outdoor kitchen and patio"},
|
||||
{
|
||||
id: "pkg-5",
|
||||
name: "Tailored Project Consultation",
|
||||
price: "Inquire for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-is-mixing-different-dye-colors-palette-create-perfect-shade_482257-107954.jpg",
|
||||
imageAlt: "Hand drawing a custom landscape design",
|
||||
},
|
||||
id: "pkg-5", name: "Tailored Project Consultation", price: "Inquire for Quote", imageSrc: "http://img.b2bpic.net/free-photo/artist-is-mixing-different-dye-colors-palette-create-perfect-shade_482257-107954.jpg", imageAlt: "Hand drawing a custom landscape design"},
|
||||
{
|
||||
id: "pkg-6",
|
||||
name: "Commercial Landscape Solutions",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floor-park_1127-3516.jpg",
|
||||
imageAlt: "Modern commercial building with landscaped entrance",
|
||||
},
|
||||
id: "pkg-6", name: "Commercial Landscape Solutions", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/floor-park_1127-3516.jpg", imageAlt: "Modern commercial building with landscaped entrance"},
|
||||
]}
|
||||
title="Popular Landscape Packages"
|
||||
description="Explore our curated packages designed for various needs, offering exceptional value and beautiful results."
|
||||
@@ -215,25 +144,15 @@ export default function LandingPage() {
|
||||
author="Maria S. - Homeowner, San Diego"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-playing-poker-with-friends_23-2149276094.jpg",
|
||||
alt: "Maria S.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-playing-poker-with-friends_23-2149276094.jpg", alt: "Maria S."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-pub_23-2148872460.jpg",
|
||||
alt: "John D.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-pub_23-2148872460.jpg", alt: "John D."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg",
|
||||
alt: "Sarah L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg", alt: "Sarah L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167735.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167735.jpg", alt: "Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167196.jpg",
|
||||
alt: "Robert K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167196.jpg", alt: "Robert K."},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -245,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Pacific Homes",
|
||||
"Green Oasis Hotels",
|
||||
"California Nurseries",
|
||||
"Sunset Villas",
|
||||
"Eco-Friendly Estates",
|
||||
"Urban Gardens Inc.",
|
||||
"South Coast Developments",
|
||||
]}
|
||||
"Pacific Homes", "Green Oasis Hotels", "California Nurseries", "Sunset Villas", "Eco-Friendly Estates", "Urban Gardens Inc.", "South Coast Developments"]}
|
||||
title="Trusted by Homeowners & Businesses"
|
||||
description="We are proud to serve a diverse clientele across Southern California, delivering excellence in every project."
|
||||
/>
|
||||
@@ -264,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve Southern California, including San Diego, Orange County, Los Angeles, and surrounding areas. Contact us to confirm service availability in your specific location.",
|
||||
},
|
||||
id: "faq-1", title: "What areas do you serve?", content: "We proudly serve Southern California, including San Diego, Orange County, Los Angeles, and surrounding areas. Contact us to confirm service availability in your specific location."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How long does a landscape project take?",
|
||||
content: "Project timelines vary greatly depending on the scope and complexity. A small garden refresh might take a few days, while a full landscape design and installation could take several weeks or months. We provide a detailed timeline during the consultation phase.",
|
||||
},
|
||||
id: "faq-2", title: "How long does a landscape project take?", content: "Project timelines vary greatly depending on the scope and complexity. A small garden refresh might take a few days, while a full landscape design and installation could take several weeks or months. We provide a detailed timeline during the consultation phase."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you offer ongoing maintenance plans?",
|
||||
content: "Yes, we offer various maintenance plans tailored to keep your landscape looking its best year-round. From basic upkeep to comprehensive seasonal care, we have options to suit your needs.",
|
||||
},
|
||||
id: "faq-3", title: "Do you offer ongoing maintenance plans?", content: "Yes, we offer various maintenance plans tailored to keep your landscape looking its best year-round. From basic upkeep to comprehensive seasonal care, we have options to suit your needs."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services, process, and pricing."
|
||||
@@ -289,18 +192,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to transform your outdoor space? Get in touch with Socal Landscape & Gardening today for a free consultation and personalized quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@socallandscape.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@socallandscape.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,58 +208,35 @@ export default function LandingPage() {
|
||||
logoText="Socal Landscape & Gardening"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Garden Design",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Garden Design", href: "#services"},
|
||||
{
|
||||
label: "Irrigation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Irrigation", href: "#services"},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Hardscaping", href: "#services"},
|
||||
{
|
||||
label: "Tree Care",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Tree Care", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user