Update src/app/page.tsx
This commit is contained in:
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -53,25 +53,25 @@ export default function LandingPage() {
|
||||
{ text: "Request a Quote", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg?_wi=1", imageAlt: "Beautiful green lawn after professional care"
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg", imageAlt: "Beautiful green lawn after professional care"
|
||||
},
|
||||
{
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg?_wi=1", imageAlt: "Professional lawn mowing service"
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg", imageAlt: "Professional lawn mowing service"
|
||||
},
|
||||
{
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg?_wi=1", imageAlt: "Lawn maintenance and yard care"
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg", imageAlt: "Lawn maintenance and yard care"
|
||||
},
|
||||
{
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/father-with-little-son-are-planting-tree-yard_1157-26744.jpg?_wi=1", imageAlt: "Seasonal yard cleanup service"
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/father-with-little-son-are-planting-tree-yard_1157-26744.jpg", imageAlt: "Seasonal yard cleanup service"
|
||||
},
|
||||
{
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg?_wi=1", imageAlt: "Before and after lawn transformation"
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg", imageAlt: "Before and after lawn transformation"
|
||||
},
|
||||
{
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg?_wi=1", imageAlt: "Professional lawn restoration results"
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg", imageAlt: "Professional lawn restoration results"
|
||||
}
|
||||
]}
|
||||
autoPlay={true}
|
||||
@@ -108,8 +108,8 @@ export default function LandingPage() {
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
uniformGridCustomHeightClasses="min-h-64"
|
||||
titleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
descriptionClassName="text-lg text-foreground/70"
|
||||
cardTitleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,23 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Lawn Mowing", description: "Weekly or bi-weekly professional mowing with sharp blades, clean edges, and perfect height precision.", imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg?_wi=2", imageAlt: "Professional lawn mowing service"
|
||||
id: "01", title: "Lawn Mowing", description: "Weekly or bi-weekly professional mowing with sharp blades, clean edges, and perfect height precision.", imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg", imageAlt: "Professional lawn mowing service"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Lawn Maintenance", description: "Comprehensive care including trimming, edging, blowing, and mulching for that polished look.", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg?_wi=2", imageAlt: "Lawn maintenance and yard care"
|
||||
id: "02", title: "Lawn Maintenance", description: "Comprehensive care including trimming, edging, blowing, and mulching for that polished look.", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg", imageAlt: "Lawn maintenance and yard care"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Seasonal Cleanup", description: "Spring and fall cleanup services including leaf removal, debris cleanup, and yard preparation.", imageSrc: "http://img.b2bpic.net/free-photo/father-with-little-son-are-planting-tree-yard_1157-26744.jpg?_wi=2", imageAlt: "Seasonal yard cleanup service"
|
||||
id: "03", title: "Seasonal Cleanup", description: "Spring and fall cleanup services including leaf removal, debris cleanup, and yard preparation.", imageSrc: "http://img.b2bpic.net/free-photo/father-with-little-son-are-planting-tree-yard_1157-26744.jpg", imageAlt: "Seasonal yard cleanup service"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Turf Management", description: "Professional turf care including aeration, seeding, and treatments for healthy, vibrant grass.", imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg?_wi=2", imageAlt: "Professional turf management service"
|
||||
id: "04", title: "Turf Management", description: "Professional turf care including aeration, seeding, and treatments for healthy, vibrant grass.", imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg", imageAlt: "Professional turf management service"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
gridVariant="bento-grid"
|
||||
carouselMode="buttons"
|
||||
titleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
descriptionClassName="text-lg text-foreground/70"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,7 +167,7 @@ export default function LandingPage() {
|
||||
title: "Local Business", description: "We're part of the Tennessee community, invested in your satisfaction and your beautiful yards.", icon: MapPin
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg"
|
||||
imageAlt="Professional lawn care team"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -189,10 +189,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
products={[
|
||||
{
|
||||
id: "transform-1", name: "Overgrown to Manicured", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg?_wi=2", imageAlt: "Lawn transformation: before and after"
|
||||
id: "transform-1", name: "Overgrown to Manicured", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803969.jpg", imageAlt: "Lawn transformation: before and after"
|
||||
},
|
||||
{
|
||||
id: "transform-2", name: "Spring Restoration", price: "Seasonal Service", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg?_wi=2", imageAlt: "Spring lawn restoration result"
|
||||
id: "transform-2", name: "Spring Restoration", price: "Seasonal Service", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg", imageAlt: "Spring lawn restoration result"
|
||||
},
|
||||
{
|
||||
id: "transform-3", name: "Summer Maintenance", price: "Regular Service", imageSrc: "http://img.b2bpic.net/free-photo/mom-with-baby-neck-dad-daughter-lawn_259150-59395.jpg", imageAlt: "Summer lawn maintenance success"
|
||||
@@ -209,8 +209,8 @@ export default function LandingPage() {
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
uniformGridCustomHeightClasses="min-h-80"
|
||||
titleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
descriptionClassName="text-lg text-foreground/70"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -253,8 +253,8 @@ export default function LandingPage() {
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
uniformGridCustomHeightClasses="min-h-96"
|
||||
titleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
descriptionClassName="text-lg text-foreground/70"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user