Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -10,6 +10,7 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Star,
|
||||
@@ -32,10 +33,9 @@ import {
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Why Us", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -70,15 +70,13 @@ export default function HomePage() {
|
||||
description="Owner-operated specialist serving Brentwood, Exeter, Seacoast NH, Southern Maine & Northern MA. Premium seed blends, wood fiber mulch, and expert care on every project."
|
||||
buttons={[
|
||||
{ text: "Call Now for Free Estimate", href: "tel:(603)944-5527" },
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
dashboard={{
|
||||
title: "Why Hydroseeding Works",
|
||||
logoIcon: Sprout,
|
||||
title: "Why Hydroseeding Works", logoIcon: Sprout,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/ecology-infographic-with-photo_23-2148450710.jpg",
|
||||
buttons: [{ text: "Learn More", href: "/services" }],
|
||||
"http://img.b2bpic.net/free-vector/ecology-infographic-with-photo_23-2148450710.jpg", buttons: [{ text: "Learn More", href: "#hydroseeding-explained" }],
|
||||
sidebarItems: [
|
||||
{ icon: Leaf },
|
||||
{ icon: Droplets },
|
||||
@@ -86,38 +84,28 @@ export default function HomePage() {
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Coverage",
|
||||
values: ["98%", "99%", "100%"],
|
||||
description: "Even grass distribution",
|
||||
},
|
||||
title: "Coverage", values: [98, 99, 100],
|
||||
valueSuffix: "%", description: "Even grass distribution"},
|
||||
{
|
||||
title: "Growth Rate",
|
||||
values: ["7", "10", "14"],
|
||||
valueSuffix: " days",
|
||||
description: "Faster germination",
|
||||
},
|
||||
title: "Growth Rate", values: [7, 10, 14],
|
||||
valueSuffix: " days", description: "Faster germination"},
|
||||
{
|
||||
title: "Customer Rating",
|
||||
values: ["4.8", "4.9", "5.0"],
|
||||
description: "38 verified reviews",
|
||||
},
|
||||
title: "Customer Rating", values: [4.8, 4.9, 5.0],
|
||||
description: "38 verified reviews"},
|
||||
],
|
||||
chartTitle: "Quality Ingredients",
|
||||
chartData: [
|
||||
chartTitle: "Quality Ingredients", chartData: [
|
||||
{ value: 85 },
|
||||
{ value: 90 },
|
||||
{ value: 95 },
|
||||
{ value: 88 },
|
||||
{ value: 92 },
|
||||
],
|
||||
listTitle: "What You Get",
|
||||
listItems: [
|
||||
listTitle: "What You Get", listItems: [
|
||||
{ icon: CheckCircle, title: "Premium Seed Blend", status: "Included" },
|
||||
{ icon: CheckCircle, title: "100% Wood Fiber Mulch", status: "Included" },
|
||||
{ icon: CheckCircle, title: "Slow-Release Fertilizer", status: "Included" },
|
||||
],
|
||||
searchPlaceholder: "Explore our process",
|
||||
}}
|
||||
searchPlaceholder: "Explore our process"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,9 +115,9 @@ export default function HomePage() {
|
||||
tagIcon={Shield}
|
||||
title="Local Expert. Fully Insured. Owner-Operated."
|
||||
description="With 5-star reviews and a reputation for excellence, Fowler's Fine Grass delivers premium hydroseeding with unmatched communication, fair pricing, and meticulous attention to detail. No job too big or too small."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg"
|
||||
imageAlt="Chris Fowler on a hydroseeding job site"
|
||||
buttons={[{ text: "Learn More", href: "/services" }]}
|
||||
buttons={[{ text: "Learn More", href: "#hydroseeding-explained" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,58 +130,34 @@ export default function HomePage() {
|
||||
tagIcon={Lightbulb}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Seed Blend",
|
||||
description:
|
||||
"Specially selected grass varieties optimized for NH climate and your specific site conditions.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-natural-soil-grass_23-2148858151.jpg?_wi=1",
|
||||
imageAlt: "Hydroseeding seed blend",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Premium Seed Blend", description:
|
||||
"Specially selected grass varieties optimized for NH climate and your specific site conditions.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-natural-soil-grass_23-2148858151.jpg", imageAlt: "Hydroseeding seed blend", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Wood Fiber Mulch",
|
||||
description:
|
||||
"100% biodegradable fiber mulch retains moisture, protects seed, and breaks down naturally.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-shot-brown-leaves-ground-daytime_181624-20999.jpg?_wi=1",
|
||||
imageAlt: "Wood fiber mulch texture",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Wood Fiber Mulch", description:
|
||||
"100% biodegradable fiber mulch retains moisture, protects seed, and breaks down naturally.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-shot-brown-leaves-ground-daytime_181624-20999.jpg", imageAlt: "Wood fiber mulch texture", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Slow-Release Fertilizer",
|
||||
description:
|
||||
"Balanced nutrients feed your new grass consistently for strong root development.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/spray-bottle-near-bag-with-gardening-tools_23-2147714846.jpg?_wi=1",
|
||||
imageAlt: "Fertilizer application",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Slow-Release Fertilizer", description:
|
||||
"Balanced nutrients feed your new grass consistently for strong root development.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/spray-bottle-near-bag-with-gardening-tools_23-2147714846.jpg", imageAlt: "Fertilizer application", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Lime & Biostimulants",
|
||||
description:
|
||||
"Soil amendments optimize pH and seed germination for maximum success.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-plants_181624-19389.jpg",
|
||||
imageAlt: "Lime application",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Lime & Biostimulants", description:
|
||||
"Soil amendments optimize pH and seed germination for maximum success.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-shot-fresh-green-plants_181624-19389.jpg", imageAlt: "Lime application", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Tackifiers",
|
||||
description:
|
||||
"Binding agents keep seed and mulch in place on slopes and erosion-prone areas.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/african-gardener-guy-gardener-with-watering-can-flower-beds_1157-47076.jpg",
|
||||
imageAlt: "Tackifier spray",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Tackifiers", description:
|
||||
"Binding agents keep seed and mulch in place on slopes and erosion-prone areas.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/african-gardener-guy-gardener-with-watering-can-flower-beds_1157-47076.jpg", imageAlt: "Tackifier spray", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Water Slurry",
|
||||
description:
|
||||
"Custom hydroseed mixture applied evenly across your entire property in one visit.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15994.jpg",
|
||||
imageAlt: "Hydroseeding truck application",
|
||||
buttonIcon: ArrowRight,
|
||||
title: "Water Slurry", description:
|
||||
"Custom hydroseed mixture applied evenly across your entire property in one visit.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15994.jpg", imageAlt: "Hydroseeding truck application", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -201,6 +165,55 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
title="Our Services"
|
||||
description="Comprehensive hydroseeding solutions for residential and commercial properties."
|
||||
tag="Services"
|
||||
tagIcon={Briefcase}
|
||||
products={[
|
||||
{
|
||||
id: "residential", name: "Residential Hydroseeding", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-petanque-outdoors_23-2149530378.jpg", imageAlt: "residential lawn"},
|
||||
{
|
||||
id: "commercial", name: "Commercial Hydroseeding", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lots-aerial-view_1127-4052.jpg", imageAlt: "commercial property"},
|
||||
{
|
||||
id: "new-construction", name: "New Construction Lawns", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-desert-chile-separated-by-fence-with-buildings-background_181624-9783.jpg", imageAlt: "construction site"},
|
||||
{
|
||||
id: "lawn-renovation", name: "Lawn Renovation", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-digging-grass-up_23-2147714901.jpg", imageAlt: "lawn renovation"},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardSeven
|
||||
title="Simple 3-Step Process"
|
||||
description="From free estimate to a lush, thriving lawn—here's how we work."
|
||||
tag="Our Process"
|
||||
tagIcon={Zap}
|
||||
metrics={[
|
||||
{
|
||||
id: "step-1", value: "1", title: "Free Site Estimate", items: [
|
||||
"Assess your property and goals", "Review site conditions", "Provide transparent pricing"],
|
||||
},
|
||||
{
|
||||
id: "step-2", value: "2", title: "Site Prep & Application", items: [
|
||||
"Professional site preparation", "Custom hydroseed mix applied", "Even coverage guaranteed"],
|
||||
},
|
||||
{
|
||||
id: "step-3", value: "3", title: "Water & Watch It Grow", items: [
|
||||
"Follow watering instructions", "Grass germinates in 7-14 days", "Thick lawn in 4-6 weeks"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Trusted by NH Homeowners & Businesses"
|
||||
@@ -209,71 +222,29 @@ export default function HomePage() {
|
||||
tagIcon={MessageSquare}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
title: "Very Easy to Do Business With",
|
||||
quote:
|
||||
"Chris was very easy to do business with and offered very fair prices. He was very knowledgeable about what he was doing and took care of us through the whole process.",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Homeowner, Brentwood NH",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",
|
||||
imageAlt: "woman professional portrait happy customer",
|
||||
},
|
||||
id: "testimonial-1", title: "Very Easy to Do Business With", quote:
|
||||
"Chris was very easy to do business with and offered very fair prices. He was very knowledgeable about what he was doing and took care of us through the whole process.", name: "Sarah Mitchell", role: "Homeowner, Brentwood NH", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", imageAlt: "woman professional portrait happy customer"},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
title: "Communication Skills Are Top Notch",
|
||||
quote:
|
||||
"Communication skills are top notch. Very responsive and professional. The work was done perfectly and our new lawn looks amazing!",
|
||||
name: "Michael Chen",
|
||||
role: "Property Owner, Exeter NH",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",
|
||||
imageAlt: "man professional portrait business customer",
|
||||
},
|
||||
id: "testimonial-2", title: "Communication Skills Are Top Notch", quote:
|
||||
"Communication skills are top notch. Very responsive and professional. The work was done perfectly and our new lawn looks amazing!", name: "Michael Chen", role: "Property Owner, Exeter NH", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "man professional portrait business customer"},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
title: "Worked Hard to Accommodate Deadlines",
|
||||
quote:
|
||||
"Chris worked hard to accommodate our tight timeline. Takes great care in his work and really shows he cares about the end result. Highly recommend!",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Contractor, Seacoast NH",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12835.jpg",
|
||||
imageAlt: "woman contractor portrait professional customer",
|
||||
},
|
||||
id: "testimonial-3", title: "Worked Hard to Accommodate Deadlines", quote:
|
||||
"Chris worked hard to accommodate our tight timeline. Takes great care in his work and really shows he cares about the end result. Highly recommend!", name: "Emily Rodriguez", role: "Contractor, Seacoast NH", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12835.jpg", imageAlt: "woman contractor portrait professional customer"},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
title: "Professional & Knowledgeable",
|
||||
quote:
|
||||
"Very knowledgeable professional. Fair pricing, excellent communication, and the results speak for themselves. Our lawn is thick and beautiful.",
|
||||
name: "David Kim",
|
||||
role: "Commercial Property Manager",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",
|
||||
imageAlt: "man manager portrait professional customer",
|
||||
},
|
||||
id: "testimonial-4", title: "Professional & Knowledgeable", quote:
|
||||
"Very knowledgeable professional. Fair pricing, excellent communication, and the results speak for themselves. Our lawn is thick and beautiful.", name: "David Kim", role: "Commercial Property Manager", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "man manager portrait professional customer"},
|
||||
{
|
||||
id: "testimonial-5",
|
||||
title: "No Job Too Big or Too Small",
|
||||
quote:
|
||||
"Chris handled our large commercial project seamlessly. Professional, reliable, and delivered exactly what he promised. Fantastic work.",
|
||||
name: "Jessica Thompson",
|
||||
role: "Construction Manager",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
imageAlt: "woman business portrait professional customer",
|
||||
},
|
||||
id: "testimonial-5", title: "No Job Too Big or Too Small", quote:
|
||||
"Chris handled our large commercial project seamlessly. Professional, reliable, and delivered exactly what he promised. Fantastic work.", name: "Jessica Thompson", role: "Construction Manager", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "woman business portrait professional customer"},
|
||||
{
|
||||
id: "testimonial-6",
|
||||
title: "5-Star Experience from Start to Finish",
|
||||
quote:
|
||||
"Outstanding service from the initial estimate through project completion. Clear communication, fair pricing, and exceptional results. 5 stars!",
|
||||
name: "Robert Anderson",
|
||||
role: "Homeowner, Southern Maine",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
imageAlt: "man satisfied portrait professional customer",
|
||||
},
|
||||
id: "testimonial-6", title: "5-Star Experience from Start to Finish", quote:
|
||||
"Outstanding service from the initial estimate through project completion. Clear communication, fair pricing, and exceptional results. 5 stars!", name: "Robert Anderson", role: "Homeowner, Southern Maine", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "man satisfied portrait professional customer"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -287,15 +258,7 @@ export default function HomePage() {
|
||||
tag="Trusted Locally"
|
||||
tagIcon={Award}
|
||||
names={[
|
||||
"Fully Insured & Licensed",
|
||||
"Owner-Operated",
|
||||
"Premium Materials Only",
|
||||
"24-Hour Availability",
|
||||
"No Job Too Small",
|
||||
"Competitive Pricing",
|
||||
"Expert Guarantee",
|
||||
"Fast Turnaround",
|
||||
]}
|
||||
"Fully Insured & Licensed", "Owner-Operated", "Premium Materials Only", "24-Hour Availability", "No Job Too Small", "Competitive Pricing", "Expert Guarantee", "Fast Turnaround"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
@@ -322,41 +285,35 @@ export default function HomePage() {
|
||||
logoText="Fowler's Fine Grass LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "/services" },
|
||||
{ label: "Why Choose Us", href: "/about" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#why-us" },
|
||||
{ label: "Our Services", href: "#services" },
|
||||
{ label: "Why Choose Us", href: "#why-us" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Residential Hydroseeding", href: "/services" },
|
||||
{ label: "Commercial Hydroseeding", href: "/services" },
|
||||
{ label: "New Construction", href: "/services" },
|
||||
{ label: "Lawn Renovation", href: "/services" },
|
||||
title: "Services", items: [
|
||||
{ label: "Residential Hydroseeding", href: "#services" },
|
||||
{ label: "Commercial Hydroseeding", href: "#services" },
|
||||
{ label: "New Construction", href: "#services" },
|
||||
{ label: "Lawn Renovation", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: (603) 944-5527", href: "tel:(603)944-5527" },
|
||||
{
|
||||
label: "Email: info@fowlersfinebrass.com",
|
||||
href: "mailto:info@fowlersfinebrass.com",
|
||||
},
|
||||
label: "Email: info@fowlersfinebrass.com", href: "mailto:info@fowlersfinebrass.com"},
|
||||
{ label: "Brentwood, NH 03833", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Area",
|
||||
items: [
|
||||
{ label: "Brentwood, NH", href: "/services" },
|
||||
{ label: "Exeter, NH", href: "/services" },
|
||||
{ label: "Seacoast NH", href: "/services" },
|
||||
{ label: "Southern Maine", href: "/services" },
|
||||
{ label: "Northern Massachusetts", href: "/services" },
|
||||
title: "Service Area", items: [
|
||||
{ label: "Brentwood, NH", href: "#services" },
|
||||
{ label: "Exeter, NH", href: "#services" },
|
||||
{ label: "Seacoast NH", href: "#services" },
|
||||
{ label: "Southern Maine", href: "#services" },
|
||||
{ label: "Northern Massachusetts", href: "#services" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user