Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3fa1fa23e6 |
215
src/app/page.tsx
215
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Vendors",
|
name: "Vendors", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ServiceConnect"
|
brandName="ServiceConnect"
|
||||||
/>
|
/>
|
||||||
@@ -63,37 +53,23 @@ export default function LandingPage() {
|
|||||||
description="Connecting you with verified professional companies for home, health, and more in the US and UK. Seamless booking, real reviews, and guaranteed satisfaction."
|
description="Connecting you with verified professional companies for home, health, and more in the US and UK. Seamless booking, real reviews, and guaranteed satisfaction."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Browse Vendors",
|
text: "Browse Vendors", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Sign In",
|
text: "Sign In", href: "/signin"},
|
||||||
href: "/signin",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-vector/furniture-shopping-app-set_23-2148663606.jpg"
|
imageSrc="http://img.b2bpic.net/free-vector/furniture-shopping-app-set_23-2148663606.jpg"
|
||||||
imageAlt="Service marketplace interface"
|
imageAlt="Service marketplace interface"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-laptop-sofa_268835-1519.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-laptop-sofa_268835-1519.jpg", alt: "Happy Customer 1"},
|
||||||
alt: "Happy Customer 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/successful-hispanic-woman-smiling-using-laptop-cafe_197531-22840.jpg",
|
src: "http://img.b2bpic.net/free-photo/successful-hispanic-woman-smiling-using-laptop-cafe_197531-22840.jpg", alt: "Happy Customer 2"},
|
||||||
alt: "Happy Customer 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-laptop-minimalist-workspace_24972-2913.jpg",
|
src: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-laptop-minimalist-workspace_24972-2913.jpg", alt: "Happy Customer 3"},
|
||||||
alt: "Happy Customer 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-female-freelancer-sits-front-opened-laptop-computer_273609-28713.jpg",
|
src: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-female-freelancer-sits-front-opened-laptop-computer_273609-28713.jpg", alt: "Happy Customer 4"},
|
||||||
alt: "Happy Customer 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-busy-cheerful-man_329181-14520.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-busy-cheerful-man_329181-14520.jpg", alt: "Happy Customer 5"},
|
||||||
alt: "Happy Customer 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 10,000+ satisfied customers"
|
avatarText="Join 10,000+ satisfied customers"
|
||||||
/>
|
/>
|
||||||
@@ -105,23 +81,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Verified Vendors",
|
title: "Verified Vendors", description: "Only top-tier companies, fully vetted for your security.", imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg", imageAlt: "Verified"},
|
||||||
description: "Only top-tier companies, fully vetted for your security.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg",
|
|
||||||
imageAlt: "Verified",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Easy Booking",
|
title: "Easy Booking", description: "WhatsApp and email reminders included automatically.", imageSrc: "http://img.b2bpic.net/free-photo/calendar-appointment-meeting-date-concept_53876-120967.jpg", imageAlt: "Booking"},
|
||||||
description: "WhatsApp and email reminders included automatically.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-appointment-meeting-date-concept_53876-120967.jpg",
|
|
||||||
imageAlt: "Booking",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Transparent Reviews",
|
title: "Transparent Reviews", description: "Authentic ratings based on real service history.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-expressions_23-2148860265.jpg", imageAlt: "Reviews"},
|
||||||
description: "Authentic ratings based on real service history.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-expressions_23-2148860265.jpg",
|
|
||||||
imageAlt: "Reviews",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose ServiceConnect?"
|
title="Why Choose ServiceConnect?"
|
||||||
description="Everything you need for a premium, hassle-free booking experience."
|
description="Everything you need for a premium, hassle-free booking experience."
|
||||||
@@ -135,34 +99,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "150+", title: "Dentists", items: [
|
||||||
value: "150+",
|
"Teeth Whitening", "General Care", "Orthodontics"],
|
||||||
title: "Dentists",
|
|
||||||
items: [
|
|
||||||
"Teeth Whitening",
|
|
||||||
"General Care",
|
|
||||||
"Orthodontics",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "300+", title: "Plumbers", items: [
|
||||||
value: "300+",
|
"Pipe Repairs", "Drainage", "Installations"],
|
||||||
title: "Plumbers",
|
|
||||||
items: [
|
|
||||||
"Pipe Repairs",
|
|
||||||
"Drainage",
|
|
||||||
"Installations",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "200+", title: "Roofers", items: [
|
||||||
value: "200+",
|
"Repairs", "New Installs", "Inspections"],
|
||||||
title: "Roofers",
|
|
||||||
items: [
|
|
||||||
"Repairs",
|
|
||||||
"New Installs",
|
|
||||||
"Inspections",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Popular Categories"
|
title="Popular Categories"
|
||||||
@@ -192,41 +138,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "v1",
|
id: "v1", name: "London Dental Care", price: "TBD", imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-bulding_1203-811.jpg"},
|
||||||
name: "London Dental Care",
|
|
||||||
price: "TBD",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-bulding_1203-811.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "v2",
|
id: "v2", name: "Pro Plumbers UK", price: "$80/hr", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-windows_23-2147773331.jpg"},
|
||||||
name: "Pro Plumbers UK",
|
|
||||||
price: "$80/hr",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-windows_23-2147773331.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "v3",
|
id: "v3", name: "Green Thumb Landscaping", price: "$120/job", imageSrc: "http://img.b2bpic.net/free-photo/close-up-strong-man-gloves-cutting-leaves-his-garden-farmer-spending-summer-morning-working-garden-near-countryside-house_176420-19902.jpg"},
|
||||||
name: "Green Thumb Landscaping",
|
|
||||||
price: "$120/job",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-strong-man-gloves-cutting-leaves-his-garden-farmer-spending-summer-morning-working-garden-near-countryside-house_176420-19902.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "v4",
|
id: "v4", name: "Family Dental Group", price: "TBD", imageSrc: "http://img.b2bpic.net/free-photo/lady-receptionist-working-hospital-reception-desk-help-patients-with-medical-appointment-healthcare-employee-waiting-room-lobby-checkup-visit-report-with-medication_482257-47699.jpg"},
|
||||||
name: "Family Dental Group",
|
|
||||||
price: "TBD",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-receptionist-working-hospital-reception-desk-help-patients-with-medical-appointment-healthcare-employee-waiting-room-lobby-checkup-visit-report-with-medication_482257-47699.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "v5",
|
id: "v5", name: "Premier Roofing", price: "$250/quote", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg"},
|
||||||
name: "Premier Roofing",
|
|
||||||
price: "$250/quote",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "v6",
|
id: "v6", name: "Apex Electrical", price: "$90/hr", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67983.jpg"},
|
||||||
name: "Apex Electrical",
|
|
||||||
price: "$90/hr",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67983.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Top-Rated Service Providers"
|
title="Top-Rated Service Providers"
|
||||||
description="Book a top-rated company in your area today."
|
description="Book a top-rated company in your area today."
|
||||||
@@ -241,25 +163,15 @@ export default function LandingPage() {
|
|||||||
author="Sarah Jenkins"
|
author="Sarah Jenkins"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-joyful-redhead-student-with-hair-knot-enjoying-online-communication-indoors_273609-9097.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-joyful-redhead-student-with-hair-knot-enjoying-online-communication-indoors_273609-9097.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/photo-young-smiling-redhead-bearded-man-holding-coffee-cup-cafeteria_171337-10003.jpg",
|
src: "http://img.b2bpic.net/free-photo/photo-young-smiling-redhead-bearded-man-holding-coffee-cup-cafeteria_171337-10003.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346506.jpg",
|
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346506.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -272,20 +184,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "How does WhatsApp integration work?", content: "During account setup, you can link your WhatsApp number to receive automated booking confirmations and appointment reminders."},
|
||||||
title: "How does WhatsApp integration work?",
|
|
||||||
content: "During account setup, you can link your WhatsApp number to receive automated booking confirmations and appointment reminders.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Are all vendors vetted?", content: "Yes, all service companies on our platform undergo a rigorous verification process to ensure quality and reliability."},
|
||||||
title: "Are all vendors vetted?",
|
|
||||||
content: "Yes, all service companies on our platform undergo a rigorous verification process to ensure quality and reliability.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Can I filter vendors by location?", content: "Absolutely, our search interface includes advanced location-based filtering and categorization."},
|
||||||
title: "Can I filter vendors by location?",
|
|
||||||
content: "Absolutely, our search interface includes advanced location-based filtering and categorization.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Clear answers for our users."
|
description="Clear answers for our users."
|
||||||
@@ -297,10 +200,9 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Get Started with ServiceConnect"
|
title="Get Started with ServiceConnect"
|
||||||
description="Ready to list your company or book your first service? Join us today."
|
description="Book your first service in seconds—join our community of satisfied users today."
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -310,50 +212,31 @@ export default function LandingPage() {
|
|||||||
logoText="ServiceConnect"
|
logoText="ServiceConnect"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Marketplace",
|
title: "Marketplace", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Vendors",
|
label: "Vendors", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Categories",
|
label: "Categories", href: "#categories"},
|
||||||
href: "#categories",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "WhatsApp Help",
|
label: "WhatsApp Help", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -362,4 +245,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user