Merge version_1 into main #2
@@ -19,17 +19,15 @@ export default function BecomeArtisanPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{ label: "Find Artisans", href: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/a-modern-mobile-app-interface-showing-a--1773177765363-61a78fb4.png" },
|
||||
title: "Platform", items: [
|
||||
{ label: "Find Artisans", href: "/find-artisan" },
|
||||
{ label: "Post Request", href: "#post-request" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "For Artisans",
|
||||
items: [
|
||||
title: "For Artisans", items: [
|
||||
{ label: "Become Artisan", href: "/become-artisan" },
|
||||
{ label: "Artisan Dashboard", href: "#artisan-dashboard" },
|
||||
{ label: "Growth Resources", href: "#resources" },
|
||||
@@ -37,8 +35,7 @@ export default function BecomeArtisanPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact Support", href: "#contact" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
@@ -54,7 +51,7 @@ export default function BecomeArtisanPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -65,9 +62,7 @@ export default function BecomeArtisanPage() {
|
||||
brandName="ArtisanGo"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#post-request",
|
||||
}}
|
||||
text: "Get Started", href: "#post-request"}}
|
||||
buttonClassName="bg-gradient-to-r from-blue-500 to-blue-600 hover:shadow-lg transition-all"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,19 +71,12 @@ export default function BecomeArtisanPage() {
|
||||
<TextSplitAbout
|
||||
title="Start Earning with ArtisanGo"
|
||||
description={[
|
||||
"Join thousands of skilled professionals building thriving businesses on ArtisanGo. Get consistent leads, manage your schedule, and grow your income with a trusted marketplace.",
|
||||
"Whether you're an electrician, plumber, painter, or other skilled tradesperson, ArtisanGo connects you with customers who value quality work and fair pricing.",
|
||||
"Earn 85% of every job you complete. Our 15% commission covers payment processing, customer support, and the technology that keeps you connected.",
|
||||
]}
|
||||
"Join thousands of skilled professionals building thriving businesses on ArtisanGo. Get consistent leads, manage your schedule, and grow your income with a trusted marketplace.", "Whether you're an electrician, plumber, painter, or other skilled tradesperson, ArtisanGo connects you with customers who value quality work and fair pricing.", "Earn 85% of every job you complete. Our 15% commission covers payment processing, customer support, and the technology that keeps you connected."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#application",
|
||||
},
|
||||
text: "Apply Now", href: "#application"},
|
||||
{
|
||||
text: "Learn Benefits",
|
||||
href: "#benefits",
|
||||
},
|
||||
text: "Learn Benefits", href: "#benefits"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
showBorder={true}
|
||||
@@ -107,34 +95,17 @@ export default function BecomeArtisanPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Consistent Quality Leads",
|
||||
description: "Receive job notifications matched to your skills and availability. No bidding, no competition—just opportunities that fit you.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/push-notification-and-alert-system-showi-1773177764280-3dcbbfa9.png?_wi=2",
|
||||
imageAlt: "Real-time job notifications for artisans",
|
||||
},
|
||||
title: "Consistent Quality Leads", description: "Receive job notifications matched to your skills and availability. No bidding, no competition—just opportunities that fit you.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/push-notification-and-alert-system-showi-1773177764280-3dcbbfa9.png", imageAlt: "Real-time job notifications for artisans"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Manage Your Own Schedule",
|
||||
description: "Set your availability, availability windows, and service areas. You control when and where you work. Accept or decline jobs with total flexibility.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/artisan-dashboard-showing-monthly-earnin-1773177763994-2d46f261.png?_wi=1",
|
||||
imageAlt: "Artisan dashboard with earnings and job management",
|
||||
},
|
||||
title: "Manage Your Own Schedule", description: "Set your availability, availability windows, and service areas. You control when and where you work. Accept or decline jobs with total flexibility.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/artisan-dashboard-showing-monthly-earnin-1773177763994-2d46f261.png", imageAlt: "Artisan dashboard with earnings and job management"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Secure, Fast Payments",
|
||||
description: "Get paid directly for every completed job. Payments processed weekly to your bank account. Transparent fee breakdown, zero surprise charges.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/secure-payment-checkout-interface-showin-1773177763978-f0b03e4c.png?_wi=2",
|
||||
imageAlt: "Secure payment processing and earnings dashboard",
|
||||
},
|
||||
title: "Secure, Fast Payments", description: "Get paid directly for every completed job. Payments processed weekly to your bank account. Transparent fee breakdown, zero surprise charges.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/secure-payment-checkout-interface-showin-1773177763978-f0b03e4c.png", imageAlt: "Secure payment processing and earnings dashboard"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Build Your Reputation",
|
||||
description: "Star ratings and verified reviews build trust and attract more clients. Our verified badge program highlights top performers and certifications.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/a-professional-artisan-profile-card-show-1773177763262-bd114a5c.png?_wi=2",
|
||||
imageAlt: "Professional artisan profile with ratings and verification",
|
||||
},
|
||||
title: "Build Your Reputation", description: "Star ratings and verified reviews build trust and attract more clients. Our verified badge program highlights top performers and certifications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/a-professional-artisan-profile-card-show-1773177763262-bd114a5c.png", imageAlt: "Professional artisan profile with ratings and verification"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,39 +121,21 @@ export default function BecomeArtisanPage() {
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/artisan-dashboard-showing-monthly-earnin-1773177763994-2d46f261.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/artisan-dashboard-showing-monthly-earnin-1773177763994-2d46f261.png"
|
||||
imageAlt="Artisan earnings dashboard interface"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I apply to become an ArtisanGo professional?",
|
||||
content: "Visit our application page and complete your profile with your skills, certifications, and service areas. We verify your background and credentials within 48 hours. Once approved, you can start receiving job notifications immediately.",
|
||||
},
|
||||
id: "1", title: "How do I apply to become an ArtisanGo professional?", content: "Visit our application page and complete your profile with your skills, certifications, and service areas. We verify your background and credentials within 48 hours. Once approved, you can start receiving job notifications immediately."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What skills and certifications do I need?",
|
||||
content: "Requirements vary by service type. For electrical work, you'll need proper licensing. For other trades, relevant experience and customer references help. We support professionals at all levels—apprentices to master craftspeople. Your skills are verified through background checks and reference validation.",
|
||||
},
|
||||
id: "2", title: "What skills and certifications do I need?", content: "Requirements vary by service type. For electrical work, you'll need proper licensing. For other trades, relevant experience and customer references help. We support professionals at all levels—apprentices to master craftspeople. Your skills are verified through background checks and reference validation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How much do I earn per job?",
|
||||
content: "You keep 85% of the service price you quote. For example, if a customer pays $100 for your service, you receive $85. ArtisanGo's 15% commission covers payment processing, customer support, platform maintenance, and fraud prevention. You set your own rates.",
|
||||
},
|
||||
id: "3", title: "How much do I earn per job?", content: "You keep 85% of the service price you quote. For example, if a customer pays $100 for your service, you receive $85. ArtisanGo's 15% commission covers payment processing, customer support, platform maintenance, and fraud prevention. You set your own rates."},
|
||||
{
|
||||
id: "4",
|
||||
title: "When do I get paid?",
|
||||
content: "Payment is processed weekly (every Monday) to your connected bank account. The payment is made only after the customer confirms service completion and has reviewed the work. You can track all earnings in your dashboard in real-time.",
|
||||
},
|
||||
id: "4", title: "When do I get paid?", content: "Payment is processed weekly (every Monday) to your connected bank account. The payment is made only after the customer confirms service completion and has reviewed the work. You can track all earnings in your dashboard in real-time."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I work full-time or part-time?",
|
||||
content: "Completely up to you! Some artisans use ArtisanGo as their primary income source (full-time), while others take jobs on evenings and weekends. You control your availability and can pause your profile anytime.",
|
||||
},
|
||||
id: "5", title: "Can I work full-time or part-time?", content: "Completely up to you! Some artisans use ArtisanGo as their primary income source (full-time), while others take jobs on evenings and weekends. You control your availability and can pause your profile anytime."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What if there's a payment dispute with a customer?",
|
||||
content: "Our dedicated support team investigates disputes within 24 hours. If you've completed the work professionally and the customer is satisfied, payment is released. If there's a legitimate issue, we work with both parties to resolve fairly. Your protection is our priority.",
|
||||
},
|
||||
id: "6", title: "What if there's a payment dispute with a customer?", content: "Our dedicated support team investigates disputes within 24 hours. If you've completed the work professionally and the customer is satisfied, payment is released. If there's a legitimate issue, we work with both parties to resolve fairly. Your protection is our priority."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
297
src/app/page.tsx
297
src/app/page.tsx
@@ -26,8 +26,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{ label: "Find Artisans", href: "/find-artisan" },
|
||||
{ label: "Post Request", href: "/post-request" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
@@ -35,8 +34,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "For Artisans",
|
||||
items: [
|
||||
title: "For Artisans", items: [
|
||||
{ label: "Become Artisan", href: "/become-artisan" },
|
||||
{ label: "Artisan Dashboard", href: "/artisan-dashboard" },
|
||||
{ label: "Growth Resources", href: "/resources" },
|
||||
@@ -44,8 +42,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Support", href: "/contact" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
@@ -61,7 +58,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -72,9 +69,7 @@ export default function HomePage() {
|
||||
brandName="ArtisanGo"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#post-request",
|
||||
}}
|
||||
text: "Get Started", href: "#post-request"}}
|
||||
buttonClassName="bg-gradient-to-r from-blue-500 to-blue-600 hover:shadow-lg transition-all"
|
||||
/>
|
||||
</div>
|
||||
@@ -83,16 +78,12 @@ export default function HomePage() {
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="ArtisanGo"
|
||||
description="Connect instantly with vetted artisans near you. From plumbing to electrical work, find trusted professionals available in under 30 minutes. Fair pricing, transparent reviews, and secure payments—all in one app."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Find an Artisan",
|
||||
href: "/find-artisan",
|
||||
},
|
||||
text: "Find an Artisan", href: "/find-artisan"},
|
||||
{
|
||||
text: "Become an Artisan",
|
||||
href: "/become-artisan",
|
||||
},
|
||||
text: "Become an Artisan", href: "/become-artisan"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
@@ -115,34 +106,17 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Post Your Request",
|
||||
description: "Describe your problem, upload photos, and select your location. Tell us if it's urgent or scheduled.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/multi-step-form-interface-for-submitting-1773177768980-e6980195.png",
|
||||
imageAlt: "Multi-step service request form",
|
||||
},
|
||||
title: "Post Your Request", description: "Describe your problem, upload photos, and select your location. Tell us if it's urgent or scheduled.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/multi-step-form-interface-for-submitting-1773177768980-e6980195.png", imageAlt: "Multi-step service request form"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Nearby Artisans Receive Alerts",
|
||||
description: "Qualified professionals in your area instantly get notified with your service details and can accept immediately.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/push-notification-and-alert-system-showi-1773177764280-3dcbbfa9.png?_wi=1",
|
||||
imageAlt: "Real-time notification to artisans",
|
||||
},
|
||||
title: "Nearby Artisans Receive Alerts", description: "Qualified professionals in your area instantly get notified with your service details and can accept immediately.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/push-notification-and-alert-system-showi-1773177764280-3dcbbfa9.png", imageAlt: "Real-time notification to artisans"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Communicate & Confirm",
|
||||
description: "Chat directly with the accepted artisan, confirm timing, and get a transparent quote before work begins.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/a-professional-artisan-profile-card-show-1773177763262-bd114a5c.png?_wi=1",
|
||||
imageAlt: "Artisan profile with verified badge and ratings",
|
||||
},
|
||||
title: "Communicate & Confirm", description: "Chat directly with the accepted artisan, confirm timing, and get a transparent quote before work begins.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/a-professional-artisan-profile-card-show-1773177763262-bd114a5c.png", imageAlt: "Artisan profile with verified badge and ratings"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Secure Payment & Review",
|
||||
description: "Pay securely through our platform. After service completion, leave a rating to help the community.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/secure-payment-checkout-interface-showin-1773177763978-f0b03e4c.png?_wi=1",
|
||||
imageAlt: "Secure payment checkout interface",
|
||||
},
|
||||
title: "Secure Payment & Review", description: "Pay securely through our platform. After service completion, leave a rating to help the community.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/secure-payment-checkout-interface-showin-1773177763978-f0b03e4c.png", imageAlt: "Secure payment checkout interface"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -151,15 +125,10 @@ export default function HomePage() {
|
||||
<TextSplitAbout
|
||||
title="Why Choose ArtisanGo"
|
||||
description={[
|
||||
"ArtisanGo transforms how people find and hire skilled artisans. Our platform combines technology with trust, ensuring every connection is secure, transparent, and efficient.",
|
||||
"Whether you need emergency repairs or planned maintenance, we connect you with verified professionals who deliver quality work at fair prices.",
|
||||
"Our verified rating system, secure payments, and 24/7 support make ArtisanGo the most reliable marketplace for home and business services.",
|
||||
]}
|
||||
"ArtisanGo transforms how people find and hire skilled artisans. Our platform combines technology with trust, ensuring every connection is secure, transparent, and efficient.", "Whether you need emergency repairs or planned maintenance, we connect you with verified professionals who deliver quality work at fair prices.", "Our verified rating system, secure payments, and 24/7 support make ArtisanGo the most reliable marketplace for home and business services."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
showBorder={true}
|
||||
@@ -178,65 +147,23 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "plumbing",
|
||||
brand: "Home Repair",
|
||||
name: "Plumbing Services",
|
||||
price: "From $50/hr",
|
||||
rating: 4.8,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/a-professional-plumber-working-on-a-kitc-1773177763468-af4d8bd4.png?_wi=1",
|
||||
imageAlt: "Professional plumbing service installation",
|
||||
},
|
||||
id: "plumbing", brand: "Home Repair", name: "Plumbing Services", price: "From $50/hr", rating: 4.8,
|
||||
reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/a-professional-plumber-working-on-a-kitc-1773177763468-af4d8bd4.png", imageAlt: "Professional plumbing service installation"},
|
||||
{
|
||||
id: "electrical",
|
||||
brand: "Home Repair",
|
||||
name: "Electrical Work",
|
||||
price: "From $60/hr",
|
||||
rating: 4.9,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-electrician-performing-elec-1773177763482-12340b17.png?_wi=1",
|
||||
imageAlt: "Professional electrical service installation",
|
||||
},
|
||||
id: "electrical", brand: "Home Repair", name: "Electrical Work", price: "From $60/hr", rating: 4.9,
|
||||
reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-electrician-performing-elec-1773177763482-12340b17.png", imageAlt: "Professional electrical service installation"},
|
||||
{
|
||||
id: "painting",
|
||||
brand: "Home Repair",
|
||||
name: "Painting & Finishing",
|
||||
price: "From $40/hr",
|
||||
rating: 4.7,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-painter-working-on-interior-1773177763691-f45dacf3.png?_wi=1",
|
||||
imageAlt: "Professional interior painting service",
|
||||
},
|
||||
id: "painting", brand: "Home Repair", name: "Painting & Finishing", price: "From $40/hr", rating: 4.7,
|
||||
reviewCount: "1.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-painter-working-on-interior-1773177763691-f45dacf3.png", imageAlt: "Professional interior painting service"},
|
||||
{
|
||||
id: "heating",
|
||||
brand: "HVAC",
|
||||
name: "Heating & Cooling",
|
||||
price: "From $80/hr",
|
||||
rating: 4.9,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-service-category-icons-arra-1773177765256-1f310060.png?_wi=1",
|
||||
imageAlt: "HVAC heating and cooling services",
|
||||
},
|
||||
id: "heating", brand: "HVAC", name: "Heating & Cooling", price: "From $80/hr", rating: 4.9,
|
||||
reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-service-category-icons-arra-1773177765256-1f310060.png", imageAlt: "HVAC heating and cooling services"},
|
||||
{
|
||||
id: "locksmith",
|
||||
brand: "Security",
|
||||
name: "Locksmith Services",
|
||||
price: "From $45/hr",
|
||||
rating: 4.8,
|
||||
reviewCount: "980",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-service-category-icons-arra-1773177765256-1f310060.png?_wi=2",
|
||||
imageAlt: "Professional locksmith services",
|
||||
},
|
||||
id: "locksmith", brand: "Security", name: "Locksmith Services", price: "From $45/hr", rating: 4.8,
|
||||
reviewCount: "980", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-service-category-icons-arra-1773177765256-1f310060.png", imageAlt: "Professional locksmith services"},
|
||||
{
|
||||
id: "carpentry",
|
||||
brand: "Construction",
|
||||
name: "Carpentry & Woodwork",
|
||||
price: "From $55/hr",
|
||||
rating: 4.7,
|
||||
reviewCount: "1.1k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-service-category-icons-arra-1773177765256-1f310060.png?_wi=3",
|
||||
imageAlt: "Professional carpentry services",
|
||||
},
|
||||
id: "carpentry", brand: "Construction", name: "Carpentry & Woodwork", price: "From $55/hr", rating: 4.7,
|
||||
reviewCount: "1.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-service-category-icons-arra-1773177765256-1f310060.png", imageAlt: "Professional carpentry services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,29 +179,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Active Artisans",
|
||||
value: "5,200+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Active Artisans", value: "5,200+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: MapPin,
|
||||
title: "Service Areas",
|
||||
value: "45 Cities",
|
||||
},
|
||||
id: "2", icon: MapPin,
|
||||
title: "Service Areas", value: "45 Cities"},
|
||||
{
|
||||
id: "3",
|
||||
icon: CheckCircle,
|
||||
title: "Completed Jobs",
|
||||
value: "38,000+",
|
||||
},
|
||||
id: "3", icon: CheckCircle,
|
||||
title: "Completed Jobs", value: "38,000+"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Star,
|
||||
title: "Avg Rating",
|
||||
value: "4.8★",
|
||||
},
|
||||
id: "4", icon: Star,
|
||||
title: "Avg Rating", value: "4.8★"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -291,53 +206,17 @@ export default function HomePage() {
|
||||
speed={40}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
handle: "homeowner, NYC",
|
||||
testimonial: "Found a plumber within 15 minutes. Professional, fair pricing, and done right the first time. ArtisanGo is a game-changer!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-satisfied-cli-1773177766056-edf81acd.png",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
},
|
||||
id: "1", name: "Sarah Mitchell", handle: "homeowner, NYC", testimonial: "Found a plumber within 15 minutes. Professional, fair pricing, and done right the first time. ArtisanGo is a game-changer!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-satisfied-cli-1773177766056-edf81acd.png", imageAlt: "Sarah Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "building manager, Boston",
|
||||
testimonial: "We handle multiple properties and ArtisanGo saves us hours finding reliable contractors. Transparent pricing and fast response times.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-satisfied-cli-1773177763146-a199cda9.png",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "building manager, Boston", testimonial: "We handle multiple properties and ArtisanGo saves us hours finding reliable contractors. Transparent pricing and fast response times.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-satisfied-cli-1773177763146-a199cda9.png", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
handle: "artisan, Los Angeles",
|
||||
testimonial: "As an electrician, ArtisanGo sends me consistent jobs. Fair commission, easy platform, and great customer support. Highly recommend!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-satisfied-fem-1773177763966-83889a2a.png",
|
||||
imageAlt: "Emma Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emma Rodriguez", handle: "artisan, Los Angeles", testimonial: "As an electrician, ArtisanGo sends me consistent jobs. Fair commission, easy platform, and great customer support. Highly recommend!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-satisfied-fem-1773177763966-83889a2a.png", imageAlt: "Emma Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Park",
|
||||
handle: "homeowner, Seattle",
|
||||
testimonial: "Emergency plumbing issue at 11 PM—had someone at my door by midnight. Professional, vetted, and exactly what I needed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-male-client-2-1773177763544-078987d8.png",
|
||||
imageAlt: "David Park",
|
||||
},
|
||||
id: "4", name: "David Park", handle: "homeowner, Seattle", testimonial: "Emergency plumbing issue at 11 PM—had someone at my door by midnight. Professional, vetted, and exactly what I needed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-male-client-2-1773177763544-078987d8.png", imageAlt: "David Park"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Walsh",
|
||||
handle: "office manager, Chicago",
|
||||
testimonial: "Our office maintenance is now handled through ArtisanGo. Reliable, professional, and we save 30% on service costs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-female-client-1773177763022-054571a3.png",
|
||||
imageAlt: "Jennifer Walsh",
|
||||
},
|
||||
id: "5", name: "Jennifer Walsh", handle: "office manager, Chicago", testimonial: "Our office maintenance is now handled through ArtisanGo. Reliable, professional, and we save 30% on service costs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-female-client-1773177763022-054571a3.png", imageAlt: "Jennifer Walsh"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Thomas Kumar",
|
||||
handle: "plumber, San Francisco",
|
||||
testimonial: "Best platform for independent artisans. Direct client connections, secure payments, and zero middleman hassle. Growing my business 40% YoY.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-male-client-3-1773177763245-70fcbf78.png",
|
||||
imageAlt: "Thomas Kumar",
|
||||
},
|
||||
id: "6", name: "Thomas Kumar", handle: "plumber, San Francisco", testimonial: "Best platform for independent artisans. Direct client connections, secure payments, and zero middleman hassle. Growing my business 40% YoY.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-headshot-of-a-male-client-3-1773177763245-70fcbf78.png", imageAlt: "Thomas Kumar"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -354,23 +233,9 @@ export default function HomePage() {
|
||||
speed={40}
|
||||
showCard={true}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-company-logo-design-for-a-l-1773177762901-a62ae621.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-maintenance-and-re-1773177763132-bf0e4ad1.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-skilled-trades-mar-1773177763867-8b908977.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-on-demand-home-ser-1773177762485-a6783d54.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-artisan-network-co-1773177763635-6feb2c39.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-local-services-mar-1773177762768-923cd5cf.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-rapid-response-hom-1773177762985-557f9147.png",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-company-logo-design-for-a-l-1773177762901-a62ae621.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-maintenance-and-re-1773177763132-bf0e4ad1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-skilled-trades-mar-1773177763867-8b908977.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-on-demand-home-ser-1773177762485-a6783d54.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-artisan-network-co-1773177763635-6feb2c39.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-local-services-mar-1773177762768-923cd5cf.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/professional-logo-for-rapid-response-hom-1773177762985-557f9147.png"]}
|
||||
names={[
|
||||
"HomeCare Network",
|
||||
"ProServices Inc",
|
||||
"TrustBuild Marketplace",
|
||||
"QuickFix Platform",
|
||||
"ArtisanHub Connect",
|
||||
"LocalPro Services",
|
||||
"RapidRepair Network",
|
||||
]}
|
||||
"HomeCare Network", "ProServices Inc", "TrustBuild Marketplace", "QuickFix Platform", "ArtisanHub Connect", "LocalPro Services", "RapidRepair Network"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -385,39 +250,21 @@ export default function HomePage() {
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/client-dashboard-showing-active-service--1773177766882-4c33323b.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alqo9ajXpD8slpiZcKW4TWzhMB/client-dashboard-showing-active-service--1773177766882-4c33323b.png"
|
||||
imageAlt="ArtisanGo client dashboard interface"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How quickly can I find an artisan?",
|
||||
content: "ArtisanGo connects you with available artisans in your area within minutes. For urgent requests (marked as emergency), qualified professionals receive instant notifications and can often arrive within 15-30 minutes depending on availability and distance.",
|
||||
},
|
||||
id: "1", title: "How quickly can I find an artisan?", content: "ArtisanGo connects you with available artisans in your area within minutes. For urgent requests (marked as emergency), qualified professionals receive instant notifications and can often arrive within 15-30 minutes depending on availability and distance."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I know if artisans are verified?",
|
||||
content: "All artisans on ArtisanGo undergo verification including background checks, credential verification, and skill assessment. Verified artisans display a checkmark badge on their profile. Ratings and reviews from real customers provide additional transparency.",
|
||||
},
|
||||
id: "2", title: "How do I know if artisans are verified?", content: "All artisans on ArtisanGo undergo verification including background checks, credential verification, and skill assessment. Verified artisans display a checkmark badge on their profile. Ratings and reviews from real customers provide additional transparency."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept all major credit cards, debit cards, and digital wallets through our secure Stripe integration. Payments are held securely until service completion, protecting both clients and artisans. No hidden fees—transparent pricing always.",
|
||||
},
|
||||
id: "3", title: "What payment methods are accepted?", content: "We accept all major credit cards, debit cards, and digital wallets through our secure Stripe integration. Payments are held securely until service completion, protecting both clients and artisans. No hidden fees—transparent pricing always."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What's the ArtisanGo commission rate?",
|
||||
content: "ArtisanGo takes a 15% commission on completed jobs. This covers platform maintenance, payment processing, customer support, and fraud prevention. Artisans receive 85% of the service fee directly to their account.",
|
||||
},
|
||||
id: "4", title: "What's the ArtisanGo commission rate?", content: "ArtisanGo takes a 15% commission on completed jobs. This covers platform maintenance, payment processing, customer support, and fraud prevention. Artisans receive 85% of the service fee directly to their account."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I request specific types of services?",
|
||||
content: "Yes! You can filter by service type (plumbing, electrical, HVAC, etc.), artisan ratings, hourly rates, certifications, and availability. Our advanced matching algorithm ensures you connect with the most suitable professional for your needs.",
|
||||
},
|
||||
id: "5", title: "Can I request specific types of services?", content: "Yes! You can filter by service type (plumbing, electrical, HVAC, etc.), artisan ratings, hourly rates, certifications, and availability. Our advanced matching algorithm ensures you connect with the most suitable professional for your needs."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What if I'm not satisfied with the service?",
|
||||
content: "If you're not satisfied, contact our support team within 24 hours of service completion. We investigate disputes and can offer refunds, re-work, or credits depending on the situation. Customer satisfaction is our priority.",
|
||||
},
|
||||
id: "6", title: "What if I'm not satisfied with the service?", content: "If you're not satisfied, contact our support team within 24 hours of service completion. We investigate disputes and can offer refunds, re-work, or credits depending on the situation. Customer satisfaction is our priority."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -434,53 +281,25 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "client",
|
||||
badge: "For Clients",
|
||||
price: "Free",
|
||||
subtitle: "Post requests and connect with artisans",
|
||||
buttons: [
|
||||
id: "client", badge: "For Clients", price: "Free", subtitle: "Post requests and connect with artisans", buttons: [
|
||||
{
|
||||
text: "Find an Artisan",
|
||||
href: "/find-artisan",
|
||||
},
|
||||
text: "Find an Artisan", href: "/find-artisan"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
text: "Learn More", href: "#how-it-works"},
|
||||
],
|
||||
features: [
|
||||
"Post unlimited service requests",
|
||||
"See real-time artisan availability",
|
||||
"Secure in-app messaging",
|
||||
"Transparent pricing & quotes",
|
||||
"Verified artisan ratings",
|
||||
"24/7 customer support",
|
||||
],
|
||||
"Post unlimited service requests", "See real-time artisan availability", "Secure in-app messaging", "Transparent pricing & quotes", "Verified artisan ratings", "24/7 customer support"],
|
||||
},
|
||||
{
|
||||
id: "artisan",
|
||||
badge: "For Artisans",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Grow your business with consistent leads",
|
||||
buttons: [
|
||||
id: "artisan", badge: "For Artisans", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Grow your business with consistent leads", buttons: [
|
||||
{
|
||||
text: "Become an Artisan",
|
||||
href: "/become-artisan",
|
||||
},
|
||||
text: "Become an Artisan", href: "/become-artisan"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
],
|
||||
features: [
|
||||
"Get instant job notifications",
|
||||
"Manage your availability & rates",
|
||||
"Build your verified profile",
|
||||
"Secure payment processing (85%)",
|
||||
"24/7 professional support",
|
||||
"Grow your client base",
|
||||
],
|
||||
"Get instant job notifications", "Manage your availability & rates", "Build your verified profile", "Secure payment processing (85%)", "24/7 professional support", "Grow your client base"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -1,51 +1,40 @@
|
||||
"use client";
|
||||
import React, { SVGProps } from "react";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
className?: string;
|
||||
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
|
||||
text?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
|
||||
({ text = "Logo Text", ...props }, ref) => {
|
||||
return (
|
||||
<svg
|
||||
ref={ref}
|
||||
viewBox="0 0 200 50"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
{logoText}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
<defs>
|
||||
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" style={{ stopColor: "#3b82f6", stopOpacity: 1 }} />
|
||||
<stop offset="100%" style={{ stopColor: "#1e40af", stopOpacity: 1 }} />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<text
|
||||
x="10"
|
||||
y="35"
|
||||
fontFamily="Arial, sans-serif"
|
||||
fontSize="28"
|
||||
fontWeight="bold"
|
||||
fill="url(#textGradient)"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user