Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 91a128d07c | |||
| 9d48dce859 | |||
| 3fa1fa23e6 |
226
src/app/page.tsx
226
src/app/page.tsx
@@ -33,25 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Vendors",
|
||||
id: "products",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ServiceConnect"
|
||||
/>
|
||||
@@ -63,37 +51,21 @@ 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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Vendors",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Sign In",
|
||||
href: "/signin",
|
||||
},
|
||||
text: "Sign In", href: "/signin"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/furniture-shopping-app-set_23-2148663606.jpg"
|
||||
imageAlt="Service marketplace interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-laptop-sofa_268835-1519.jpg",
|
||||
alt: "Happy Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-laptop-sofa_268835-1519.jpg", alt: "Happy Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-hispanic-woman-smiling-using-laptop-cafe_197531-22840.jpg",
|
||||
alt: "Happy Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-hispanic-woman-smiling-using-laptop-cafe_197531-22840.jpg", alt: "Happy Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-laptop-minimalist-workspace_24972-2913.jpg",
|
||||
alt: "Happy Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling-while-using-laptop-minimalist-workspace_24972-2913.jpg", alt: "Happy Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-female-freelancer-sits-front-opened-laptop-computer_273609-28713.jpg",
|
||||
alt: "Happy Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-female-freelancer-sits-front-opened-laptop-computer_273609-28713.jpg", alt: "Happy Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-busy-cheerful-man_329181-14520.jpg",
|
||||
alt: "Happy Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-busy-cheerful-man_329181-14520.jpg", alt: "Happy Customer 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied customers"
|
||||
/>
|
||||
@@ -105,23 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Why Choose ServiceConnect?"
|
||||
description="Everything you need for a premium, hassle-free booking experience."
|
||||
@@ -135,34 +95,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Dentists",
|
||||
items: [
|
||||
"Teeth Whitening",
|
||||
"General Care",
|
||||
"Orthodontics",
|
||||
],
|
||||
id: "m1", value: "150+", title: "Dentists", items: [
|
||||
"Teeth Whitening", "General Care", "Orthodontics"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "300+",
|
||||
title: "Plumbers",
|
||||
items: [
|
||||
"Pipe Repairs",
|
||||
"Drainage",
|
||||
"Installations",
|
||||
],
|
||||
id: "m2", value: "300+", title: "Plumbers", items: [
|
||||
"Pipe Repairs", "Drainage", "Installations"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Roofers",
|
||||
items: [
|
||||
"Repairs",
|
||||
"New Installs",
|
||||
"Inspections",
|
||||
],
|
||||
id: "m3", value: "200+", title: "Roofers", items: [
|
||||
"Repairs", "New Installs", "Inspections"],
|
||||
},
|
||||
]}
|
||||
title="Popular Categories"
|
||||
@@ -184,55 +126,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "v1",
|
||||
name: "London Dental Care",
|
||||
price: "TBD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-bulding_1203-811.jpg",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
name: "Pro Plumbers UK",
|
||||
price: "$80/hr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-windows_23-2147773331.jpg",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "v5",
|
||||
name: "Premier Roofing",
|
||||
price: "$250/quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",
|
||||
},
|
||||
{
|
||||
id: "v6",
|
||||
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"
|
||||
description="Book a top-rated company in your area today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
@@ -241,25 +134,15 @@ export default function LandingPage() {
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-joyful-redhead-student-with-hair-knot-enjoying-online-communication-indoors_273609-9097.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-joyful-redhead-student-with-hair-knot-enjoying-online-communication-indoors_273609-9097.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-young-smiling-redhead-bearded-man-holding-coffee-cup-cafeteria_171337-10003.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-young-smiling-redhead-bearded-man-holding-coffee-cup-cafeteria_171337-10003.jpg", 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",
|
||||
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", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346506.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346506.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Customer"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -272,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I filter vendors by location?",
|
||||
content: "Absolutely, our search interface includes advanced location-based filtering and categorization.",
|
||||
},
|
||||
id: "f3", title: "Can I filter vendors by location?", content: "Absolutely, our search interface includes advanced location-based filtering and categorization."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers for our users."
|
||||
@@ -297,10 +171,9 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -310,50 +183,29 @@ export default function LandingPage() {
|
||||
logoText="ServiceConnect"
|
||||
columns={[
|
||||
{
|
||||
title: "Marketplace",
|
||||
items: [
|
||||
title: "Marketplace", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Vendors",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Categories",
|
||||
href: "#categories",
|
||||
},
|
||||
label: "Categories", href: "#categories"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "WhatsApp Help",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp Help", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user