Merge version_1 into main #2
@@ -18,8 +18,7 @@ export default function ContactPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Courses", href: "/courses" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Features", href: "#features" },
|
||||
@@ -28,8 +27,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
@@ -38,8 +36,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -56,7 +53,7 @@ export default function ContactPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -70,7 +67,7 @@ export default function ContactPage() {
|
||||
<ContactText
|
||||
text="Have questions about our platform, courses, or community? We're here to help. Get in touch with our team and we'll respond within 24 hours."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Send Email", href: "mailto:support@eldorbek.dev" },
|
||||
@@ -89,39 +86,21 @@ export default function ContactPage() {
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-modern-developer-workspace-showing-lap-1772783582132-d4c17e07.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-modern-developer-workspace-showing-lap-1772783582132-d4c17e07.png"
|
||||
imageAlt="Support and Help"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We support Stripe, PayPal, Click, and Payme for maximum convenience. All payments are processed securely with industry-standard encryption. We also offer monthly and annual subscription plans with flexible billing options.",
|
||||
},
|
||||
id: "1", title: "What payment methods do you accept?", content: "We support Stripe, PayPal, Click, and Payme for maximum convenience. All payments are processed securely with industry-standard encryption. We also offer monthly and annual subscription plans with flexible billing options."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I become an instructor and sell my own courses?",
|
||||
content: "Absolutely! We have an instructor program where you can create and sell courses. We provide course creation tools, student management features, and handle payment processing. You earn 70% of course revenue while we take 30% commission.",
|
||||
},
|
||||
id: "2", title: "Can I become an instructor and sell my own courses?", content: "Absolutely! We have an instructor program where you can create and sell courses. We provide course creation tools, student management features, and handle payment processing. You earn 70% of course revenue while we take 30% commission."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there any refund guarantees?",
|
||||
content: "Yes, we offer a 30-day money-back guarantee on all course purchases. If you're not satisfied with your purchase, contact our support team and we'll process a full refund with no questions asked.",
|
||||
},
|
||||
id: "3", title: "Are there any refund guarantees?", content: "Yes, we offer a 30-day money-back guarantee on all course purchases. If you're not satisfied with your purchase, contact our support team and we'll process a full refund with no questions asked."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is the platform available on mobile?",
|
||||
content: "Yes! Eldorbek is fully responsive and optimized for mobile devices. We also have native iOS and Android apps for seamless learning on-the-go with offline viewing capabilities.",
|
||||
},
|
||||
id: "4", title: "Is the platform available on mobile?", content: "Yes! Eldorbek is fully responsive and optimized for mobile devices. We also have native iOS and Android apps for seamless learning on-the-go with offline viewing capabilities."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How does the community feature work?",
|
||||
content: "Our community includes live chat, discussion forums, direct messaging, and code review sessions. You can connect with other developers, ask questions, share projects, and get feedback from experienced professionals.",
|
||||
},
|
||||
id: "5", title: "How does the community feature work?", content: "Our community includes live chat, discussion forums, direct messaging, and code review sessions. You can connect with other developers, ask questions, share projects, and get feedback from experienced professionals."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Is there a free tier?",
|
||||
content: "Yes! Our Starter plan is completely free. You get access to 5 free courses, basic portfolio building, community forums, and weekly newsletters. Upgrade anytime to unlock unlimited content and premium features.",
|
||||
},
|
||||
id: "6", title: "Is there a free tier?", content: "Yes! Our Starter plan is completely free. You get access to 5 free courses, basic portfolio building, community forums, and weekly newsletters. Upgrade anytime to unlock unlimited content and premium features."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
262
src/app/page.tsx
262
src/app/page.tsx
@@ -13,7 +13,7 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Spark, Zap, Crown } from "lucide-react";
|
||||
import { Sparkle, Zap, Crown } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -26,8 +26,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Courses", href: "/courses" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Features", href: "#features" },
|
||||
@@ -36,8 +35,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
@@ -46,8 +44,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -64,7 +61,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -96,7 +93,7 @@ export default function HomePage() {
|
||||
title="Empowering Developers Worldwide"
|
||||
description="Eldorbek is a revolutionary full-stack SaaS platform designed by developers, for developers. We combine professional portfolio building, comprehensive IT education, premium course marketplace, and vibrant developer community in one unified ecosystem. Whether you're starting your coding journey or scaling your freelance income, Eldorbek provides all the tools and community support you need."
|
||||
tag="About Eldorbek"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-modern-developer-workspace-showing-lap-1772783582132-d4c17e07.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-modern-developer-workspace-showing-lap-1772783582132-d4c17e07.png"
|
||||
imageAlt="Eldorbek Team Collaboration"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
@@ -116,46 +113,22 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Advanced Authentication System",
|
||||
description: "Multi-method authentication including email/password, Google OAuth, GitHub login, and phone verification. JWT tokens with role-based access control (admin, student, premium user) for enterprise-grade security.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/clean-modern-authentication-system-visua-1772783582121-170845d0.png",
|
||||
imageAlt: "Authentication System",
|
||||
},
|
||||
title: "Advanced Authentication System", description: "Multi-method authentication including email/password, Google OAuth, GitHub login, and phone verification. JWT tokens with role-based access control (admin, student, premium user) for enterprise-grade security.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/clean-modern-authentication-system-visua-1772783582121-170845d0.png", imageAlt: "Authentication System"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Comprehensive Course Platform",
|
||||
description: "Video lessons, progress tracking, course playlists, downloadable resources, discussion comments, and community ratings. Beautiful learning management system with real-time progress synchronization.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/an-organized-course-platform-interface-s-1772783583888-e3ae5953.png?_wi=1",
|
||||
imageAlt: "Course Platform",
|
||||
},
|
||||
title: "Comprehensive Course Platform", description: "Video lessons, progress tracking, course playlists, downloadable resources, discussion comments, and community ratings. Beautiful learning management system with real-time progress synchronization.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/an-organized-course-platform-interface-s-1772783583888-e3ae5953.png", imageAlt: "Course Platform"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Integrated Payment System",
|
||||
description: "Professional payment gateway integration with Stripe, PayPal, Click, and Payme. Secure checkout, subscription management, payment history, invoice generation, and automated refund processing.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-secure-payment-processing-dashboard-sh-1772783582690-86c0c6f0.png?_wi=1",
|
||||
imageAlt: "Payment Processing",
|
||||
},
|
||||
title: "Integrated Payment System", description: "Professional payment gateway integration with Stripe, PayPal, Click, and Payme. Secure checkout, subscription management, payment history, invoice generation, and automated refund processing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-secure-payment-processing-dashboard-sh-1772783582690-86c0c6f0.png", imageAlt: "Payment Processing"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Vibrant Developer Community",
|
||||
description: "Live chat, real-time messaging, discussion forums, and user comments. Network with thousands of developers, share projects, collaborate on challenges, and build professional relationships.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-vibrant-developer-community-interface--1772783582678-df0a3054.png?_wi=1",
|
||||
imageAlt: "Developer Community",
|
||||
},
|
||||
title: "Vibrant Developer Community", description: "Live chat, real-time messaging, discussion forums, and user comments. Network with thousands of developers, share projects, collaborate on challenges, and build professional relationships.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-vibrant-developer-community-interface--1772783582678-df0a3054.png", imageAlt: "Developer Community"},
|
||||
{
|
||||
id: 5,
|
||||
title: "Powerful Admin Dashboard",
|
||||
description: "Comprehensive user management, course administration, payment monitoring, analytics dashboards, content moderation tools, and fine-grained role & permissions system.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/an-advanced-admin-dashboard-with-compreh-1772783582163-3fa06fda.png",
|
||||
imageAlt: "Admin Dashboard",
|
||||
},
|
||||
title: "Powerful Admin Dashboard", description: "Comprehensive user management, course administration, payment monitoring, analytics dashboards, content moderation tools, and fine-grained role & permissions system.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/an-advanced-admin-dashboard-with-compreh-1772783582163-3fa06fda.png", imageAlt: "Admin Dashboard"},
|
||||
{
|
||||
id: 6,
|
||||
title: "Production REST API",
|
||||
description: "Full REST API with comprehensive endpoints for auth, users, courses, payments, comments, and notifications. Rate limiting, security middleware, detailed documentation, and JSON responses.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-rest-api-documentation-interface-showi-1772783582944-30591787.png",
|
||||
imageAlt: "REST API",
|
||||
},
|
||||
title: "Production REST API", description: "Full REST API with comprehensive endpoints for auth, users, courses, payments, comments, and notifications. Rate limiting, security middleware, detailed documentation, and JSON responses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-rest-api-documentation-interface-showi-1772783582944-30591787.png", imageAlt: "REST API"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,45 +144,17 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Eldorbek Academy",
|
||||
name: "Full Stack Web Development Masterclass",
|
||||
price: "$199.00",
|
||||
rating: 5,
|
||||
reviewCount: "2.4k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/modern-web-development-course-thumbnail--1772783582720-4245874f.png",
|
||||
imageAlt: "Web Development Course",
|
||||
},
|
||||
id: "1", brand: "Eldorbek Academy", name: "Full Stack Web Development Masterclass", price: "$199.00", rating: 5,
|
||||
reviewCount: "2.4k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/modern-web-development-course-thumbnail--1772783582720-4245874f.png", imageAlt: "Web Development Course"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Eldorbek Academy",
|
||||
name: "Backend Systems & APIs with Node.js & Express",
|
||||
price: "$179.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/backend-development-and-apis-course-card-1772783582639-e1859c8f.png",
|
||||
imageAlt: "Backend Development Course",
|
||||
},
|
||||
id: "2", brand: "Eldorbek Academy", name: "Backend Systems & APIs with Node.js & Express", price: "$179.00", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/backend-development-and-apis-course-card-1772783582639-e1859c8f.png", imageAlt: "Backend Development Course"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Eldorbek Academy",
|
||||
name: "Database Design: PostgreSQL & MongoDB Mastery",
|
||||
price: "$149.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/database-design-and-management-course-th-1772783583046-0d0c7505.png",
|
||||
imageAlt: "Database Course",
|
||||
},
|
||||
id: "3", brand: "Eldorbek Academy", name: "Database Design: PostgreSQL & MongoDB Mastery", price: "$149.00", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/database-design-and-management-course-th-1772783583046-0d0c7505.png", imageAlt: "Database Course"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Eldorbek Academy",
|
||||
name: "Advanced React.js & Modern Frontend Engineering",
|
||||
price: "$189.00",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/react-and-modern-frontend-course-card-fe-1772783582560-bd6ce592.png",
|
||||
imageAlt: "React Course",
|
||||
},
|
||||
id: "4", brand: "Eldorbek Academy", name: "Advanced React.js & Modern Frontend Engineering", price: "$189.00", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/react-and-modern-frontend-course-card-fe-1772783582560-bd6ce592.png", imageAlt: "React Course"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -224,63 +169,31 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Starter",
|
||||
badgeIcon: Spark,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for beginners exploring the platform",
|
||||
buttons: [
|
||||
id: "1", badge: "Starter", badgeIcon: Sparkle,
|
||||
price: "Free", subtitle: "Perfect for beginners exploring the platform", buttons: [
|
||||
{ text: "Get Started", href: "/signup" },
|
||||
{ text: "Learn More", href: "/pricing" },
|
||||
],
|
||||
features: [
|
||||
"Access to 5 free courses",
|
||||
"Basic portfolio builder",
|
||||
"Community forums",
|
||||
"Weekly newsletters",
|
||||
"Basic course progress tracking",
|
||||
],
|
||||
"Access to 5 free courses", "Basic portfolio builder", "Community forums", "Weekly newsletters", "Basic course progress tracking"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Professional",
|
||||
badgeIcon: Zap,
|
||||
price: "$29/mo",
|
||||
subtitle: "For serious developers accelerating their careers",
|
||||
buttons: [
|
||||
id: "2", badge: "Professional", badgeIcon: Zap,
|
||||
price: "$29/mo", subtitle: "For serious developers accelerating their careers", buttons: [
|
||||
{ text: "Start Free Trial", href: "/trial" },
|
||||
{ text: "Upgrade Now", href: "/checkout?plan=pro" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited course access",
|
||||
"Advanced portfolio showcase",
|
||||
"Live code review sessions",
|
||||
"1-on-1 mentorship",
|
||||
"Certificate programs",
|
||||
"Priority community support",
|
||||
"Exclusive job board",
|
||||
],
|
||||
"Unlimited course access", "Advanced portfolio showcase", "Live code review sessions", "1-on-1 mentorship", "Certificate programs", "Priority community support", "Exclusive job board"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Crown,
|
||||
price: "$99/mo",
|
||||
subtitle: "For teams and institutions scaling developer training",
|
||||
buttons: [
|
||||
id: "3", badge: "Enterprise", badgeIcon: Crown,
|
||||
price: "$99/mo", subtitle: "For teams and institutions scaling developer training", buttons: [
|
||||
{ text: "Contact Sales", href: "/contact?type=enterprise" },
|
||||
{ text: "Schedule Demo", href: "/demo" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Professional",
|
||||
"Team management dashboard",
|
||||
"Custom course creation",
|
||||
"API access for integration",
|
||||
"Dedicated account manager",
|
||||
"Advanced analytics & reporting",
|
||||
"White-label options",
|
||||
"SSO authentication",
|
||||
],
|
||||
"Everything in Professional", "Team management dashboard", "Custom course creation", "API access for integration", "Dedicated account manager", "Advanced analytics & reporting", "White-label options", "SSO authentication"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -296,33 +209,13 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Kovalenko",
|
||||
role: "Founder & CEO",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-tech-founder--1772783581204-661006bf.png?_wi=1",
|
||||
imageAlt: "Alex Kovalenko",
|
||||
},
|
||||
id: "1", name: "Alex Kovalenko", role: "Founder & CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-tech-founder--1772783581204-661006bf.png", imageAlt: "Alex Kovalenko"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "CTO & Co-Founder",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-chief-technol-1772783581218-64aeba4b.png?_wi=1",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "CTO & Co-Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-chief-technol-1772783581218-64aeba4b.png", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Johnson",
|
||||
role: "Head of Design",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-lead-designer-1772783582277-591a1ef8.png?_wi=1",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
id: "3", name: "Marcus Johnson", role: "Head of Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-lead-designer-1772783582277-591a1ef8.png", imageAlt: "Marcus Johnson"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Lead Full Stack Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-full-stack-de-1772783581629-082d4b35.png?_wi=1",
|
||||
imageAlt: "Elena Rodriguez",
|
||||
},
|
||||
id: "4", name: "Elena Rodriguez", role: "Lead Full Stack Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-full-stack-de-1772783581629-082d4b35.png", imageAlt: "Elena Rodriguez"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,59 +229,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Transformed My Career in 6 Months",
|
||||
quote: "Eldorbek gave me everything I needed - quality courses, portfolio tools, and a supportive community. I went from junior to mid-level developer and increased my freelance income by 300%.",
|
||||
name: "James Mitchell",
|
||||
role: "Full Stack Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-software-engi-1772783582549-1219be71.png?_wi=1",
|
||||
imageAlt: "James Mitchell",
|
||||
},
|
||||
id: "1", title: "Transformed My Career in 6 Months", quote: "Eldorbek gave me everything I needed - quality courses, portfolio tools, and a supportive community. I went from junior to mid-level developer and increased my freelance income by 300%.", name: "James Mitchell", role: "Full Stack Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-software-engi-1772783582549-1219be71.png", imageAlt: "James Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best Investment in My Development Education",
|
||||
quote: "The course quality is exceptional, and the live mentorship sessions were game-changing. I appreciate the real-world project examples and the active community that helped me debug my code.",
|
||||
name: "Priya Sharma",
|
||||
role: "Frontend Engineer at Tech Corp",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-female-softwa-1772783581685-6d53dcc4.png?_wi=1",
|
||||
imageAlt: "Priya Sharma",
|
||||
},
|
||||
id: "2", title: "Best Investment in My Development Education", quote: "The course quality is exceptional, and the live mentorship sessions were game-changing. I appreciate the real-world project examples and the active community that helped me debug my code.", name: "Priya Sharma", role: "Frontend Engineer at Tech Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-female-softwa-1772783581685-6d53dcc4.png", imageAlt: "Priya Sharma"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect Platform for Career Switchers",
|
||||
quote: "I switched from finance to tech development, and Eldorbek made it seamless. The structured learning path, supportive community, and portfolio builder gave me confidence to land my first tech role.",
|
||||
name: "David Thompson",
|
||||
role: "Backend Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-male-tech-ent-1772783581728-29c35553.png?_wi=1",
|
||||
imageAlt: "David Thompson",
|
||||
},
|
||||
id: "3", title: "Perfect Platform for Career Switchers", quote: "I switched from finance to tech development, and Eldorbek made it seamless. The structured learning path, supportive community, and portfolio builder gave me confidence to land my first tech role.", name: "David Thompson", role: "Backend Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-male-tech-ent-1772783581728-29c35553.png", imageAlt: "David Thompson"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Community Support is Unmatched",
|
||||
quote: "What sets Eldorbek apart is the genuine community. I've made friends with developers worldwide, collaborated on projects, and found mentors who genuinely care about my growth.",
|
||||
name: "Sofia Martinez",
|
||||
role: "DevOps Engineer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-diverse-techn-1772783581776-0447e189.png",
|
||||
imageAlt: "Sofia Martinez",
|
||||
},
|
||||
id: "4", title: "Community Support is Unmatched", quote: "What sets Eldorbek apart is the genuine community. I've made friends with developers worldwide, collaborated on projects, and found mentors who genuinely care about my growth.", name: "Sofia Martinez", role: "DevOps Engineer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-diverse-techn-1772783581776-0447e189.png", imageAlt: "Sofia Martinez"},
|
||||
{
|
||||
id: "5",
|
||||
title: "From Bootcamp to Professional Developer",
|
||||
quote: "I completed the bootcamp prep courses and went straight into the advanced materials. Now I'm a junior developer at a startup. The progression path is logical and the instructors are actually experienced developers.",
|
||||
name: "Kenji Yamamoto",
|
||||
role: "Junior Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-young-female--1772783581700-da5c18b4.png",
|
||||
imageAlt: "Kenji Yamamoto",
|
||||
},
|
||||
id: "5", title: "From Bootcamp to Professional Developer", quote: "I completed the bootcamp prep courses and went straight into the advanced materials. Now I'm a junior developer at a startup. The progression path is logical and the instructors are actually experienced developers.", name: "Kenji Yamamoto", role: "Junior Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-young-female--1772783581700-da5c18b4.png", imageAlt: "Kenji Yamamoto"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Teaching on Eldorbek Changed My Life",
|
||||
quote: "As an instructor, Eldorbek's tools and platform make it easy to create, distribute, and monetize my content. The rev-share model is fair and the student engagement is amazing.",
|
||||
name: "Rachel Cohen",
|
||||
role: "Instructor & Senior Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-senior-develo-1772783582215-cfe3c14a.png",
|
||||
imageAlt: "Rachel Cohen",
|
||||
},
|
||||
id: "6", title: "Teaching on Eldorbek Changed My Life", quote: "As an instructor, Eldorbek's tools and platform make it easy to create, distribute, and monetize my content. The rev-share model is fair and the student engagement is amazing.", name: "Rachel Cohen", role: "Instructor & Senior Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-senior-develo-1772783582215-cfe3c14a.png", imageAlt: "Rachel Cohen"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -403,38 +254,11 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Tutorial",
|
||||
title: "Building a Production-Ready SaaS Platform: Complete Guide",
|
||||
excerpt: "Learn the architecture, best practices, and tools needed to build scalable SaaS applications from scratch.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/modern-saas-platform-guide-cover-image-s-1772783582235-56e4610b.png",
|
||||
imageAlt: "SaaS Platform Guide",
|
||||
authorName: "Sarah Chen",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-chief-technol-1772783581218-64aeba4b.png",
|
||||
date: "Jan 15, 2025",
|
||||
},
|
||||
id: "1", category: "Tutorial", title: "Building a Production-Ready SaaS Platform: Complete Guide", excerpt: "Learn the architecture, best practices, and tools needed to build scalable SaaS applications from scratch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/modern-saas-platform-guide-cover-image-s-1772783582235-56e4610b.png", imageAlt: "SaaS Platform Guide", authorName: "Sarah Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-chief-technol-1772783581218-64aeba4b.png", date: "Jan 15, 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Integration",
|
||||
title: "Integrating Multiple Payment Gateways: Stripe, PayPal, and Beyond",
|
||||
excerpt: "Step-by-step guide to implementing secure payment processing with multiple providers in your application.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/blog-article-cover-about-payment-gateway-1772783581876-d65f9237.png",
|
||||
imageAlt: "Payment Integration",
|
||||
authorName: "Marcus Johnson",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-lead-designer-1772783582277-591a1ef8.png",
|
||||
date: "Jan 12, 2025",
|
||||
},
|
||||
id: "2", category: "Integration", title: "Integrating Multiple Payment Gateways: Stripe, PayPal, and Beyond", excerpt: "Step-by-step guide to implementing secure payment processing with multiple providers in your application.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/blog-article-cover-about-payment-gateway-1772783581876-d65f9237.png", imageAlt: "Payment Integration", authorName: "Marcus Johnson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-lead-designer-1772783582277-591a1ef8.png", date: "Jan 12, 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Development",
|
||||
title: "REST API Design Best Practices for Modern Applications",
|
||||
excerpt: "Comprehensive guide to designing scalable, secure, and maintainable REST APIs using industry best practices.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/rest-api-design-best-practices-article-c-1772783582512-80c966ff.png",
|
||||
imageAlt: "API Design Guide",
|
||||
authorName: "Elena Rodriguez",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-full-stack-de-1772783581629-082d4b35.png",
|
||||
date: "Jan 10, 2025",
|
||||
},
|
||||
id: "3", category: "Development", title: "REST API Design Best Practices for Modern Applications", excerpt: "Comprehensive guide to designing scalable, secure, and maintainable REST APIs using industry best practices.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/rest-api-design-best-practices-article-c-1772783582512-80c966ff.png", imageAlt: "API Design Guide", authorName: "Elena Rodriguez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-full-stack-de-1772783581629-082d4b35.png", date: "Jan 10, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -443,7 +267,7 @@ export default function HomePage() {
|
||||
<ContactText
|
||||
text="Ready to transform your developer career? Join thousands of developers learning, earning, and growing with Eldorbek today."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Start Learning Free", href: "/signup" },
|
||||
|
||||
@@ -6,7 +6,7 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Spark, Zap, Crown } from "lucide-react";
|
||||
import { Sparkle, Zap, Crown } from "lucide-react";
|
||||
|
||||
export default function PricingPage() {
|
||||
const navItems = [
|
||||
@@ -19,8 +19,7 @@ export default function PricingPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Courses", href: "/courses" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Features", href: "#features" },
|
||||
@@ -29,8 +28,7 @@ export default function PricingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
@@ -39,8 +37,7 @@ export default function PricingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -57,7 +54,7 @@ export default function PricingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -77,63 +74,31 @@ export default function PricingPage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Starter",
|
||||
badgeIcon: Spark,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for beginners exploring the platform",
|
||||
buttons: [
|
||||
id: "1", badge: "Starter", badgeIcon: Sparkle,
|
||||
price: "Free", subtitle: "Perfect for beginners exploring the platform", buttons: [
|
||||
{ text: "Get Started", href: "/signup" },
|
||||
{ text: "Learn More", href: "/pricing" },
|
||||
],
|
||||
features: [
|
||||
"Access to 5 free courses",
|
||||
"Basic portfolio builder",
|
||||
"Community forums",
|
||||
"Weekly newsletters",
|
||||
"Basic course progress tracking",
|
||||
],
|
||||
"Access to 5 free courses", "Basic portfolio builder", "Community forums", "Weekly newsletters", "Basic course progress tracking"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Professional",
|
||||
badgeIcon: Zap,
|
||||
price: "$29/mo",
|
||||
subtitle: "For serious developers accelerating their careers",
|
||||
buttons: [
|
||||
id: "2", badge: "Professional", badgeIcon: Zap,
|
||||
price: "$29/mo", subtitle: "For serious developers accelerating their careers", buttons: [
|
||||
{ text: "Start Free Trial", href: "/trial" },
|
||||
{ text: "Upgrade Now", href: "/checkout?plan=pro" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited course access",
|
||||
"Advanced portfolio showcase",
|
||||
"Live code review sessions",
|
||||
"1-on-1 mentorship",
|
||||
"Certificate programs",
|
||||
"Priority community support",
|
||||
"Exclusive job board",
|
||||
],
|
||||
"Unlimited course access", "Advanced portfolio showcase", "Live code review sessions", "1-on-1 mentorship", "Certificate programs", "Priority community support", "Exclusive job board"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Crown,
|
||||
price: "$99/mo",
|
||||
subtitle: "For teams and institutions scaling developer training",
|
||||
buttons: [
|
||||
id: "3", badge: "Enterprise", badgeIcon: Crown,
|
||||
price: "$99/mo", subtitle: "For teams and institutions scaling developer training", buttons: [
|
||||
{ text: "Contact Sales", href: "/contact?type=enterprise" },
|
||||
{ text: "Schedule Demo", href: "/demo" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Professional",
|
||||
"Team management dashboard",
|
||||
"Custom course creation",
|
||||
"API access for integration",
|
||||
"Dedicated account manager",
|
||||
"Advanced analytics & reporting",
|
||||
"White-label options",
|
||||
"SSO authentication",
|
||||
],
|
||||
"Everything in Professional", "Team management dashboard", "Custom course creation", "API access for integration", "Dedicated account manager", "Advanced analytics & reporting", "White-label options", "SSO authentication"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -148,32 +113,11 @@ export default function PricingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Transformed My Career in 6 Months",
|
||||
quote: "Eldorbek gave me everything I needed - quality courses, portfolio tools, and a supportive community. I went from junior to mid-level developer and increased my freelance income by 300%.",
|
||||
name: "James Mitchell",
|
||||
role: "Full Stack Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-software-engi-1772783582549-1219be71.png?_wi=2",
|
||||
imageAlt: "James Mitchell",
|
||||
},
|
||||
id: "1", title: "Transformed My Career in 6 Months", quote: "Eldorbek gave me everything I needed - quality courses, portfolio tools, and a supportive community. I went from junior to mid-level developer and increased my freelance income by 300%.", name: "James Mitchell", role: "Full Stack Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-software-engi-1772783582549-1219be71.png", imageAlt: "James Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best Investment in My Development Education",
|
||||
quote: "The course quality is exceptional, and the live mentorship sessions were game-changing. I appreciate the real-world project examples and the active community that helped me debug my code.",
|
||||
name: "Priya Sharma",
|
||||
role: "Frontend Engineer at Tech Corp",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-female-softwa-1772783581685-6d53dcc4.png?_wi=2",
|
||||
imageAlt: "Priya Sharma",
|
||||
},
|
||||
id: "2", title: "Best Investment in My Development Education", quote: "The course quality is exceptional, and the live mentorship sessions were game-changing. I appreciate the real-world project examples and the active community that helped me debug my code.", name: "Priya Sharma", role: "Frontend Engineer at Tech Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-portrait-of-a-female-softwa-1772783581685-6d53dcc4.png", imageAlt: "Priya Sharma"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect Platform for Career Switchers",
|
||||
quote: "I switched from finance to tech development, and Eldorbek made it seamless. The structured learning path, supportive community, and portfolio builder gave me confidence to land my first tech role.",
|
||||
name: "David Thompson",
|
||||
role: "Backend Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-male-tech-ent-1772783581728-29c35553.png?_wi=2",
|
||||
imageAlt: "David Thompson",
|
||||
},
|
||||
id: "3", title: "Perfect Platform for Career Switchers", quote: "I switched from finance to tech development, and Eldorbek made it seamless. The structured learning path, supportive community, and portfolio builder gave me confidence to land my first tech role.", name: "David Thompson", role: "Backend Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/professional-headshot-of-a-male-tech-ent-1772783581728-29c35553.png", imageAlt: "David Thompson"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user