Update src/app/page.tsx
This commit is contained in:
179
src/app/page.tsx
179
src/app/page.tsx
@@ -65,17 +65,11 @@ export default function HomePage() {
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-vibrant-digital-illustration-of-divers-1772474149293-1ae59ad6.png",
|
||||
imageAlt: "Students learning online",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-vibrant-digital-illustration-of-divers-1772474149293-1ae59ad6.png", imageAlt: "Students learning online"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-web--1772474151819-b9ea4e12.png?_wi=1",
|
||||
imageAlt: "Web Development Course",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-web--1772474151819-b9ea4e12.png", imageAlt: "Web Development Course"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-ui-u-1772474149753-69575f00.png?_wi=1",
|
||||
imageAlt: "UI/UX Design Course",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-ui-u-1772474149753-69575f00.png", imageAlt: "UI/UX Design Course"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -93,45 +87,17 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "EduLearn",
|
||||
name: "Web Development Fundamentals",
|
||||
price: "$49.99",
|
||||
rating: 5,
|
||||
reviewCount: "12.5k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-web--1772474151819-b9ea4e12.png?_wi=2",
|
||||
imageAlt: "Web Development Course",
|
||||
},
|
||||
id: "1", brand: "EduLearn", name: "Web Development Fundamentals", price: "$49.99", rating: 5,
|
||||
reviewCount: "12.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-web--1772474151819-b9ea4e12.png", imageAlt: "Web Development Course"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "EduLearn",
|
||||
name: "UI/UX Design Mastery",
|
||||
price: "$59.99",
|
||||
rating: 5,
|
||||
reviewCount: "9.8k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-ui-u-1772474149753-69575f00.png?_wi=2",
|
||||
imageAlt: "UI/UX Design Course",
|
||||
},
|
||||
id: "2", brand: "EduLearn", name: "UI/UX Design Mastery", price: "$59.99", rating: 5,
|
||||
reviewCount: "9.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-ui-u-1772474149753-69575f00.png", imageAlt: "UI/UX Design Course"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "EduLearn",
|
||||
name: "Digital Marketing Strategies",
|
||||
price: "$44.99",
|
||||
rating: 5,
|
||||
reviewCount: "8.2k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-digi-1772474149601-f30b9b82.png?_wi=1",
|
||||
imageAlt: "Digital Marketing Course",
|
||||
},
|
||||
id: "3", brand: "EduLearn", name: "Digital Marketing Strategies", price: "$44.99", rating: 5,
|
||||
reviewCount: "8.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-digi-1772474149601-f30b9b82.png", imageAlt: "Digital Marketing Course"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "EduLearn",
|
||||
name: "Data Science Essentials",
|
||||
price: "$69.99",
|
||||
rating: 5,
|
||||
reviewCount: "7.5k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-data-1772474150119-944fa6f3.png?_wi=1",
|
||||
imageAlt: "Data Science Course",
|
||||
},
|
||||
id: "4", brand: "EduLearn", name: "Data Science Essentials", price: "$69.99", rating: 5,
|
||||
reviewCount: "7.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/a-professional-course-thumbnail-for-data-1772474150119-944fa6f3.png", imageAlt: "Data Science Course"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,39 +112,24 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Browse & Enroll",
|
||||
description: "Explore thousands of courses and enroll in the ones that match your goals.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Browse & Enroll", description: "Explore thousands of courses and enroll in the ones that match your goals.", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: BookOpen, label: "Courses", value: "5000+" },
|
||||
{ icon: Users, label: "Learners", value: "500k+" },
|
||||
{ icon: Star, label: "Avg Rating", value: "4.8★" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Learn at Your Pace",
|
||||
description: "Complete courses on your schedule with lifetime access to materials.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Your Learning Journey",
|
||||
subheading: "Complete at your own speed",
|
||||
items: [
|
||||
title: "Learn at Your Pace", description: "Complete courses on your schedule with lifetime access to materials.", bentoComponent: "timeline", heading: "Your Learning Journey", subheading: "Complete at your own speed", items: [
|
||||
{ label: "Week 1", detail: "Foundation & Basics" },
|
||||
{ label: "Week 2-3", detail: "Core Concepts & Practice" },
|
||||
{ label: "Week 4", detail: "Advanced Topics & Projects" },
|
||||
],
|
||||
completedLabel: "Completed",
|
||||
completedLabel: "Completed"},
|
||||
{
|
||||
title: "Get Certified", description: "Earn recognized certificates upon course completion and boost your career.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Get Certified",
|
||||
description: "Earn recognized certificates upon course completion and boost your career.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Expert Support",
|
||||
description: "Access our community forums and instructors for guidance whenever you need help.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Headphones,
|
||||
title: "Expert Support", description: "Access our community forums and instructors for guidance whenever you need help.", bentoComponent: "orbiting-icons", centerIcon: Headphones,
|
||||
items: [
|
||||
{ icon: MessageCircle, ring: 1 },
|
||||
{ icon: HelpCircle, ring: 1 },
|
||||
@@ -217,57 +168,31 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Basic Plan",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for exploring",
|
||||
buttons: [
|
||||
id: "1", badge: "Basic Plan", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Perfect for exploring", buttons: [
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Access to 5 free courses",
|
||||
"Basic certificates",
|
||||
"Community access",
|
||||
"Email support",
|
||||
],
|
||||
"Access to 5 free courses", "Basic certificates", "Community access", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Pro Plan",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$19/mo",
|
||||
subtitle: "Recommended for learners",
|
||||
buttons: [
|
||||
id: "2", badge: "Pro Plan", badgeIcon: Sparkles,
|
||||
price: "$19/mo", subtitle: "Recommended for learners", buttons: [
|
||||
{ text: "Start Free Trial", href: "#" },
|
||||
{ text: "Upgrade Now", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"All 500+ courses",
|
||||
"Premium certificates",
|
||||
"Priority support",
|
||||
"Offline downloads",
|
||||
"Career guidance",
|
||||
],
|
||||
"All 500+ courses", "Premium certificates", "Priority support", "Offline downloads", "Career guidance"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Custom",
|
||||
subtitle: "For organizations",
|
||||
buttons: [
|
||||
id: "3", badge: "Enterprise", badgeIcon: Sparkles,
|
||||
price: "Custom", subtitle: "For organizations", buttons: [
|
||||
{ text: "Contact Sales", href: "#" },
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited team access",
|
||||
"Custom learning paths",
|
||||
"Analytics & reporting",
|
||||
"Dedicated support",
|
||||
"API access",
|
||||
],
|
||||
"Unlimited team access", "Custom learning paths", "Analytics & reporting", "Dedicated support", "API access"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -282,41 +207,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-young-profess-1772474150566-9a49b662.png?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-young-profess-1772474150566-9a49b662.png", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-young-profess-1772474149079-fffb5e06.png?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-young-profess-1772474149079-fffb5e06.png", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-woman-entrepr-1772474148212-9265b691.png?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-woman-entrepr-1772474148212-9265b691.png", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-man-with-appr-1772474150199-8039f02f.png?_wi=1",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-man-with-appr-1772474150199-8039f02f.png", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Martinez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-diverse-woman-1772474148576-878e7a96.png?_wi=1",
|
||||
imageAlt: "Jessica Martinez",
|
||||
},
|
||||
id: "5", name: "Jessica Martinez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-diverse-woman-1772474148576-878e7a96.png", imageAlt: "Jessica Martinez"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-man-with-conf-1772474150785-0f77e657.png?_wi=1",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOqiGaALei1IclRXGOEjUcfJ9z/professional-headshot-of-a-man-with-conf-1772474150785-0f77e657.png", imageAlt: "James Wilson"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,24 +229,16 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/edulearn",
|
||||
ariaLabel: "Follow us on Facebook",
|
||||
},
|
||||
href: "https://facebook.com/edulearn", ariaLabel: "Follow us on Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/edulearn",
|
||||
ariaLabel: "Follow us on Twitter",
|
||||
},
|
||||
href: "https://twitter.com/edulearn", ariaLabel: "Follow us on Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/edulearn",
|
||||
ariaLabel: "Follow us on LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/edulearn", ariaLabel: "Follow us on LinkedIn"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/edulearn",
|
||||
ariaLabel: "Follow us on Instagram",
|
||||
},
|
||||
href: "https://instagram.com/edulearn", ariaLabel: "Follow us on Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user