463 lines
23 KiB
TypeScript
463 lines
23 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
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";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Courses", id: "courses" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Dashboard", id: "https://app.eldorbek.dev" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{ label: "Courses", href: "/courses" },
|
|
{ label: "Pricing", href: "/pricing" },
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Community", href: "/community" },
|
|
{ label: "Dashboard", href: "/dashboard" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "/careers" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Status", href: "https://status.eldorbek.dev" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
{ label: "Cookie Policy", href: "/cookies" },
|
|
{ label: "Security", href: "/security" },
|
|
{ label: "Refund Policy", href: "/refunds" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Eldorbek" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Build Your Developer Future with Eldorbek"
|
|
description="The complete SaaS platform for learning, teaching, and monetizing developer skills. Access premium courses, build your portfolio, join a thriving community, and scale your income."
|
|
tag="Next-Gen Developer Platform"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYxOIZzJuABt1grsLGzMHdVZpm/a-modern-sleek-developer-platform-dashbo-1772783582737-d71ec54d.png"
|
|
imageAlt="Eldorbek Platform Dashboard"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Get Started Free", href: "/courses" },
|
|
{ text: "View Dashboard", href: "/dashboard" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" className="py-20">
|
|
<MediaAbout
|
|
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"
|
|
imageAlt="Eldorbek Team Collaboration"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "/about" },
|
|
{ text: "Explore Features", href: "#features" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features" className="py-24 bg-gradient-to-b from-background to-card/50">
|
|
<FeatureCardSix
|
|
title="Powerful Platform Features"
|
|
description="Everything you need to succeed as a developer"
|
|
tag="Features"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="courses" data-section="courses" className="py-24 bg-card/30">
|
|
<ProductCardTwo
|
|
title="Featured Learning Courses"
|
|
description="Master in-demand developer skills with premium content from industry experts"
|
|
tag="Courses"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
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: "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: "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>
|
|
|
|
<div id="pricing" data-section="pricing" className="py-24 bg-gradient-to-b from-background to-card/50">
|
|
<PricingCardTwo
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the perfect plan for your learning and earning goals"
|
|
tag="Pricing"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "1",
|
|
badge: "Starter",
|
|
badgeIcon: Spark,
|
|
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",
|
|
],
|
|
},
|
|
{
|
|
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",
|
|
],
|
|
},
|
|
{
|
|
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",
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team" className="py-24 bg-card/30">
|
|
<TeamCardFive
|
|
title="Meet Our Team"
|
|
description="Passionate developers and educators building the future of tech learning"
|
|
tag="Team"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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: "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: "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: "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",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="py-24 bg-gradient-to-b from-background to-card/50">
|
|
<TestimonialCardTen
|
|
title="Loved by Developers Worldwide"
|
|
description="Join thousands of developers transforming their careers with Eldorbek"
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
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: "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: "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: "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: "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>
|
|
|
|
<div id="blog" data-section="blog" className="py-24 bg-gradient-to-b from-background to-card/50">
|
|
<BlogCardThree
|
|
title="Latest Articles & Insights"
|
|
description="Stay updated with developer tips, platform updates, and industry insights"
|
|
tag="Blog"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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: "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",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="py-20 bg-gradient-to-r from-primary-cta/5 to-background-accent/5">
|
|
<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" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Start Learning Free", href: "/signup" },
|
|
{ text: "Contact Our Team", href: "/contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Eldorbek Developer. All rights reserved. | Built by developers, for developers."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |