Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { History, Leaf } from "lucide-react";
|
||||
import { History, Leaf, Zap, Palette, History as HistoryIcon, Leaf as LeafIcon } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,56 +32,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Josean Landscaping"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transform Your Outdoors into a Masterpiece"
|
||||
description="Josean Landscaping delivers exceptional landscape design, maintenance, and installation services. From lush green lawns to stunning hardscapes, we create spaces you'll love."
|
||||
tag="Expert Landscaping Services"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488208.jpg?_wi=1",
|
||||
imageAlt: "Landscaping service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-garden-equipment-meadow_23-2148028911.jpg?_wi=1",
|
||||
imageAlt: "Gardening tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-surrounded-by-flowers_23-2150790340.jpg",
|
||||
imageAlt: "Beautiful house surrounded by flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shanghai-urban-architecture-park_649448-2072.jpg",
|
||||
imageAlt: "Shanghai urban architecture in park",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg",
|
||||
imageAlt: "An artists garden filled with a variety of plants and beautiful flowers",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488208.jpg", imageAlt: "Landscaping service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/collection-garden-equipment-meadow_23-2148028911.jpg", imageAlt: "Gardening tools" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,36 +73,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Beautiful, durable pathways and patios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-pathway-park-surrounded-by-grasses-flowers_181624-20486.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Regular care for a healthy lawn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park_1127-3452.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Planting & Trimming",
|
||||
description: "Expert plant and hedge care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013417.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Irrigation Systems",
|
||||
description: "Smart water management solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Garden Design",
|
||||
description: "Custom blueprints for your dream yard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8974.jpg",
|
||||
buttonIcon: "Palette",
|
||||
},
|
||||
{ title: "Hardscaping", description: "Beautiful, durable pathways and patios.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-pathway-park-surrounded-by-grasses-flowers_181624-20486.jpg", buttonIcon: Zap },
|
||||
{ title: "Lawn Maintenance", description: "Regular care for a healthy lawn.", imageSrc: "http://img.b2bpic.net/free-photo/city-park_1127-3452.jpg", buttonIcon: Zap },
|
||||
{ title: "Planting & Trimming", description: "Expert plant and hedge care.", imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013417.jpg", buttonIcon: Zap },
|
||||
{ title: "Irrigation Systems", description: "Smart water management solutions.", imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7746.jpg", buttonIcon: Zap },
|
||||
{ title: "Garden Design", description: "Custom blueprints for your dream yard.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8974.jpg", buttonIcon: Palette },
|
||||
]}
|
||||
title="Our Key Landscaping Services"
|
||||
description="We offer full-cycle landscaping to ensure your property remains pristine all year round."
|
||||
@@ -147,42 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Seasonal Planting",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-garden_1308-41422.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mulching & Fertilizing",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-carrying-wheelbarrow-rural-life_23-2149382168.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Path Lighting",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cozy-lamp-cafe_181624-58682.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Patio Installation",
|
||||
price: "$800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702203.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garden Beds",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-exotic-flowers-plants-flowers-egypt_169016-10258.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Retaining Walls",
|
||||
price: "$1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-rock-hills-green-trees_23-2148509241.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Seasonal Planting", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/flowers-garden_1308-41422.jpg" },
|
||||
{ id: "p2", name: "Mulching & Fertilizing", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/people-carrying-wheelbarrow-rural-life_23-2149382168.jpg" },
|
||||
{ id: "p3", name: "Path Lighting", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cozy-lamp-cafe_181624-58682.jpg" },
|
||||
{ id: "p4", name: "Patio Installation", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702203.jpg" },
|
||||
{ id: "p5", name: "Garden Beds", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-exotic-flowers-plants-flowers-egypt_169016-10258.jpg" },
|
||||
{ id: "p6", name: "Retaining Walls", price: "$1200", imageSrc: "http://img.b2bpic.net/free-photo/white-rock-hills-green-trees_23-2148509241.jpg" },
|
||||
]}
|
||||
title="Our Landscaping Packages"
|
||||
description="Browse our most popular service packages."
|
||||
@@ -194,61 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
date: "Jan 2024",
|
||||
title: "Great service",
|
||||
quote: "Fantastic work on my lawn.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/funny-handsome-guy-tourist-flexing-biceps-goes-vacation-sits-with-suitcase-takes-selfies-smartphone_1258-314563.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488208.jpg?_wi=2",
|
||||
imageAlt: "happy client garden",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
date: "Feb 2024",
|
||||
title: "Amazing transformation",
|
||||
quote: "My garden looks perfect.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-garden-equipment-meadow_23-2148028911.jpg?_wi=2",
|
||||
imageAlt: "happy client garden",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Brown",
|
||||
date: "Mar 2024",
|
||||
title: "Professional team",
|
||||
quote: "They are the best in town.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-people-selling-crops-from-their-garden_329181-16518.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2075.jpg",
|
||||
imageAlt: "happy client garden",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa Ray",
|
||||
date: "Apr 2024",
|
||||
title: "Highly recommended",
|
||||
quote: "Very thorough service.",
|
||||
tag: "Friendly",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/surprised-young-woman-gardener-uniform-wearing-gardening-hat-holding-flower-flowerpot-putting-hand-face-isolated-green_141793-87008.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-pathway-park-surrounded-by-grasses-flowers_181624-20486.jpg?_wi=2",
|
||||
imageAlt: "happy client garden",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex King",
|
||||
date: "May 2024",
|
||||
title: "Quick and efficient",
|
||||
quote: "Transformed my backyard completely.",
|
||||
tag: "Efficient",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park_1127-3452.jpg?_wi=2",
|
||||
imageAlt: "happy client garden",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", date: "Jan 2024", title: "Great service", quote: "Fantastic work on my lawn.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/funny-handsome-guy-tourist-flexing-biceps-goes-vacation-sits-with-suitcase-takes-selfies-smartphone_1258-314563.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", date: "Feb 2024", title: "Amazing transformation", quote: "My garden looks perfect.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg" },
|
||||
{ id: "t3", name: "Mike Brown", date: "Mar 2024", title: "Professional team", quote: "They are the best in town.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-people-selling-crops-from-their-garden_329181-16518.jpg" },
|
||||
{ id: "t4", name: "Lisa Ray", date: "Apr 2024", title: "Highly recommended", quote: "Very thorough service.", tag: "Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-young-woman-gardener-uniform-wearing-gardening-hat-holding-flower-flowerpot-putting-hand-face-isolated-green_141793-87008.jpg" },
|
||||
{ id: "t5", name: "Alex King", date: "May 2024", title: "Quick and efficient", quote: "Transformed my backyard completely.", tag: "Efficient", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of satisfied property owners."
|
||||
@@ -261,21 +125,9 @@ export default function LandingPage() {
|
||||
title="Why Choose Us"
|
||||
tag="Our Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "10+", description: "Years Experience" },
|
||||
{ id: "m2", value: "500+", description: "Projects Completed" },
|
||||
{ id: "m3", value: "100%", description: "Client Satisfaction" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -286,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we provide free initial estimates.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, we are licensed and insured.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the entire surrounding area.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer free quotes?", content: "Yes, we provide free initial estimates." },
|
||||
{ id: "f2", title: "Are you fully insured?", content: "Yes, we are licensed and insured." },
|
||||
{ id: "f3", title: "What areas do you serve?", content: "We serve the entire surrounding area." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -311,16 +151,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to beautify your home?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -328,32 +161,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Josean Landscaping"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Hardscape",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Lawn Care", href: "#" }, { label: "Hardscape", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user