5 Commits

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 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 (
@@ -106,57 +106,44 @@ export default function HomePage() {
</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">
@@ -187,7 +174,17 @@ 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"