import React from 'react'; import { Search, ArrowRight, Home, HammerIcon } from 'lucide-react'; // Configuration object to manage all text and content const config = { heroTitle: "Find the Perfect Helper for Your Home", heroHighlight: "Helper", heroSubtitle: "Connect with skilled professionals for all your home service needs, ensuring quality and reliability every time.", searchPlaceholder: "What service do you need?", searchButtonText: "Find Help", homesServedText: "10,000+ Homes Served", expertsText: "500+ Expert Professionals", services: [ { name: 'Cleaning', link: '/cleaning' }, { name: 'Plumbing', link: '/plumbing' }, { name: 'Electrical', link: '/electrical' }, { name: 'Gardening', link: '/gardening' } ], heroImages: { image1: { src: "https://images.unsplash.com/photo-1513151233558-d860c5398176?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Happy homeowner", size: "w-48 sm:w-80 h-48 sm:h-80" }, image2: { src: "https://images.unsplash.com/photo-1551972873-b7e8754e8e26?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDZ8fHxlbnwwfHx8fHw%3D", alt: "Professional helper", size: "w-40 sm:w-72 h-40 sm:h-72" } } }; const NeuromorphicHeroSection = () => { return (

{config.heroTitle.split(config.heroHighlight)[0]}{config.heroHighlight}{config.heroTitle.split(config.heroHighlight)[1]}

{config.heroSubtitle}

{config.homesServedText}

{config.expertsText}

{config.services.map((service) => (

{service.name}

))}

); }; export default NeuromorphicHeroSection;

Neuromorphic Components

Neumorphic Hero