Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
263
src/app/page.tsx
263
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, CheckCircle, Leaf, Star, Sun, ThumbsUp, Tool, Users } from "lucide-react";
|
||||
import { Award, CheckCircle, Leaf, Settings, Star, Sun, ThumbsUp, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Abarca Landscape Llc"
|
||||
/>
|
||||
@@ -57,112 +47,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transforming Your Outdoor Dreams Into Reality"
|
||||
description="Professional landscaping and hardscaping services tailored to bring beauty and functionality to your property."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=1",
|
||||
imageAlt: "Landscape 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg", imageAlt: "Landscape 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg?_wi=1",
|
||||
imageAlt: "Landscape 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg", imageAlt: "Landscape 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=2",
|
||||
imageAlt: "Landscape 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg", imageAlt: "Landscape 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg?_wi=2",
|
||||
imageAlt: "Landscape 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg", imageAlt: "Landscape 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=3",
|
||||
imageAlt: "Landscape 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg", imageAlt: "Landscape 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg?_wi=3",
|
||||
imageAlt: "Landscape 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg", imageAlt: "Landscape 6"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg?_wi=4",
|
||||
imageAlt: "Landscape 7",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg", imageAlt: "Landscape 7"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=4",
|
||||
imageAlt: "Landscape 8",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg", imageAlt: "Landscape 8"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg?_wi=5",
|
||||
imageAlt: "Landscape 9",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg", imageAlt: "Landscape 9"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=5",
|
||||
imageAlt: "Landscape 10",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg", imageAlt: "Landscape 10"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg?_wi=6",
|
||||
imageAlt: "Landscape 11",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg", imageAlt: "Landscape 11"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=6",
|
||||
imageAlt: "Landscape 12",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg", imageAlt: "Landscape 12"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12320.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12320.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-game_23-2149530334.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-game_23-2149530334.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Workmanship",
|
||||
},
|
||||
type: "text", text: "Quality Workmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Landscapes",
|
||||
},
|
||||
type: "text", text: "Sustainable Landscapes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Garden Design",
|
||||
},
|
||||
type: "text", text: "Expert Garden Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Service",
|
||||
},
|
||||
type: "text", text: "Reliable Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Maintenance",
|
||||
},
|
||||
type: "text", text: "Professional Maintenance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,29 +117,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Happy Clients",
|
||||
value: "450+",
|
||||
},
|
||||
label: "Happy Clients", value: "450+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Expert Staff",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Expert Staff", value: "20+"},
|
||||
{
|
||||
icon: Sun,
|
||||
label: "Service Areas",
|
||||
value: "12+",
|
||||
},
|
||||
label: "Service Areas", value: "12+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -209,55 +142,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Professional lawn care, mowing, and aeration to keep your grass lush.",
|
||||
icon: Leaf,
|
||||
title: "Lawn Maintenance", description: "Professional lawn care, mowing, and aeration to keep your grass lush.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-landscaper-denim-shirt-trimming-overgrown-lawn-with-lawn-mover-summer-day-low_7502-10170.jpg?_wi=1",
|
||||
imageAlt: "Lawn care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-landscaper-denim-shirt-trimming-overgrown-lawn-with-lawn-mover-summer-day-low_7502-10170.jpg", imageAlt: "Lawn care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-landscaper-denim-shirt-trimming-overgrown-lawn-with-lawn-mover-summer-day-low_7502-10170.jpg?_wi=2",
|
||||
imageAlt: "Lawn care detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-landscaper-denim-shirt-trimming-overgrown-lawn-with-lawn-mover-summer-day-low_7502-10170.jpg", imageAlt: "Lawn care detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=7",
|
||||
imageAlt: "landscaping service garden design",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping Design",
|
||||
description: "Custom stone walkways, patios, and retaining walls built to last.",
|
||||
icon: Tool,
|
||||
title: "Hardscaping Design", description: "Custom stone walkways, patios, and retaining walls built to last.", icon: Settings,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-farmer-working-rice-field-daytime_181624-12454.jpg?_wi=1",
|
||||
imageAlt: "Hardscaping build",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-farmer-working-rice-field-daytime_181624-12454.jpg", imageAlt: "Hardscaping build"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-farmer-working-rice-field-daytime_181624-12454.jpg?_wi=2",
|
||||
imageAlt: "Stone work detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-farmer-working-rice-field-daytime_181624-12454.jpg", imageAlt: "Stone work detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530843.jpg?_wi=7",
|
||||
imageAlt: "expert gardening maintenance service",
|
||||
},
|
||||
{
|
||||
title: "Garden Planting",
|
||||
description: "Expert design and planting of flower beds, shrubs, and trees.",
|
||||
icon: Star,
|
||||
title: "Garden Planting", description: "Expert design and planting of flower beds, shrubs, and trees.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-planting-flowers_23-2148672696.jpg?_wi=1",
|
||||
imageAlt: "Flower planting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-planting-flowers_23-2148672696.jpg", imageAlt: "Flower planting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-planting-flowers_23-2148672696.jpg?_wi=2",
|
||||
imageAlt: "Garden arrangement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-planting-flowers_23-2148672696.jpg", imageAlt: "Garden arrangement"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27426.jpg",
|
||||
imageAlt: "landscaping team smiling outdoors",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -273,45 +182,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Property Manager",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", role: "Property Manager", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12320.jpg",
|
||||
},
|
||||
id: "3", name: "Emily P.", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12320.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Business Owner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-game_23-2149530334.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", role: "Business Owner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-game_23-2149530334.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica M.", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it."
|
||||
@@ -322,57 +206,40 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to Enhance Your Landscape?"
|
||||
description="Contact us today for a free consultation and project estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@abarcalandscape.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@abarcalandscape.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=8"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg"
|
||||
logoText="Abarca Landscape Llc"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Lawn Care", href: "#features"},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Hardscaping", href: "#features"},
|
||||
{
|
||||
label: "Planting",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Planting", href: "#features"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user