4 Commits

View File

@@ -9,6 +9,7 @@ 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 (
@@ -118,28 +119,31 @@ export default function HomePage() {
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardOne <MetricCardOne
metrics={[ metrics={[
{ {
id: "1", value: "5000", title: "Students", description: "Successfully trained and certified professionals", icon: Users 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: "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: "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 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"
textboxLayout="default" description="See the impact of our courses on student success and our growing network of expert instructors."
useInvertedBackground="invertDefault" 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>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
@@ -170,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"