Compare commits
5 Commits
25737ef359
...
version_18
| Author | SHA1 | Date | |
|---|---|---|---|
| 8fc17e6370 | |||
| ce2d16ca04 | |||
| 26cb8562e2 | |||
| 54eb29b92b | |||
| 2eda276f99 |
169
src/app/page.tsx
169
src/app/page.tsx
@@ -3,13 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Users, TrendingUp, Award, Star } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -65,96 +65,85 @@ export default function HomePage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Expert Instructors", description: "Learn from experienced professionals with 10+ years in the tech industry. Our instructors bring real-world insights and practical knowledge to every lesson.", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Flexible Learning", description: "Study at your own pace with self-paced courses, live sessions, and recorded content. Access materials anytime, anywhere on any device.", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Career Support", description: "Get job placement assistance, resume reviews, and interview coaching. Our alumni network opens doors to exciting career opportunities.", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
|
||||
}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose TechAcademy"
|
||||
description="Industry-leading education platform designed for career growth"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
<FeatureCardSeven
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Expert Instructors", description: "Learn from experienced professionals with 10+ years in the tech industry. Our instructors bring real-world insights and practical knowledge to every lesson.", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Flexible Learning", description: "Study at your own pace with self-paced courses, live sessions, and recorded content. Access materials anytime, anywhere on any device.", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Career Support", description: "Get job placement assistance, resume reviews, and interview coaching. Our alumni network opens doors to exciting career opportunities.", phoneOne: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
|
||||
}
|
||||
}
|
||||
]}
|
||||
animationType="none"
|
||||
title="Why Choose TechAcademy"
|
||||
description="Industry-leading education platform designed for career growth"
|
||||
tag="Unique"
|
||||
buttons={[{ text: "View Courses", label: "courses", href: "/courses" }, { text: "Learn More", label: "about", href: "/about" }]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Beginner Track", name: "Web Development Fundamentals", price: "$299", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg", imageAlt: "Web Development Course"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Intermediate Track", name: "Python Programming Mastery", price: "$399", rating: 5,
|
||||
reviewCount: "980", imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg", imageAlt: "Python Programming Course"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Advanced Track", name: "Data Science & Machine Learning", price: "$599", rating: 5,
|
||||
reviewCount: "756", imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg", imageAlt: "Data Science Course"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Professional Track", name: "Cybersecurity Essentials", price: "$499", rating: 5,
|
||||
reviewCount: "543", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Cybersecurity Course"
|
||||
}
|
||||
]}
|
||||
title="Featured Courses"
|
||||
description="Start your learning journey with our most popular programs"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
<FeatureCardSeven
|
||||
features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
|
||||
animationType="slide-up"
|
||||
title="Featured Courses"
|
||||
description="Start your learning journey with our most popular programs"
|
||||
tag="Curriculum"
|
||||
buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "5000", title: "Students", description: "Successfully trained and certified professionals", icon: Users
|
||||
},
|
||||
{
|
||||
id: "2", value: "95", title: "%", description: "Job placement rate within 3 months", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "3", value: "20", title: "+", description: "Expert instructors on our team", icon: Award
|
||||
},
|
||||
{
|
||||
id: "4", value: "4.9", title: "/5", description: "Average student satisfaction rating", icon: Star
|
||||
}
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Trusted by thousands of students worldwide"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
<MetricCardOne
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "5000", title: "Students", description: "Successfully trained and certified professionals", icon: Users
|
||||
},
|
||||
{
|
||||
id: "2", value: "95", title: "%", description: "Job placement rate within 3 months", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "3", value: "20", title: "+", description: "Expert instructors on our team", icon: Award
|
||||
},
|
||||
{
|
||||
id: "4", value: "4.9", title: "/5", description: "Average student satisfaction rating", icon: Star
|
||||
}
|
||||
]}
|
||||
carouselMode="auto"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
title="TechAcademy Metrics"
|
||||
description="See the impact of our courses on student success and our growing network of expert instructors."
|
||||
tag="Metrics"
|
||||
buttons={[{ text: "Explore Courses", label: "Explore Courses", href: "#" }, { text: "Meet Our Team", label: "Meet Our Team", href: "#" }]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
@@ -186,6 +175,14 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact_center" data-section="contact_center">
|
||||
<ContactCenter
|
||||
tag="Label"
|
||||
title="Reach Out to Us"
|
||||
description="Have questions? Our dedicated team is here to assist you."
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg"
|
||||
|
||||
@@ -137,6 +137,12 @@ const ProductCardItem = memo(({
|
||||
{product.price}
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
className={cls("bg-primary-cta text-secondary-cta rounded-lg px-4 py-2 mt-4", actionButtonClassName)}
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
ADD TO CART
|
||||
</button>
|
||||
</article>
|
||||
);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user