development/7df64c36-0456-4fee-8da5-589f125d3966
1
0
Fork 0
Code Issues Pull Requests 14 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
development
2026-02-02 13:52:52 +00:00
parent 921c6d213f
commit 4a8a915e9e
1 changed files with 88 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
src/app/page.tsx
View File

@@ -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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function HomePage() {
return (
@@ -42,7 +42,7 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="STEP Academy"
logoText="TECHACADEMY"
description="Master in-demand technology skills with our comprehensive IT courses. Learn from industry experts and launch your tech career."
buttons={[
{ text: "Explore Courses", href: "/courses" },
@@ -65,85 +65,96 @@ export default function HomePage() {
</div>
<div id="features" data-section="features">
<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"
/>
<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"
/>
</div>
<div id="products" data-section="products">
<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"
/>
<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"
/>
</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
}
]}
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"
/>
<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"
/>
</div>
<div id="testimonials" data-section="testimonials">
@@ -174,17 +185,7 @@ export default function HomePage() {
useInvertedBackground="noInvert"
/>
</div>
<div id="contact_split_form" data-section="contact_split_form">
<ContactSplitForm
title="Get in Touch"
description="We're here to answer any questions you have about our courses and how we can help you achieve your tech career goals."
inputs={[{ name: "name", type: "text", placeholder: "Your Full Name", required: true }, { name: "email", type: "email", placeholder: "Your Email Address", required: true }, { name: "message", type: "textarea", placeholder: "Your Message to TechAcademy", required: false }]}
textarea={{ name: "", placeholder: "" }}
useInvertedBackground="noInvert"
imageSrc="https://placehold.co/600x400"
mediaPosition="left"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg"