From a7391732130a1ad38df1ba9205433abd8090a265 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:49:01 +0000 Subject: [PATCH 1/7] Update src/app/about/page.tsx --- src/app/about/page.tsx | 65 +++++++++++------------------------------- 1 file changed, 16 insertions(+), 49 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 86389a3..6e6533e 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -35,7 +35,7 @@ export default function AboutPage() { borderRadius="pill" contentWidth="medium" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -51,15 +51,15 @@ export default function AboutPage() { description="We're on a mission to democratize access to quality education and skill development. ClassHub connects passionate instructors with eager learners around the world." tag="Our Story" tagIcon={Sparkles} - background={{ variant: "grid" }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg?_wi=2" + background={{ variant: "animated-grid" }} + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg" imageAlt="Collaborative learning environment" buttons={[ { text: "Join Our Community", href: "/classes" }, { text: "Become an Instructor", href: "/contact" }, ]} tagAnimation="slide-up" - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -71,26 +71,11 @@ export default function AboutPage() { tagIcon={Users} team={[ { - id: "1", - name: "Margaret Johnson", - role: "Founder & CEO", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png?_wi=2", - imageAlt: "Margaret Johnson CEO", - }, + id: "1", name: "Margaret Johnson", role: "Founder & CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png", imageAlt: "Margaret Johnson CEO"}, { - id: "2", - name: "Jessica Lee", - role: "Chief Technology Officer", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-dance-instruc-1773149955255-d32fb4cc.jpg?_wi=2", - imageAlt: "Jessica Lee CTO", - }, + id: "2", name: "Jessica Lee", role: "Chief Technology Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-dance-instruc-1773149955255-d32fb4cc.jpg", imageAlt: "Jessica Lee CTO"}, { - id: "3", - name: "Marcus Williams", - role: "Director of Education", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-yoga-instruct-1773149958540-4c8fc93c.jpg?_wi=2", - imageAlt: "Marcus Williams Education Director", - }, + id: "3", name: "Marcus Williams", role: "Director of Education", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-yoga-instruct-1773149958540-4c8fc93c.jpg", imageAlt: "Marcus Williams Education Director"}, ]} animationType="slide-up" textboxLayout="default" @@ -107,34 +92,22 @@ export default function AboutPage() { features={[ { icon: Target, - title: "Accessibility", - description: "Quality education should be available to everyone, regardless of location or background. We're committed to breaking down barriers to learning.", - }, + title: "Accessibility", description: "Quality education should be available to everyone, regardless of location or background. We're committed to breaking down barriers to learning."}, { icon: Lightbulb, - title: "Innovation", - description: "We constantly evolve our platform with cutting-edge technology and modern teaching methodologies to provide the best learning experience.", - }, + title: "Innovation", description: "We constantly evolve our platform with cutting-edge technology and modern teaching methodologies to provide the best learning experience."}, { icon: Heart, - title: "Community", - description: "We believe in the power of community. Our platform fosters connections between learners, instructors, and peers from around the world.", - }, + title: "Community", description: "We believe in the power of community. Our platform fosters connections between learners, instructors, and peers from around the world."}, { icon: Zap, - title: "Excellence", - description: "We maintain the highest standards in instructor vetting, content quality, and customer support to ensure an exceptional experience.", - }, + title: "Excellence", description: "We maintain the highest standards in instructor vetting, content quality, and customer support to ensure an exceptional experience."}, { icon: Users, - title: "Empowerment", - description: "We empower both students and instructors with the tools they need to succeed, grow, and achieve their educational goals.", - }, + title: "Empowerment", description: "We empower both students and instructors with the tools they need to succeed, grow, and achieve their educational goals."}, { icon: Sparkles, - title: "Integrity", - description: "We operate with transparency and honesty, protecting user data and maintaining trust as the foundation of our platform.", - }, + title: "Integrity", description: "We operate with transparency and honesty, protecting user data and maintaining trust as the foundation of our platform."}, ]} animationType="slide-up" textboxLayout="default" @@ -149,19 +122,13 @@ export default function AboutPage() { socialLinks={[ { icon: Twitter, - href: "https://twitter.com/classhub", - ariaLabel: "Follow ClassHub on Twitter", - }, + href: "https://twitter.com/classhub", ariaLabel: "Follow ClassHub on Twitter"}, { icon: Linkedin, - href: "https://linkedin.com/company/classhub", - ariaLabel: "Follow ClassHub on LinkedIn", - }, + href: "https://linkedin.com/company/classhub", ariaLabel: "Follow ClassHub on LinkedIn"}, { icon: Mail, - href: "mailto:hello@classhub.com", - ariaLabel: "Email ClassHub", - }, + href: "mailto:hello@classhub.com", ariaLabel: "Email ClassHub"}, ]} /> -- 2.49.1 From 45b561d7146c831e02e538579678efe88aee061f Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:49:02 +0000 Subject: [PATCH 2/7] Update src/app/classes/[id]/page.tsx --- src/app/classes/[id]/page.tsx | 184 +++++----------------------------- 1 file changed, 25 insertions(+), 159 deletions(-) diff --git a/src/app/classes/[id]/page.tsx b/src/app/classes/[id]/page.tsx index 0cc4603..6343e23 100644 --- a/src/app/classes/[id]/page.tsx +++ b/src/app/classes/[id]/page.tsx @@ -1,48 +1,21 @@ "use client"; +import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; -import FooterCard from "@/components/sections/footer/FooterCard"; import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; -import FaqDouble from "@/components/sections/faq/FaqDouble"; -import ContactFaq from "@/components/sections/contact/ContactFaq"; -import Link from "next/link"; -import { useParams } from "next/navigation"; -import { - Sparkles, - HelpCircle, - Mail, - Twitter, - Linkedin, - Phone, -} from "lucide-react"; +import FooterCard from "@/components/sections/footer/FooterCard"; +import { Sparkles, Twitter, Linkedin, Mail } from "lucide-react"; -export default function ClassDetailPage() { - const params = useParams(); - const classId = params.id; - - const navItems = [ - { name: "Home", id: "/" }, - { name: "Workshops", id: "/workshops" }, - { name: "Classes", id: "/classes" }, - { name: "Pricing", id: "/pricing" }, - { name: "Contact", id: "/contact" }, - ]; - - // Mock class data - in production, this would come from API - const classData = { - title: "Advanced Web Development Masterclass", - description: - "Dive deep into modern web development with our comprehensive 8-week intensive program. Learn React, Node.js, and full-stack architecture from industry experts.", - instructor: "Marcus Williams", - duration: "8 weeks", - level: "Advanced", - schedule: "Mondays & Wednesdays, 6:00 PM - 8:00 PM UTC", - capacity: 24, - enrolled: 18, - price: "$299", - }; +const navItems = [ + { name: "Home", id: "/" }, + { name: "Workshops", id: "/workshops" }, + { name: "Classes", id: "/classes" }, + { name: "Pricing", id: "/pricing" }, + { name: "Contact", id: "/contact" }, +]; +export default function ClassDetailPage({ params }: { params: { id: string } }) { return ( -
+
-
- -
- -
- -
-
@@ -186,19 +58,13 @@ export default function ClassDetailPage() { socialLinks={[ { icon: Twitter, - href: "https://twitter.com/classhub", - ariaLabel: "Follow ClassHub on Twitter", - }, + href: "https://twitter.com/classhub", ariaLabel: "Follow ClassHub on Twitter"}, { icon: Linkedin, - href: "https://linkedin.com/company/classhub", - ariaLabel: "Follow ClassHub on LinkedIn", - }, + href: "https://linkedin.com/company/classhub", ariaLabel: "Follow ClassHub on LinkedIn"}, { icon: Mail, - href: "mailto:hello@classhub.com", - ariaLabel: "Email ClassHub", - }, + href: "mailto:hello@classhub.com", ariaLabel: "Email ClassHub"}, ]} />
-- 2.49.1 From efb1a7114f6d5268b72d7c36a4a52e73ed08f46c Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:49:03 +0000 Subject: [PATCH 3/7] Update src/app/classes/page.tsx --- src/app/classes/page.tsx | 124 +++++++++++---------------------------- 1 file changed, 33 insertions(+), 91 deletions(-) diff --git a/src/app/classes/page.tsx b/src/app/classes/page.tsx index 1a57f73..2962c12 100644 --- a/src/app/classes/page.tsx +++ b/src/app/classes/page.tsx @@ -37,7 +37,7 @@ export default function ClassesPage() { borderRadius="pill" contentWidth="medium" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -53,21 +53,17 @@ export default function ClassesPage() { description="Discover and book world-class workshops and classes taught by expert instructors. Learn at your own pace with flexible scheduling and interactive learning experiences." tag="Flexible Learning Platform" tagIcon={Sparkles} - background={{ variant: "grid" }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg?_wi=5" + background={{ variant: "animated-grid" }} + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg" imageAlt="Professional workshop training environment" buttons={[ { - text: "Explore Classes", - href: "/classes", - }, + text: "Explore Classes", href: "/classes"}, { - text: "View Pricing", - href: "/pricing", - }, + text: "View Pricing", href: "/pricing"}, ]} tagAnimation="slide-up" - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -76,40 +72,28 @@ export default function ClassesPage() { features={[ { icon: Calendar, - title: "Smart Scheduling", - description: - "Browse upcoming workshops and classes with real-time availability. Filter by category, skill level, instructor, and time slots that fit your schedule.", - }, + title: "Smart Scheduling", description: + "Browse upcoming workshops and classes with real-time availability. Filter by category, skill level, instructor, and time slots that fit your schedule."}, { icon: Users, - title: "Expert Instructors", - description: - "Learn from verified, professional instructors with years of experience in their fields. Read reviews and ratings from other students.", - }, + title: "Expert Instructors", description: + "Learn from verified, professional instructors with years of experience in their fields. Read reviews and ratings from other students."}, { icon: Lock, - title: "Secure Authentication", - description: - "Enterprise-grade JWT authentication with role-based access control. Separate secure dashboards for students, teachers, and administrators.", - }, + title: "Secure Authentication", description: + "Enterprise-grade JWT authentication with role-based access control. Separate secure dashboards for students, teachers, and administrators."}, { icon: BarChart3, - title: "Real-Time Capacity", - description: - "See available seats in real-time. Automatic booking closure when capacity is reached. Prevents overbooking with backend validation.", - }, + title: "Real-Time Capacity", description: + "See available seats in real-time. Automatic booking closure when capacity is reached. Prevents overbooking with backend validation."}, { icon: Zap, - title: "Dynamic Content", - description: - "All content powered by Strapi CMS API. Updates instantly across the platform without code changes. Fully scalable infrastructure.", - }, + title: "Dynamic Content", description: + "All content powered by Strapi CMS API. Updates instantly across the platform without code changes. Fully scalable infrastructure."}, { icon: Smartphone, - title: "Fully Responsive", - description: - "Perfect experience on mobile, tablet, and desktop. Flexbox layouts adapt to any screen size. Touch-optimized interface for mobile users.", - }, + title: "Fully Responsive", description: + "Perfect experience on mobile, tablet, and desktop. Flexbox layouts adapt to any screen size. Touch-optimized interface for mobile users."}, ]} animationType="slide-up" title="Powerful Features" @@ -125,65 +109,29 @@ export default function ClassesPage() { -- 2.49.1 From 99e215efda2df63764abf1f97a660eb74c1da377 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:49:04 +0000 Subject: [PATCH 4/7] Update src/app/page.tsx --- src/app/page.tsx | 249 ++++++++++------------------------------------- 1 file changed, 51 insertions(+), 198 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index dbbf03b..b288f85 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -42,7 +42,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="medium" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -58,15 +58,15 @@ export default function HomePage() { description="Discover and book world-class workshops and classes taught by expert instructors. Learn at your own pace with flexible scheduling and interactive learning experiences." tag="Flexible Learning Platform" tagIcon={Sparkles} - background={{ variant: "grid" }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg?_wi=1" + background={{ variant: "animated-grid" }} + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg" imageAlt="Professional workshop training environment" buttons={[ { text: "Explore Classes", href: "/classes" }, { text: "View Pricing", href: "/pricing" }, ]} tagAnimation="slide-up" - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -79,34 +79,22 @@ export default function HomePage() { features={[ { icon: Calendar, - title: "Smart Scheduling", - description: "Browse upcoming workshops and classes with real-time availability. Filter by category, skill level, instructor, and time slots that fit your schedule.", - }, + title: "Smart Scheduling", description: "Browse upcoming workshops and classes with real-time availability. Filter by category, skill level, instructor, and time slots that fit your schedule."}, { icon: Users, - title: "Expert Instructors", - description: "Learn from verified, professional instructors with years of experience in their fields. Read reviews and ratings from other students.", - }, + title: "Expert Instructors", description: "Learn from verified, professional instructors with years of experience in their fields. Read reviews and ratings from other students."}, { icon: Lock, - title: "Secure Authentication", - description: "Enterprise-grade JWT authentication with role-based access control. Separate secure dashboards for students, teachers, and administrators.", - }, + title: "Secure Authentication", description: "Enterprise-grade JWT authentication with role-based access control. Separate secure dashboards for students, teachers, and administrators."}, { icon: BarChart3, - title: "Real-Time Capacity", - description: "See available seats in real-time. Automatic booking closure when capacity is reached. Prevents overbooking with backend validation.", - }, + title: "Real-Time Capacity", description: "See available seats in real-time. Automatic booking closure when capacity is reached. Prevents overbooking with backend validation."}, { icon: Zap, - title: "Dynamic Content", - description: "All content powered by Strapi CMS API. Updates instantly across the platform without code changes. Fully scalable infrastructure.", - }, + title: "Dynamic Content", description: "All content powered by Strapi CMS API. Updates instantly across the platform without code changes. Fully scalable infrastructure."}, { icon: Smartphone, - title: "Fully Responsive", - description: "Perfect experience on mobile, tablet, and desktop. Flexbox layouts adapt to any screen size. Touch-optimized interface for mobile users.", - }, + title: "Fully Responsive", description: "Perfect experience on mobile, tablet, and desktop. Flexbox layouts adapt to any screen size. Touch-optimized interface for mobile users."}, ]} animationType="slide-up" textboxLayout="default" @@ -122,59 +110,23 @@ export default function HomePage() { tagIcon={Award} testimonials={[ { - id: "1", - name: "Sarah Chen", - role: "Software Engineer", - company: "Tech Startup", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-wo-1773149958697-b0d1653b.png?_wi=1", - imageAlt: "Sarah Chen professional portrait", - }, + id: "1", name: "Sarah Chen", role: "Software Engineer", company: "Tech Startup", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-wo-1773149958697-b0d1653b.png", imageAlt: "Sarah Chen professional portrait"}, { - id: "2", - name: "Michael Rodriguez", - role: "Creative Director", - company: "Design Agency", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-ma-1773149960412-c73ce951.png?_wi=1", - imageAlt: "Michael Rodriguez professional portrait", - }, + id: "2", name: "Michael Rodriguez", role: "Creative Director", company: "Design Agency", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-ma-1773149960412-c73ce951.png", imageAlt: "Michael Rodriguez professional portrait"}, { - id: "3", - name: "Emily Watson", - role: "Marketing Manager", - company: "E-Commerce Business", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-young-professio-1773149959161-e0640722.png?_wi=1", - imageAlt: "Emily Watson professional portrait", - }, + id: "3", name: "Emily Watson", role: "Marketing Manager", company: "E-Commerce Business", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-young-professio-1773149959161-e0640722.png", imageAlt: "Emily Watson professional portrait"}, { - id: "4", - name: "David Kim", - role: "Freelance Developer", - company: "Independent", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-ma-1773149958765-b75148e4.png?_wi=1", - imageAlt: "David Kim professional portrait", - }, + id: "4", name: "David Kim", role: "Freelance Developer", company: "Independent", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-ma-1773149958765-b75148e4.png", imageAlt: "David Kim professional portrait"}, { - id: "5", - name: "Jessica Thompson", - role: "Product Manager", - company: "SaaS Company", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-diverse-profess-1773149958342-9fec15d1.jpg?_wi=1", - imageAlt: "Jessica Thompson professional portrait", - }, + id: "5", name: "Jessica Thompson", role: "Product Manager", company: "SaaS Company", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-diverse-profess-1773149958342-9fec15d1.jpg", imageAlt: "Jessica Thompson professional portrait"}, { - id: "6", - name: "James Morrison", - role: "Business Consultant", - company: "Management Consulting", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-ma-1773149959785-c28fc4c1.png?_wi=1", - imageAlt: "James Morrison professional portrait", - }, + id: "6", name: "James Morrison", role: "Business Consultant", company: "Management Consulting", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/portrait-photograph-of-a-professional-ma-1773149959785-c28fc4c1.png", imageAlt: "James Morrison professional portrait"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -191,63 +143,24 @@ export default function HomePage() { tagIcon={DollarSign} plans={[ { - id: "1", - badge: "Popular", - badgeIcon: Sparkles, - price: "$9.99/mo", - subtitle: "Perfect for casual learners", - features: [ - "Access to all workshops", - "Book up to 5 classes per month", - "Student community forum", - "Mobile app access", - "Basic progress tracking", - ], + id: "1", badge: "Popular", badgeIcon: Sparkles, + price: "$9.99/mo", subtitle: "Perfect for casual learners", features: [ + "Access to all workshops", "Book up to 5 classes per month", "Student community forum", "Mobile app access", "Basic progress tracking"], }, { - id: "2", - badge: "Best Value", - badgeIcon: Zap, - price: "$24.99/mo", - subtitle: "Ideal for dedicated students", - features: [ - "Unlimited class bookings", - "Priority instructor support", - "Advanced progress analytics", - "Certificate of completion", - "Video replay access", - "Networking events", - ], + id: "2", badge: "Best Value", badgeIcon: Zap, + price: "$24.99/mo", subtitle: "Ideal for dedicated students", features: [ + "Unlimited class bookings", "Priority instructor support", "Advanced progress analytics", "Certificate of completion", "Video replay access", "Networking events"], }, { - id: "3", - badge: "Professional", - badgeIcon: Award, - price: "$49.99/mo", - subtitle: "For career advancement", - features: [ - "Everything in Pro plan", - "1-on-1 mentorship sessions", - "Custom learning pathways", - "Career placement assistance", - "Exclusive workshops", - "Priority booking access", - ], + id: "3", badge: "Professional", badgeIcon: Award, + price: "$49.99/mo", subtitle: "For career advancement", features: [ + "Everything in Pro plan", "1-on-1 mentorship sessions", "Custom learning pathways", "Career placement assistance", "Exclusive workshops", "Priority booking access"], }, { - id: "4", - badge: "Teacher License", - badgeIcon: Users, - price: "$99.99/mo", - subtitle: "Teach and earn", - features: [ - "Create & manage classes", - "Student management tools", - "Booking analytics dashboard", - "Revenue tracking", - "Marketing support", - "24/7 technical support", - ], + id: "4", badge: "Teacher License", badgeIcon: Users, + price: "$99.99/mo", subtitle: "Teach and earn", features: [ + "Create & manage classes", "Student management tools", "Booking analytics dashboard", "Revenue tracking", "Marketing support", "24/7 technical support"], }, ]} animationType="slide-up" @@ -264,47 +177,17 @@ export default function HomePage() { tagIcon={Users} team={[ { - id: "1", - name: "Margaret Johnson", - role: "Piano Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png?_wi=1", - imageAlt: "Margaret Johnson piano instructor", - }, + id: "1", name: "Margaret Johnson", role: "Piano Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png", imageAlt: "Margaret Johnson piano instructor"}, { - id: "2", - name: "Jessica Lee", - role: "Dance Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-dance-instruc-1773149955255-d32fb4cc.jpg?_wi=1", - imageAlt: "Jessica Lee dance instructor", - }, + id: "2", name: "Jessica Lee", role: "Dance Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-dance-instruc-1773149955255-d32fb4cc.jpg", imageAlt: "Jessica Lee dance instructor"}, { - id: "3", - name: "Marcus Williams", - role: "Yoga Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-yoga-instruct-1773149958540-4c8fc93c.jpg?_wi=1", - imageAlt: "Marcus Williams yoga instructor", - }, + id: "3", name: "Marcus Williams", role: "Yoga Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-yoga-instruct-1773149958540-4c8fc93c.jpg", imageAlt: "Marcus Williams yoga instructor"}, { - id: "4", - name: "Sofia Rossi", - role: "Art Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-an-art-instruct-1773149958976-9ea3327d.png?_wi=1", - imageAlt: "Sofia Rossi art instructor", - }, + id: "4", name: "Sofia Rossi", role: "Art Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-an-art-instruct-1773149958976-9ea3327d.png", imageAlt: "Sofia Rossi art instructor"}, { - id: "5", - name: "Ahmed Hassan", - role: "Language Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-language-inst-1773149958360-43c50b1b.jpg?_wi=1", - imageAlt: "Ahmed Hassan language instructor", - }, + id: "5", name: "Ahmed Hassan", role: "Language Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-language-inst-1773149958360-43c50b1b.jpg", imageAlt: "Ahmed Hassan language instructor"}, { - id: "6", - name: "Lisa Anderson", - role: "Fitness Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-fitness-instr-1773149958873-1119546c.png?_wi=1", - imageAlt: "Lisa Anderson fitness instructor", - }, + id: "6", name: "Lisa Anderson", role: "Fitness Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-fitness-instr-1773149958873-1119546c.png", imageAlt: "Lisa Anderson fitness instructor"}, ]} animationType="slide-up" textboxLayout="default" @@ -320,45 +203,21 @@ export default function HomePage() { tagIcon={HelpCircle} faqs={[ { - id: "1", - title: "How do I book a class or workshop?", - content: "Browse our catalog, select a class that interests you, choose your preferred time slot, and click 'Book Now'. You'll need to be logged in to complete your booking. If the class is full, you can join the waitlist.", - }, + id: "1", title: "How do I book a class or workshop?", content: "Browse our catalog, select a class that interests you, choose your preferred time slot, and click 'Book Now'. You'll need to be logged in to complete your booking. If the class is full, you can join the waitlist."}, { - id: "2", - title: "What payment methods do you accept?", - content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and bank transfers. All payments are processed securely through our payment gateway.", - }, + id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and bank transfers. All payments are processed securely through our payment gateway."}, { - id: "3", - title: "Can I cancel or reschedule my booking?", - content: "Yes! You can cancel or reschedule up to 24 hours before the class starts from your student dashboard. Cancellations receive a full refund. Rescheduling is free if done within the 24-hour window.", - }, + id: "3", title: "Can I cancel or reschedule my booking?", content: "Yes! You can cancel or reschedule up to 24 hours before the class starts from your student dashboard. Cancellations receive a full refund. Rescheduling is free if done within the 24-hour window."}, { - id: "4", - title: "Do you offer group discounts?", - content: "Yes, we offer special pricing for groups of 5 or more students. Contact our support team at support@classhub.com to learn more about group booking rates.", - }, + id: "4", title: "Do you offer group discounts?", content: "Yes, we offer special pricing for groups of 5 or more students. Contact our support team at support@classhub.com to learn more about group booking rates."}, { - id: "5", - title: "What happens if a class is full?", - content: "When a class reaches maximum capacity, booking is automatically disabled. You can join the waitlist, and we'll notify you immediately if a spot becomes available.", - }, + id: "5", title: "What happens if a class is full?", content: "When a class reaches maximum capacity, booking is automatically disabled. You can join the waitlist, and we'll notify you immediately if a spot becomes available."}, { - id: "6", - title: "How do I become an instructor?", - content: "Visit our 'Become an Instructor' page and complete our application form. We review all applications and verify instructor credentials before approval. Selected instructors receive full support and access to our teaching tools.", - }, + id: "6", title: "How do I become an instructor?", content: "Visit our 'Become an Instructor' page and complete our application form. We review all applications and verify instructor credentials before approval. Selected instructors receive full support and access to our teaching tools."}, { - id: "7", - title: "Is my personal information secure?", - content: "Yes! We use industry-standard encryption (SSL/TLS) and enterprise-grade security protocols. All passwords are securely hashed, and we comply with GDPR and privacy regulations.", - }, + id: "7", title: "Is my personal information secure?", content: "Yes! We use industry-standard encryption (SSL/TLS) and enterprise-grade security protocols. All passwords are securely hashed, and we comply with GDPR and privacy regulations."}, { - id: "8", - title: "Do you offer refunds?", - content: "We offer full refunds for cancellations made 24 hours before the class. For other circumstances, please contact our support team for case-by-case review.", - }, + id: "8", title: "Do you offer refunds?", content: "We offer full refunds for cancellations made 24 hours before the class. For other circumstances, please contact our support team for case-by-case review."}, ]} faqsAnimation="slide-up" textboxLayout="default" @@ -373,19 +232,13 @@ export default function HomePage() { socialLinks={[ { icon: Twitter, - href: "https://twitter.com/classhub", - ariaLabel: "Follow ClassHub on Twitter", - }, + href: "https://twitter.com/classhub", ariaLabel: "Follow ClassHub on Twitter"}, { icon: Linkedin, - href: "https://linkedin.com/company/classhub", - ariaLabel: "Follow ClassHub on LinkedIn", - }, + href: "https://linkedin.com/company/classhub", ariaLabel: "Follow ClassHub on LinkedIn"}, { icon: Mail, - href: "mailto:hello@classhub.com", - ariaLabel: "Email ClassHub", - }, + href: "mailto:hello@classhub.com", ariaLabel: "Email ClassHub"}, ]} /> -- 2.49.1 From 5955f75fd442b1be7322cbdf5eab35d806f2c8fa Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:49:05 +0000 Subject: [PATCH 5/7] Update src/app/schedule/page.tsx --- src/app/schedule/page.tsx | 74 +++++++++------------------------------ 1 file changed, 16 insertions(+), 58 deletions(-) diff --git a/src/app/schedule/page.tsx b/src/app/schedule/page.tsx index b10bac4..52276a7 100644 --- a/src/app/schedule/page.tsx +++ b/src/app/schedule/page.tsx @@ -19,83 +19,41 @@ export default function SchedulePage() { const instructors = [ { - id: "1", - name: "Margaret Johnson", - role: "Piano Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png?_wi=5", - imageAlt: "Margaret Johnson piano instructor", - }, + id: "1", name: "Margaret Johnson", role: "Piano Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png", imageAlt: "Margaret Johnson piano instructor"}, { - id: "2", - name: "Jessica Lee", - role: "Dance Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-dance-instruc-1773149955255-d32fb4cc.jpg?_wi=4", - imageAlt: "Jessica Lee dance instructor", - }, + id: "2", name: "Jessica Lee", role: "Dance Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-dance-instruc-1773149955255-d32fb4cc.jpg", imageAlt: "Jessica Lee dance instructor"}, { - id: "3", - name: "Marcus Williams", - role: "Yoga Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-yoga-instruct-1773149958540-4c8fc93c.jpg?_wi=4", - imageAlt: "Marcus Williams yoga instructor", - }, + id: "3", name: "Marcus Williams", role: "Yoga Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-yoga-instruct-1773149958540-4c8fc93c.jpg", imageAlt: "Marcus Williams yoga instructor"}, { - id: "4", - name: "Sofia Rossi", - role: "Art Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-an-art-instruct-1773149958976-9ea3327d.png?_wi=2", - imageAlt: "Sofia Rossi art instructor", - }, + id: "4", name: "Sofia Rossi", role: "Art Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-an-art-instruct-1773149958976-9ea3327d.png", imageAlt: "Sofia Rossi art instructor"}, { - id: "5", - name: "Ahmed Hassan", - role: "Language Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-language-inst-1773149958360-43c50b1b.jpg?_wi=2", - imageAlt: "Ahmed Hassan language instructor", - }, + id: "5", name: "Ahmed Hassan", role: "Language Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-language-inst-1773149958360-43c50b1b.jpg", imageAlt: "Ahmed Hassan language instructor"}, { - id: "6", - name: "Lisa Anderson", - role: "Fitness Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-fitness-instr-1773149958873-1119546c.png?_wi=2", - imageAlt: "Lisa Anderson fitness instructor", - }, + id: "6", name: "Lisa Anderson", role: "Fitness Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-fitness-instr-1773149958873-1119546c.png", imageAlt: "Lisa Anderson fitness instructor"}, ]; const scheduleFeatures = [ { icon: Calendar, - title: "Easy Class Discovery", - description: "Browse upcoming workshops and classes with real-time availability. Filter by category, skill level, instructor, and time slots that fit your schedule.", - }, + title: "Easy Class Discovery", description: "Browse upcoming workshops and classes with real-time availability. Filter by category, skill level, instructor, and time slots that fit your schedule."}, { icon: Clock, - title: "Flexible Scheduling", - description: "View detailed class schedules with instructor bios, duration, capacity, and student reviews. Book at any time that works for you.", - }, + title: "Flexible Scheduling", description: "View detailed class schedules with instructor bios, duration, capacity, and student reviews. Book at any time that works for you."}, { icon: Users, - title: "Expert Instructors", - description: "Learn from verified, professional instructors with years of experience in their fields. Connect with educators who are passionate about teaching.", - }, + title: "Expert Instructors", description: "Learn from verified, professional instructors with years of experience in their fields. Connect with educators who are passionate about teaching."}, ]; const socialLinks = [ { icon: Twitter, - href: "https://twitter.com/classhub", - ariaLabel: "Follow ClassHub on Twitter", - }, + href: "https://twitter.com/classhub", ariaLabel: "Follow ClassHub on Twitter"}, { icon: Linkedin, - href: "https://linkedin.com/company/classhub", - ariaLabel: "Follow ClassHub on LinkedIn", - }, + href: "https://linkedin.com/company/classhub", ariaLabel: "Follow ClassHub on LinkedIn"}, { icon: Mail, - href: "mailto:hello@classhub.com", - ariaLabel: "Email ClassHub", - }, + href: "mailto:hello@classhub.com", ariaLabel: "Email ClassHub"}, ]; return ( @@ -105,7 +63,7 @@ export default function SchedulePage() { borderRadius="pill" contentWidth="medium" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -129,15 +87,15 @@ export default function SchedulePage() { description="Discover and book world-class workshops and classes taught by expert instructors. View live availability and secure your spot today." tag="Updated Daily" tagIcon={Calendar} - background={{ variant: "grid" }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg?_wi=6" + background={{ variant: "animated-grid" }} + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg" imageAlt="Professional workshop training environment" buttons={[ { text: "View All Classes", href: "/classes" }, { text: "Learn More", href: "/pricing" }, ]} tagAnimation="slide-up" - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> -- 2.49.1 From e610df49e26655690360ddc812611e2ba68880b1 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:49:06 +0000 Subject: [PATCH 6/7] Update src/app/workshops/[id]/page.tsx --- src/app/workshops/[id]/page.tsx | 186 ++++---------------------------- 1 file changed, 22 insertions(+), 164 deletions(-) diff --git a/src/app/workshops/[id]/page.tsx b/src/app/workshops/[id]/page.tsx index 5bb1d90..67c8851 100644 --- a/src/app/workshops/[id]/page.tsx +++ b/src/app/workshops/[id]/page.tsx @@ -1,84 +1,21 @@ "use client"; import Link from "next/link"; -import { useParams } from "next/navigation"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; -import TeamCardFive from "@/components/sections/team/TeamCardFive"; -import FaqDouble from "@/components/sections/faq/FaqDouble"; import FooterCard from "@/components/sections/footer/FooterCard"; -import { Sparkles, Users, HelpCircle, Mail, Twitter, Linkedin } from "lucide-react"; +import { Sparkles, Twitter, Linkedin, Mail } from "lucide-react"; -export default function WorkshopDetailPage() { - const params = useParams(); - const workshopId = params.id; - - const navItems = [ - { name: "Home", id: "/" }, - { name: "Workshops", id: "/workshops" }, - { name: "Classes", id: "/classes" }, - { name: "Pricing", id: "/pricing" }, - { name: "Contact", id: "/contact" }, - ]; - - // Mock workshop data - in production, this would come from an API - const workshopData: { [key: string]: { title: string; description: string; instructors: Array<{ id: string; name: string; role: string; imageSrc: string; imageAlt: string }> } } = { - "1": { - title: "Piano Mastery: From Beginner to Advanced", - description: "Learn piano fundamentals and progress to advanced techniques with expert instruction.", - instructors: [ - { - id: "1", - name: "Margaret Johnson", - role: "Piano Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png?_wi=3", - imageAlt: "Margaret Johnson piano instructor", - }, - ], - }, - "2": { - title: "Contemporary Dance Workshop", - description: "Explore modern dance techniques and creative expression through movement.", - instructors: [ - { - id: "2", - name: "Jessica Lee", - role: "Dance Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-dance-instruc-1773149955255-d32fb4cc.jpg?_wi=3", - imageAlt: "Jessica Lee dance instructor", - }, - ], - }, - "3": { - title: "Yoga & Mindfulness Intensive", - description: "Deepen your yoga practice and develop a mindfulness routine for everyday wellness.", - instructors: [ - { - id: "3", - name: "Marcus Williams", - role: "Yoga Instructor", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-yoga-instruct-1773149958540-4c8fc93c.jpg?_wi=3", - imageAlt: "Marcus Williams yoga instructor", - }, - ], - }, - }; - - const currentWorkshop = workshopData[workshopId as string] || { - title: "Workshop Details", - description: "Explore this workshop with detailed information and expert instructors.", - instructors: [ - { - id: "1", - name: "Expert Instructor", - role: "Professional Educator", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-portrait-of-a-piano-instruc-1773149958833-7e1afaf0.png?_wi=4", - imageAlt: "Professional instructor", - }, - ], - }; +const navItems = [ + { name: "Home", id: "/" }, + { name: "Workshops", id: "/workshops" }, + { name: "Classes", id: "/classes" }, + { name: "Pricing", id: "/pricing" }, + { name: "Contact", id: "/contact" }, +]; +export default function WorkshopDetailPage({ params }: { params: { id: string } }) { return ( -
+
console.log("Book workshop"), - }, - { - text: "Back to Workshops", - href: "/workshops", - }, + { text: "Book Workshop", href: "/workshops" }, + { text: "View More", href: "/workshops" }, ]} tagAnimation="slide-up" - buttonAnimation="entrance-slide" - /> -
- -
- -
- -
-
@@ -194,19 +58,13 @@ export default function WorkshopDetailPage() { socialLinks={[ { icon: Twitter, - href: "https://twitter.com/classhub", - ariaLabel: "Follow ClassHub on Twitter", - }, + href: "https://twitter.com/classhub", ariaLabel: "Follow ClassHub on Twitter"}, { icon: Linkedin, - href: "https://linkedin.com/company/classhub", - ariaLabel: "Follow ClassHub on LinkedIn", - }, + href: "https://linkedin.com/company/classhub", ariaLabel: "Follow ClassHub on LinkedIn"}, { icon: Mail, - href: "mailto:hello@classhub.com", - ariaLabel: "Email ClassHub", - }, + href: "mailto:hello@classhub.com", ariaLabel: "Email ClassHub"}, ]} />
-- 2.49.1 From 4615e2fbf806d581adc33c6e1d6a14a0c7ce1978 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:49:08 +0000 Subject: [PATCH 7/7] Update src/app/workshops/page.tsx --- src/app/workshops/page.tsx | 112 +++++++++---------------------------- 1 file changed, 27 insertions(+), 85 deletions(-) diff --git a/src/app/workshops/page.tsx b/src/app/workshops/page.tsx index e35895c..1e92df1 100644 --- a/src/app/workshops/page.tsx +++ b/src/app/workshops/page.tsx @@ -25,7 +25,7 @@ export default function WorkshopsPage() { borderRadius="pill" contentWidth="medium" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -41,21 +41,17 @@ export default function WorkshopsPage() { description="Explore our curated selection of workshops taught by certified instructors. From music and dance to technology and business, find the perfect workshop to advance your skills." tag="Expert-Led Learning" tagIcon={Sparkles} - background={{ variant: "grid" }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg?_wi=3" + background={{ variant: "animated-grid" }} + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkwR5I869xG7mvZJi1gLiW16GY/professional-banner-image-showing-a-dive-1773149958687-87f99901.jpg" imageAlt="Professional workshop training environment" buttons={[ { - text: "Browse All Workshops", - href: "/workshops", - }, + text: "Browse All Workshops", href: "/workshops"}, { - text: "View Pricing", - href: "/pricing", - }, + text: "View Pricing", href: "/pricing"}, ]} tagAnimation="slide-up" - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -68,34 +64,22 @@ export default function WorkshopsPage() { features={[ { icon: Calendar, - title: "Flexible Scheduling", - description: "Workshops available at various times throughout the week. Choose what fits your schedule perfectly.", - }, + title: "Flexible Scheduling", description: "Workshops available at various times throughout the week. Choose what fits your schedule perfectly."}, { icon: Users, - title: "Expert Instructors", - description: "Learn from certified professionals with years of industry experience. Read instructor bios and reviews.", - }, + title: "Expert Instructors", description: "Learn from certified professionals with years of industry experience. Read instructor bios and reviews."}, { icon: Lock, - title: "Secure Enrollment", - description: "Safe booking with secure payment processing. Your data is protected with enterprise-grade encryption.", - }, + title: "Secure Enrollment", description: "Safe booking with secure payment processing. Your data is protected with enterprise-grade encryption."}, { icon: BarChart3, - title: "Real-Time Capacity", - description: "See available spots instantly. Automatic confirmation when you book your workshop slot.", - }, + title: "Real-Time Capacity", description: "See available spots instantly. Automatic confirmation when you book your workshop slot."}, { icon: Zap, - title: "Live Interaction", - description: "Engage directly with instructors and fellow students. Ask questions and network with peers.", - }, + title: "Live Interaction", description: "Engage directly with instructors and fellow students. Ask questions and network with peers."}, { icon: Smartphone, - title: "Mobile Ready", - description: "Book and manage workshops on any device. Full mobile app for on-the-go access.", - }, + title: "Mobile Ready", description: "Book and manage workshops on any device. Full mobile app for on-the-go access."}, ]} animationType="slide-up" textboxLayout="default" @@ -111,60 +95,24 @@ export default function WorkshopsPage() { tagIcon={DollarSign} plans={[ { - id: "1", - badge: "Popular", - badgeIcon: Sparkles, - price: "$9.99/mo", - subtitle: "Perfect for casual learners", - features: [ - "Access to all workshops", - "Book up to 5 workshops per month", - "Attendance certificates", - "Workshop recordings", - "Community forum access", - ], + id: "1", badge: "Popular", badgeIcon: Sparkles, + price: "$9.99/mo", subtitle: "Perfect for casual learners", features: [ + "Access to all workshops", "Book up to 5 workshops per month", "Attendance certificates", "Workshop recordings", "Community forum access"], }, { - id: "2", - badge: "Best Value", - badgeIcon: Sparkles, - price: "$24.99/mo", - subtitle: "Ideal for serious students", - features: [ - "Unlimited workshop bookings", - "Priority registration access", - "Advanced progress tracking", - "1-on-1 instructor consultations", - "Exclusive advanced workshops", - ], + id: "2", badge: "Best Value", badgeIcon: Sparkles, + price: "$24.99/mo", subtitle: "Ideal for serious students", features: [ + "Unlimited workshop bookings", "Priority registration access", "Advanced progress tracking", "1-on-1 instructor consultations", "Exclusive advanced workshops"], }, { - id: "3", - badge: "Professional", - badgeIcon: Sparkles, - price: "$49.99/mo", - subtitle: "For career advancement", - features: [ - "Everything in Best Value", - "Personalized learning plans", - "Career mentorship program", - "Certificate with distinction", - "Networking events access", - ], + id: "3", badge: "Professional", badgeIcon: Sparkles, + price: "$49.99/mo", subtitle: "For career advancement", features: [ + "Everything in Best Value", "Personalized learning plans", "Career mentorship program", "Certificate with distinction", "Networking events access"], }, { - id: "4", - badge: "Instructor", - badgeIcon: Users, - price: "$99.99/mo", - subtitle: "Host your own workshops", - features: [ - "Create and manage workshops", - "Student enrollment tools", - "Analytics dashboard", - "Revenue tracking", - "24/7 technical support", - ], + id: "4", badge: "Instructor", badgeIcon: Users, + price: "$99.99/mo", subtitle: "Host your own workshops", features: [ + "Create and manage workshops", "Student enrollment tools", "Analytics dashboard", "Revenue tracking", "24/7 technical support"], }, ]} animationType="slide-up" @@ -180,19 +128,13 @@ export default function WorkshopsPage() { socialLinks={[ { icon: Twitter, - href: "https://twitter.com/classhub", - ariaLabel: "Follow ClassHub on Twitter", - }, + href: "https://twitter.com/classhub", ariaLabel: "Follow ClassHub on Twitter"}, { icon: Linkedin, - href: "https://linkedin.com/company/classhub", - ariaLabel: "Follow ClassHub on LinkedIn", - }, + href: "https://linkedin.com/company/classhub", ariaLabel: "Follow ClassHub on LinkedIn"}, { icon: Mail, - href: "mailto:hello@classhub.com", - ariaLabel: "Email ClassHub", - }, + href: "mailto:hello@classhub.com", ariaLabel: "Email ClassHub"}, ]} /> -- 2.49.1