Merge version_1 into main #2
147
src/app/page.tsx
147
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Spencer's Landscaping Inc"
|
||||
/>
|
||||
@@ -54,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Transform Your Outdoors into a Masterpiece"
|
||||
description="Expert landscaping services for Spencer's Landscaping Inc. Quality care, creative design, and reliable maintenance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-park_1417-1419.jpg?_wi=1",
|
||||
imageAlt: "Landscaping project",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-park_1417-1419.jpg", imageAlt: "Landscaping project"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=1",
|
||||
imageAlt: "Well maintained lawn",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg", imageAlt: "Well maintained lawn"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg?_wi=1",
|
||||
imageAlt: "Garden design",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg", imageAlt: "Garden design"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cactus-houseplant-collection-decoration-set_53876-31084.jpg",
|
||||
imageAlt: "Backyard patio",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/cactus-houseplant-collection-decoration-set_53876-31084.jpg", imageAlt: "Backyard patio"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3834.jpg",
|
||||
imageAlt: "Landscaper service",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3834.jpg", imageAlt: "Landscaper service"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg",
|
||||
imageAlt: "Beautiful garden",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg", imageAlt: "Beautiful garden"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,40 +90,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Maintenance",
|
||||
description: "Professional mowing, edging, and seasonal cleanups to keep your lawn looking pristine all year round.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg?_wi=2",
|
||||
},
|
||||
title: "Lawn Maintenance", description: "Professional mowing, edging, and seasonal cleanups to keep your lawn looking pristine all year round.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-park_1417-1419.jpg?_wi=2",
|
||||
imageAlt: "landscaping garden design lush green",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Garden Design",
|
||||
description: "Customized garden architecture and planting services that bring vibrant life to your yard.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-girl-black-sweater-african-woman-office-person-with-flowerpot_1157-42561.jpg?_wi=1",
|
||||
},
|
||||
title: "Garden Design", description: "Customized garden architecture and planting services that bring vibrant life to your yard.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-girl-black-sweater-african-woman-office-person-with-flowerpot_1157-42561.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-girl-black-sweater-african-woman-office-person-with-flowerpot_1157-42561.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=2",
|
||||
imageAlt: "modern garden landscape design ideas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-girl-black-sweater-african-woman-office-person-with-flowerpot_1157-42561.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Expertly installed patios, pathways, and decorative stone installations for a beautiful functional landscape.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg?_wi=1",
|
||||
},
|
||||
title: "Hardscaping", description: "Expertly installed patios, pathways, and decorative stone installations for a beautiful functional landscape.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg?_wi=4",
|
||||
imageAlt: "landscaping service residential yard work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mossy-ground-middle-cobblestone-pathway_181624-17204.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -169,25 +122,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30883.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30883.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-showing-clipboard_23-2148357552.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-showing-clipboard_23-2148357552.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -199,20 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide complimentary consultations for all new projects.",
|
||||
},
|
||||
id: "1", title: "Do you offer free estimates?", content: "Yes, we provide complimentary consultations for all new projects."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a landscape project take?",
|
||||
content: "The duration depends on the project scope and complexity.",
|
||||
},
|
||||
id: "2", title: "How long does a landscape project take?", content: "The duration depends on the project scope and complexity."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, we are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content: "Absolutely, we are fully licensed and insured for your peace of mind."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our landscaping process."
|
||||
@@ -224,8 +158,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Contact Spencer's Landscaping"
|
||||
description="Ready to revitalize your property? Send us a message and we'll get back to you promptly."
|
||||
@@ -240,29 +173,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
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