Merge version_1 into main #1
176
src/app/page.tsx
176
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Calendar, CheckCircle, ListChecks, ShieldCheck, Star, ThumbsUp, Users } from "lucide-react";
|
||||
import { Award, Calendar, CheckCircle, Droplets, Leaf, ListChecks, Scissors, ShieldCheck, Star, ThumbsUp, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQXI9rHq4iYmyjuJr57V6ro0p5/uploaded-1776318754508-nbyzpdpo.png"
|
||||
brandName="Galvan Landscaping"
|
||||
@@ -56,66 +48,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Professional Landscaping for Your Home"
|
||||
description="Expert lawn mowing, precision pruning, and complete property care to keep your outdoor space vibrant all season long."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jurk3y"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zba56k",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zba56k", alt: "Happy customer 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wbg2j1",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wbg2j1", alt: "Happy customer 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgnaez",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgnaez", alt: "Happy customer 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfmnif",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfmnif", alt: "Happy customer 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnhilb",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnhilb", alt: "Happy customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Satisfaction Guaranteed",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Satisfaction Guaranteed", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Local Team",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Expert Local Team", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Estimates",
|
||||
icon: ListChecks,
|
||||
type: "text-icon", text: "Free Estimates", icon: ListChecks,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Year-Round Service",
|
||||
icon: Calendar,
|
||||
type: "text-icon", text: "Year-Round Service", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -127,28 +96,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Mowing",
|
||||
description: "Precision mowing to keep your grass perfectly uniform and healthy year-round.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5wppai",
|
||||
buttonIcon: "Zap",
|
||||
title: "Lawn Mowing", description: "Precision mowing to keep your grass perfectly uniform and healthy year-round.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5wppai", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Mulching & Edging",
|
||||
description: "Professional mulch installation and clean edging to define your garden beds.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zjrhje",
|
||||
buttonIcon: "Leaf",
|
||||
title: "Mulching & Edging", description: "Professional mulch installation and clean edging to define your garden beds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zjrhje", buttonIcon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Pruning & Trimming",
|
||||
description: "Expert trimming for shrubs, trees, and hedges to maintain shape and growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9iubh",
|
||||
buttonIcon: "Scissors",
|
||||
title: "Pruning & Trimming", description: "Expert trimming for shrubs, trees, and hedges to maintain shape and growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9iubh", buttonIcon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Gutter Cleaning",
|
||||
description: "Safe and thorough gutter maintenance to protect your home from water damage.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=06op64",
|
||||
buttonIcon: "Droplets",
|
||||
title: "Gutter Cleaning", description: "Safe and thorough gutter maintenance to protect your home from water damage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=06op64", buttonIcon: Droplets,
|
||||
},
|
||||
]}
|
||||
title="Our Landscape Services"
|
||||
@@ -162,9 +119,7 @@ export default function LandingPage() {
|
||||
title="Committed to Property Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,25 +132,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
title: "Lawns Maintained",
|
||||
description: "Residential projects successfully serviced.",
|
||||
icon: CheckCircle,
|
||||
id: "1", value: "500+", title: "Lawns Maintained", description: "Residential projects successfully serviced.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
title: "Years Experience",
|
||||
description: "Expertise in local plant health and lawn care.",
|
||||
icon: Award,
|
||||
id: "2", value: "12", title: "Years Experience", description: "Expertise in local plant health and lawn care.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "Customer Retention",
|
||||
description: "Highly satisfied long-term clients.",
|
||||
icon: ThumbsUp,
|
||||
id: "3", value: "98%", title: "Customer Retention", description: "Highly satisfied long-term clients.", icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -210,40 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "My lawn has never looked better since Galvan started.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zba56k",
|
||||
},
|
||||
id: "1", name: "Alice M.", handle: "@alicem", testimonial: "My lawn has never looked better since Galvan started.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zba56k"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob R.",
|
||||
handle: "@bobr",
|
||||
testimonial: "Reliable, professional, and very thorough with pruning.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wbg2j1",
|
||||
},
|
||||
id: "2", name: "Bob R.", handle: "@bobr", testimonial: "Reliable, professional, and very thorough with pruning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wbg2j1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol S.",
|
||||
handle: "@carols",
|
||||
testimonial: "Excellent service and always leave everything spotless.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgnaez",
|
||||
},
|
||||
id: "3", name: "Carol S.", handle: "@carols", testimonial: "Excellent service and always leave everything spotless.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgnaez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dave T.",
|
||||
handle: "@davet",
|
||||
testimonial: "The best lawn mowing service in the neighborhood.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfmnif",
|
||||
},
|
||||
id: "4", name: "Dave T.", handle: "@davet", testimonial: "The best lawn mowing service in the neighborhood.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfmnif"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve K.",
|
||||
handle: "@evek",
|
||||
testimonial: "Finally found a landscaping team that truly cares.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnhilb",
|
||||
},
|
||||
id: "5", name: "Eve K.", handle: "@evek", testimonial: "Finally found a landscaping team that truly cares.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnhilb"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our local neighbors have to say about our care."
|
||||
@@ -255,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I schedule an estimate?",
|
||||
content: "Simply fill out our contact form and we will reach out to confirm.",
|
||||
},
|
||||
id: "1", title: "How do I schedule an estimate?", content: "Simply fill out our contact form and we will reach out to confirm."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we carry full insurance and are licensed for all services.",
|
||||
},
|
||||
id: "2", title: "Are you licensed and insured?", content: "Yes, we carry full insurance and are licensed for all services."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I pick a specific date?",
|
||||
content: "Yes, our team works with you to coordinate a convenient service date.",
|
||||
},
|
||||
id: "3", title: "Can I pick a specific date?", content: "Yes, our team works with you to coordinate a convenient service date."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -282,28 +191,17 @@ export default function LandingPage() {
|
||||
description="Ready to transform your lawn? Choose a date and we will handle the rest."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Preferred Service Date",
|
||||
required: true,
|
||||
name: "date", type: "date", placeholder: "Preferred Service Date", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "service",
|
||||
placeholder: "List the services you are interested in...",
|
||||
required: true,
|
||||
name: "service", placeholder: "List the services you are interested in...", required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a05dqb"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user