From 2cef2a1146fc38dc4f47b1ea7a6c9a3cb76d08ec Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 13:16:06 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 257 +++++++++++------------------------------------ 1 file changed, 58 insertions(+), 199 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index eb56885..052ec50 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="fluid" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="primary-glow" secondaryButtonStyle="radial-glow" @@ -37,9 +37,7 @@ export default function HomePage() { { name: "Reviews", id: "testimonials" }, ]} button={{ - text: "Get Started", - href: "#cta", - }} + text: "Get Started", href: "#cta"}} animateOnLoad={true} /> @@ -51,28 +49,18 @@ export default function HomePage() { tag="Wellness Marketplace" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beauty-treatments_1098-3132.jpg?_wi=1", - imageAlt: "Serene massage therapy session", - }, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beauty-treatments_1098-3132.jpg", imageAlt: "Serene massage therapy session"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=1", - imageAlt: "Professional massage therapist", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", imageAlt: "Professional massage therapist"}, { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-nurse-happily-looking-camera-near-place-advertisement-promotional-text-white-background_574295-2099.jpg?_wi=1", - imageAlt: "Certified wellness practitioner", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-nurse-happily-looking-camera-near-place-advertisement-promotional-text-white-background_574295-2099.jpg", imageAlt: "Certified wellness practitioner"}, { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-showing-smartphone-screen-recommending-mobile-app-travelling_1258-270227.jpg?_wi=1", - imageAlt: "Easy booking interface", - }, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-showing-smartphone-screen-recommending-mobile-app-travelling_1258-270227.jpg", imageAlt: "Easy booking interface"}, { - imageSrc: "http://img.b2bpic.net/free-vector/smart-payment-wallet-isometric-landing-web-banner_107791-934.jpg?_wi=1", - imageAlt: "Secure payment processing", - }, + imageSrc: "http://img.b2bpic.net/free-vector/smart-payment-wallet-isometric-landing-web-banner_107791-934.jpg", imageAlt: "Secure payment processing"}, ]} buttons={[ { text: "Find a Massage Therapist", href: "#featured" }, @@ -96,45 +84,17 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", - brand: "Swedish Specialist", - name: "Sarah Chen", - price: "$60 / hour", - rating: 5, - reviewCount: "487", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=2", - imageAlt: "Sarah Chen - Swedish Massage Specialist", - }, + id: "1", brand: "Swedish Specialist", name: "Sarah Chen", price: "$60 / hour", rating: 5, + reviewCount: "487", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", imageAlt: "Sarah Chen - Swedish Massage Specialist"}, { - id: "2", - brand: "Deep Tissue Expert", - name: "Marcus Johnson", - price: "$70 / hour", - rating: 5, - reviewCount: "342", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-nurse-happily-looking-camera-near-place-advertisement-promotional-text-white-background_574295-2099.jpg?_wi=2", - imageAlt: "Marcus Johnson - Deep Tissue Specialist", - }, + id: "2", brand: "Deep Tissue Expert", name: "Marcus Johnson", price: "$70 / hour", rating: 5, + reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-nurse-happily-looking-camera-near-place-advertisement-promotional-text-white-background_574295-2099.jpg", imageAlt: "Marcus Johnson - Deep Tissue Specialist"}, { - id: "3", - brand: "Holistic Wellness", - name: "Elena Rodriguez", - price: "$65 / hour", - rating: 5, - reviewCount: "298", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-nurse-happily-looking-camera-near-place-advertisement-promotional-text-white-background_574295-2099.jpg?_wi=3", - imageAlt: "Elena Rodriguez - Holistic Wellness Practitioner", - }, + id: "3", brand: "Holistic Wellness", name: "Elena Rodriguez", price: "$65 / hour", rating: 5, + reviewCount: "298", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-nurse-happily-looking-camera-near-place-advertisement-promotional-text-white-background_574295-2099.jpg", imageAlt: "Elena Rodriguez - Holistic Wellness Practitioner"}, { - id: "4", - brand: "Sports Recovery", - name: "David Kim", - price: "$75 / hour", - rating: 4, - reviewCount: "215", - imageSrc: "http://img.b2bpic.net/free-photo/young-lady-bathrobe-hugging-herself-looking-confident_176474-88286.jpg?_wi=1", - imageAlt: "David Kim - Sports Recovery Specialist", - }, + id: "4", brand: "Sports Recovery", name: "David Kim", price: "$75 / hour", rating: 4, + reviewCount: "215", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-bathrobe-hugging-herself-looking-confident_176474-88286.jpg", imageAlt: "David Kim - Sports Recovery Specialist"}, ]} buttons={[{ text: "Browse All Therapists", href: "/therapists" }]} /> @@ -151,53 +111,23 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - title: "Easy Profile Setup", - description: "Create a professional profile in minutes with certifications, photos, and service offerings.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg?_wi=3", - imageAlt: "Easy profile setup", - buttonIcon: ArrowRight, - buttonHref: "#cta", - }, + title: "Easy Profile Setup", description: "Create a professional profile in minutes with certifications, photos, and service offerings.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", imageAlt: "Easy profile setup", buttonIcon: ArrowRight, + buttonHref: "#cta"}, { - title: "Smart Scheduling", - description: "Manage your availability calendar and automate booking confirmations.", - imageSrc: "http://img.b2bpic.net/free-photo/crop-man-underlining-data-notebook_23-2147785056.jpg?_wi=1", - imageAlt: "Smart scheduling calendar", - buttonIcon: Calendar, - buttonHref: "#cta", - }, + title: "Smart Scheduling", description: "Manage your availability calendar and automate booking confirmations.", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-underlining-data-notebook_23-2147785056.jpg", imageAlt: "Smart scheduling calendar", buttonIcon: Calendar, + buttonHref: "#cta"}, { - title: "Secure Payments", - description: "Get paid fast with automatic transfers and transparent pricing.", - imageSrc: "http://img.b2bpic.net/free-vector/smart-payment-wallet-isometric-landing-web-banner_107791-934.jpg?_wi=2", - imageAlt: "Secure payment processing", - buttonIcon: CreditCard, - buttonHref: "#cta", - }, + title: "Secure Payments", description: "Get paid fast with automatic transfers and transparent pricing.", imageSrc: "http://img.b2bpic.net/free-vector/smart-payment-wallet-isometric-landing-web-banner_107791-934.jpg", imageAlt: "Secure payment processing", buttonIcon: CreditCard, + buttonHref: "#cta"}, { - title: "Client Reviews", - description: "Build credibility with authentic client reviews and ratings.", - imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg?_wi=1", - imageAlt: "Client testimonials", - buttonIcon: Star, - buttonHref: "#cta", - }, + title: "Client Reviews", description: "Build credibility with authentic client reviews and ratings.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", imageAlt: "Client testimonials", buttonIcon: Star, + buttonHref: "#cta"}, { - title: "Promotion Tools", - description: "Boost visibility with featured placements and targeted promotions.", - imageSrc: "http://img.b2bpic.net/free-vector/gradient-bank-holiday-labels_23-2149378402.jpg?_wi=1", - imageAlt: "Promotion tools", - buttonIcon: TrendingUp, - buttonHref: "#cta", - }, + title: "Promotion Tools", description: "Boost visibility with featured placements and targeted promotions.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-bank-holiday-labels_23-2149378402.jpg", imageAlt: "Promotion tools", buttonIcon: TrendingUp, + buttonHref: "#cta"}, { - title: "Client Support", - description: "24/7 messaging and support to communicate with your clients.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-showing-smartphone-screen-recommending-mobile-app-travelling_1258-270227.jpg?_wi=2", - imageAlt: "Client support messaging", - buttonIcon: MessageCircle, - buttonHref: "#cta", - }, + title: "Client Support", description: "24/7 messaging and support to communicate with your clients.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-showing-smartphone-screen-recommending-mobile-app-travelling_1258-270227.jpg", imageAlt: "Client support messaging", buttonIcon: MessageCircle, + buttonHref: "#cta"}, ]} buttons={[{ text: "Start Your Free Profile", href: "#cta" }]} /> @@ -207,27 +137,20 @@ export default function HomePage() { @@ -241,44 +164,20 @@ export default function HomePage() { animationType="slide-up" metrics={[ { - id: "1", - value: "01", - title: "Search & Discover", - items: [ - "Filter by location and massage type", - "Read verified reviews and ratings", - "View therapist credentials and experience", - ], + id: "1", value: "01", title: "Search & Discover", items: [ + "Filter by location and massage type", "Read verified reviews and ratings", "View therapist credentials and experience"], }, { - id: "2", - value: "02", - title: "View & Compare", - items: [ - "Compare therapist profiles and pricing", - "Check availability in real-time", - "See service packages and specialties", - ], + id: "2", value: "02", title: "View & Compare", items: [ + "Compare therapist profiles and pricing", "Check availability in real-time", "See service packages and specialties"], }, { - id: "3", - value: "03", - title: "Book & Pay", - items: [ - "Select your preferred time slot", - "Secure payment processing", - "Instant confirmation and reminders", - ], + id: "3", value: "03", title: "Book & Pay", items: [ + "Select your preferred time slot", "Secure payment processing", "Instant confirmation and reminders"], }, { - id: "4", - value: "04", - title: "Enjoy & Review", - items: [ - "Receive your massage therapy session", - "Leave a verified review", - "Save favorite therapists for future bookings", - ], + id: "4", value: "04", title: "Enjoy & Review", items: [ + "Receive your massage therapy session", "Leave a verified review", "Save favorite therapists for future bookings"], }, ]} /> @@ -297,59 +196,23 @@ export default function HomePage() { gridVariant="four-items-2x2-equal-grid" testimonials={[ { - id: "1", - name: "Jennifer Martinez", - role: "Marketing Manager", - company: "Tech Startup", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg?_wi=2", - imageAlt: "Jennifer Martinez - Client testimonial", - }, + id: "1", name: "Jennifer Martinez", role: "Marketing Manager", company: "Tech Startup", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", imageAlt: "Jennifer Martinez - Client testimonial"}, { - id: "2", - name: "Robert Thompson", - role: "CEO", - company: "Consulting Firm", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1", - imageAlt: "Robert Thompson - Client testimonial", - }, + id: "2", name: "Robert Thompson", role: "CEO", company: "Consulting Firm", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Robert Thompson - Client testimonial"}, { - id: "3", - name: "Lisa Wong", - role: "Yoga Instructor", - company: "Wellness Studio", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/serious-confident-red-haired-business-lady-wearing-jacket-standing-with-arms-folded_74855-10381.jpg?_wi=1", - imageAlt: "Lisa Wong - Client testimonial", - }, + id: "3", name: "Lisa Wong", role: "Yoga Instructor", company: "Wellness Studio", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/serious-confident-red-haired-business-lady-wearing-jacket-standing-with-arms-folded_74855-10381.jpg", imageAlt: "Lisa Wong - Client testimonial"}, { - id: "4", - name: "Michael Anderson", - role: "Software Engineer", - company: "Tech Company", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-arms-crossed-looking-camera_23-2148308625.jpg", - imageAlt: "Michael Anderson - Client testimonial", - }, + id: "4", name: "Michael Anderson", role: "Software Engineer", company: "Tech Company", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-arms-crossed-looking-camera_23-2148308625.jpg", imageAlt: "Michael Anderson - Client testimonial"}, { - id: "5", - name: "Amanda Johnson", - role: "Fitness Coach", - company: "Gym", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg?_wi=3", - imageAlt: "Amanda Johnson - Client testimonial", - }, + id: "5", name: "Amanda Johnson", role: "Fitness Coach", company: "Gym", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", imageAlt: "Amanda Johnson - Client testimonial"}, { - id: "6", - name: "David Lee", - role: "Business Owner", - company: "Restaurant", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2", - imageAlt: "David Lee - Client testimonial", - }, + id: "6", name: "David Lee", role: "Business Owner", company: "Restaurant", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "David Lee - Client testimonial"}, ]} /> @@ -363,7 +226,7 @@ export default function HomePage() { tagAnimation="slide-up" background={{ variant: "radial-gradient" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-beauty-treatments_1098-3132.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-beauty-treatments_1098-3132.jpg" imageAlt="Wellness and relaxation" mediaAnimation="opacity" mediaPosition="right" @@ -378,8 +241,7 @@ export default function HomePage() { logoText="ZenBook" columns={[ { - title: "For Clients", - items: [ + title: "For Clients", items: [ { label: "Find Therapists", href: "/therapists" }, { label: "How It Works", href: "#how-it-works" }, { label: "My Bookings", href: "/dashboard" }, @@ -387,8 +249,7 @@ export default function HomePage() { ], }, { - title: "For Therapists", - items: [ + title: "For Therapists", items: [ { label: "Join ZenBook", href: "/join-therapist" }, { label: "Manage Profile", href: "/dashboard" }, { label: "Promotion Tools", href: "#therapist-benefits" }, @@ -396,8 +257,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Blog", href: "/blog" }, @@ -405,8 +265,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" },