diff --git a/src/app/page.tsx b/src/app/page.tsx index dfc927b..637e19d 100644 --- a/src/app/page.tsx +++ b/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"}} /> @@ -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} /> @@ -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() { /> +