Update src/app/page.tsx
This commit is contained in:
280
src/app/page.tsx
280
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Users } from "lucide-react";
|
||||
import { Award, Users, Leaf, TreeDeciduous, Shovel, Flower2, Droplets, Zap, CheckCircle2 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,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: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Wayne & Sons"
|
||||
/>
|
||||
@@ -60,38 +50,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Creating Your Perfect Outdoor Oasis"
|
||||
description="Wayne & Sons Landscaping delivers premium design, installation, and maintenance services for your home."
|
||||
tag="Expert Landscaping"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ycog8k&_wi=1",
|
||||
imageAlt: "Luxury Landscaping",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ycog8k", imageAlt: "Luxury Landscaping"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnei5h",
|
||||
imageAlt: "Professional Gardening",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-3",
|
||||
imageAlt: "Manicured Lawn",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-4",
|
||||
imageAlt: "Garden Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-5",
|
||||
imageAlt: "Outdoor Space",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnei5h", imageAlt: "Professional Gardening"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,19 +79,13 @@ export default function LandingPage() {
|
||||
tag="Our Story"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Professional horticulturists and designers.",
|
||||
},
|
||||
title: "Expert Team", description: "Professional horticulturists and designers."},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Eco-friendly landscaping solutions.",
|
||||
},
|
||||
title: "Sustainable Practices", description: "Eco-friendly landscaping solutions."},
|
||||
{
|
||||
title: "Quality Guaranteed",
|
||||
description: "We stand by every project we finish.",
|
||||
},
|
||||
title: "Quality Guaranteed", description: "We stand by every project we finish."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dn5x9o&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dn5x9o"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -132,70 +97,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Durable stone work and beautiful patios.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cqfsd",
|
||||
imageAlt: "Stone Pathways",
|
||||
},
|
||||
title: "Hardscaping & Patios", description: "Durable stone work and beautiful patios.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cqfsd", imageAlt: "Stone Pathways"},
|
||||
items: [
|
||||
{
|
||||
text: "Stone Patios",
|
||||
},
|
||||
icon: Shovel,
|
||||
text: "Stone Patios"},
|
||||
{
|
||||
text: "Retaining Walls",
|
||||
},
|
||||
icon: TreeDeciduous,
|
||||
text: "Retaining Walls"},
|
||||
{
|
||||
text: "Walkways",
|
||||
},
|
||||
icon: Leaf,
|
||||
text: "Walkways"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ycog8k&_wi=2",
|
||||
imageAlt: "hardscape stone pathway design",
|
||||
},
|
||||
{
|
||||
title: "Garden & Turf Care",
|
||||
description: "Maintenance that keeps your landscape green.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gycj6r",
|
||||
imageAlt: "Lawn Care",
|
||||
},
|
||||
title: "Garden & Turf Care", description: "Maintenance that keeps your landscape green.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gycj6r", imageAlt: "Lawn Care"},
|
||||
items: [
|
||||
{
|
||||
text: "Lawn Mowing",
|
||||
},
|
||||
icon: Flower2,
|
||||
text: "Lawn Mowing"},
|
||||
{
|
||||
text: "Irrigation",
|
||||
},
|
||||
icon: Droplets,
|
||||
text: "Irrigation"},
|
||||
{
|
||||
text: "Fertilizing",
|
||||
},
|
||||
icon: CheckCircle2,
|
||||
text: "Fertilizing"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dn5x9o&_wi=2",
|
||||
imageAlt: "hardscape stone pathway design",
|
||||
},
|
||||
{
|
||||
title: "Planting & Design",
|
||||
description: "Creating vibrant flower beds and healthy trees.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sfunbp",
|
||||
imageAlt: "Planting Services",
|
||||
},
|
||||
title: "Planting & Design", description: "Creating vibrant flower beds and healthy trees.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sfunbp", imageAlt: "Planting Services"},
|
||||
items: [
|
||||
{
|
||||
text: "Flower Beds",
|
||||
},
|
||||
icon: Leaf,
|
||||
text: "Flower Beds"},
|
||||
{
|
||||
text: "Tree Planting",
|
||||
},
|
||||
icon: TreeDeciduous,
|
||||
text: "Tree Planting"},
|
||||
{
|
||||
text: "Mulching",
|
||||
},
|
||||
icon: Zap,
|
||||
text: "Mulching"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pn8gwy&_wi=1",
|
||||
imageAlt: "hardscape stone pathway design",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -211,41 +158,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Backyard Paradise",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pn8gwy&_wi=2",
|
||||
},
|
||||
id: "p1", name: "Backyard Paradise", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pn8gwy"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Pathway",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3axot0",
|
||||
},
|
||||
id: "p2", name: "Modern Pathway", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3axot0"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floral Garden Bed",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yn40r9",
|
||||
},
|
||||
id: "p3", name: "Floral Garden Bed", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yn40r9"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Landscape Lighting",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bzu9wf",
|
||||
},
|
||||
id: "p4", name: "Landscape Lighting", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bzu9wf"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pristine Lawn Care",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=po66eu",
|
||||
},
|
||||
id: "p5", name: "Pristine Lawn Care", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=po66eu"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Patio Seating Area",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xz143",
|
||||
},
|
||||
id: "p6", name: "Patio Seating Area", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xz143"},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="Explore our portfolio of transformed landscapes across the local region."
|
||||
@@ -259,59 +182,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bx1lkr",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bx1lkr"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
role: "Developer",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4zmip",
|
||||
},
|
||||
id: "2", name: "Mark R.", role: "Developer", company: "Local Area", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4zmip"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena D.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1fel8",
|
||||
},
|
||||
id: "3", name: "Elena D.", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1fel8"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qa4t",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Architect", company: "Local Area", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qa4t"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jx629o",
|
||||
},
|
||||
id: "5", name: "Linda M.", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jx629o"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1.2k+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "1.2k+", label: "Projects Completed"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "35+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "35+", label: "Years Experience"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our happy neighbors about the work we've done."
|
||||
@@ -326,25 +218,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "38",
|
||||
title: "Years Active",
|
||||
description: "Dedicated service history.",
|
||||
icon: Award,
|
||||
id: "m1", value: "38", title: "Years Active", description: "Dedicated service history.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
title: "Active Clients",
|
||||
description: "Consistent maintenance.",
|
||||
icon: Users,
|
||||
id: "m2", value: "450+", title: "Active Clients", description: "Consistent maintenance.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Team Members",
|
||||
description: "Expert landscape crew.",
|
||||
icon: Users,
|
||||
id: "m3", value: "12", title: "Team Members", description: "Expert landscape crew.", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -358,20 +238,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, all consultations start with a free site assessment.",
|
||||
},
|
||||
id: "q1", title: "Do you offer quotes?", content: "Yes, all consultations start with a free site assessment."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is maintenance included?",
|
||||
content: "We offer separate recurring maintenance plans.",
|
||||
},
|
||||
id: "q2", title: "Is maintenance included?", content: "We offer separate recurring maintenance plans."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work on weekends?",
|
||||
content: "Standard services run Mon-Fri, with emergencies on weekends.",
|
||||
},
|
||||
id: "q3", title: "Do you work on weekends?", content: "Standard services run Mon-Fri, with emergencies on weekends."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most common queries about our landscaping services."
|
||||
@@ -383,8 +254,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Dream Landscape"
|
||||
description="Ready for a transformation? Reach out today to get your free consultation booked."
|
||||
@@ -400,29 +270,19 @@ export default function LandingPage() {
|
||||
logoText="Wayne & Sons"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user