5 Commits

View File

@@ -3,13 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Users, TrendingUp, Award, Star } from "lucide-react"; import { Users, TrendingUp, Award, Star } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven'; import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function HomePage() { export default function HomePage() {
return ( return (
@@ -106,29 +106,13 @@ export default function HomePage() {
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardTwo <FeatureCardSeven
products={[ features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
{ animationType="slide-up"
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" title="Featured Courses"
description="Start your learning journey with our most popular programs" description="Start your learning journey with our most popular programs"
gridVariant="four-items-2x2-equal-grid" tag="Curriculum"
animationType="slide-up" buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
@@ -150,10 +134,13 @@ export default function HomePage() {
id: "4", value: "4.9", title: "/5", description: "Average student satisfaction rating", icon: Star id: "4", value: "4.9", title: "/5", description: "Average student satisfaction rating", icon: Star
} }
]} ]}
title="Our Impact" carouselMode="auto"
description="Trusted by thousands of students worldwide"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" 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" textboxLayout="default"
useInvertedBackground="invertDefault" useInvertedBackground="invertDefault"
/> />
@@ -187,7 +174,17 @@ export default function HomePage() {
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
</div> </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"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg" imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg"