Update src/app/page.tsx
This commit is contained in:
142
src/app/page.tsx
142
src/app/page.tsx
@@ -30,92 +30,58 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="American Lawns"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIPFuEPWXjOLKwjwP4zi3c40Rc/uploaded-1777966945866-8i569tkj.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Beautiful Lawns, Zero Hassle."
|
||||
description="American Lawns provides professional, reliable lawn care to keep your outdoor spaces looking their best all year round."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
{
|
||||
text: "Book Your Service Today",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Book Your Service Today", href: "/services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-romantic-woman-outdoors_158595-845.jpg"
|
||||
imageAlt="Well maintained lawn"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/park-outdoor-manicured-lawn-flowerbed-ai-generated-image_587448-1397.jpg",
|
||||
alt: "Park outdoor manicured lawn and flowerbed AI generated image",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/park-outdoor-manicured-lawn-flowerbed-ai-generated-image_587448-1397.jpg", alt: "Park outdoor manicured lawn and flowerbed AI generated image"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-cute-mallard-walking-grass_181624-27514.jpg",
|
||||
alt: "Beautiful shot of a cute mallard walking on a grass",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-cute-mallard-walking-grass_181624-27514.jpg", alt: "Beautiful shot of a cute mallard walking on a grass"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg",
|
||||
alt: "Green grass",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/green-grass_181624-12702.jpg", alt: "Green grass"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-romantic-woman-outdoors_158595-844.jpg",
|
||||
alt: "Beauty romantic woman outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-romantic-woman-outdoors_158595-844.jpg", alt: "Beauty romantic woman outdoors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/one-person-only-mature-painter-with-case-instruments-have-walk-beautiful-spring-park_146671-16216.jpg",
|
||||
alt: "One person only. Mature painter with case of instruments have a walk in the beautiful spring park",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/one-person-only-mature-painter-with-case-instruments-have-walk-beautiful-spring-park_146671-16216.jpg", alt: "One person only. Mature painter with case of instruments have a walk in the beautiful spring park"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Service",
|
||||
},
|
||||
type: "text", text: "Quality Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Specialists",
|
||||
},
|
||||
type: "text", text: "Residential Specialists"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Texas City's Best",
|
||||
},
|
||||
type: "text", text: "Texas City's Best"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Affordable Rates",
|
||||
},
|
||||
type: "text", text: "Affordable Rates"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Care",
|
||||
},
|
||||
type: "text", text: "Reliable Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,25 +96,13 @@ export default function LandingPage() {
|
||||
description="Numbers speak for our quality."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Lawns Maintained",
|
||||
description: "Happy clients across the area.",
|
||||
icon: Users,
|
||||
id: "m1", value: "100+", title: "Lawns Maintained", description: "Happy clients across the area.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5*",
|
||||
title: "Customer Rating",
|
||||
description: "Average review score.",
|
||||
icon: Star,
|
||||
id: "m2", value: "5*", title: "Customer Rating", description: "Average review score.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5yrs",
|
||||
title: "Experience",
|
||||
description: "Years of professional care.",
|
||||
icon: Calendar,
|
||||
id: "m3", value: "5yrs", title: "Experience", description: "Years of professional care.", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -163,15 +117,9 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide free quotes for all our services.",
|
||||
},
|
||||
id: "f1", title: "Do you offer quotes?", content: "Yes, we provide free quotes for all our services."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you serve my area?",
|
||||
content: "We currently serve the greater Texas City area.",
|
||||
},
|
||||
id: "f2", title: "Do you serve my area?", content: "We currently serve the greater Texas City area."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,11 +131,7 @@ export default function LandingPage() {
|
||||
title="Trusted Local Partner"
|
||||
description="Serving residential communities throughout the county."
|
||||
names={[
|
||||
"Texas City Homeowner Association",
|
||||
"Main Street Gardeners",
|
||||
"Local Green Initiative",
|
||||
"Texas Turf Collective",
|
||||
]}
|
||||
"Texas City Homeowner Association", "Main Street Gardeners", "Local Green Initiative", "Texas Turf Collective"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -201,17 +145,9 @@ export default function LandingPage() {
|
||||
description="Choose a plan that fits your yard."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Starter Plan",
|
||||
price: "$50/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blonde-woman-knitted-dress-laughs-happily-posing-with-different-evergreens-greenhouse_197531-12382.jpg",
|
||||
},
|
||||
id: "p1", name: "Starter Plan", price: "$50/mo", imageSrc: "http://img.b2bpic.net/free-photo/positive-blonde-woman-knitted-dress-laughs-happily-posing-with-different-evergreens-greenhouse_197531-12382.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Full Care",
|
||||
price: "$120/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg",
|
||||
},
|
||||
id: "p2", name: "Full Care", price: "$120/mo", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -220,29 +156,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Mowing",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Mowing", href: "/services"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Maintenance", href: "/services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -253,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user