215 lines
8.7 KiB
TypeScript
215 lines
8.7 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Award, Users, TrendingUp, Zap, CheckCircle, Mail } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Courses", id: "/courses" },
|
|
{ name: "Why Us", id: "/services" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={{ text: "Book Consultation", href: "/contact" }}
|
|
brandName="Abul Kalam Azad"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Abul Kalam Azad"
|
|
description="Empowering Professionals Through Expert Corporate Training. With 10+ years of industry expertise, transforming workplace dynamics through strategic, results-oriented training programs."
|
|
buttons={[
|
|
{ text: "View Courses", href: "/courses" },
|
|
{ text: "Book Consultation", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "downward-rays-static-grid" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg?_wi=1"
|
|
imageAlt="Corporate training environment"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="10 Years of Transforming Professional Excellence"
|
|
metrics={[
|
|
{ icon: Award, label: "Industry Experience", value: "10+ Years" },
|
|
{ icon: Users, label: "Professionals Trained", value: "500+" },
|
|
{ icon: TrendingUp, label: "Success Rate", value: "95%" },
|
|
{ icon: Zap, label: "Core Competencies", value: "4 Areas" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-bio" data-section="about-bio">
|
|
<FeatureCardSixteen
|
|
title="Core Expertise Areas"
|
|
description="Specialized training programs designed to address critical business needs and develop essential professional competencies."
|
|
negativeCard={{
|
|
items: [
|
|
"Generic, one-size-fits-all training",
|
|
"Lack of real-world application",
|
|
"No measurable outcomes",
|
|
"Outdated methodologies",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Customized, tailored programs",
|
|
"Practical, immediately applicable skills",
|
|
"Measurable performance improvements",
|
|
"Latest industry best practices",
|
|
"Hands-on, interactive sessions",
|
|
"Ongoing support & mentorship",
|
|
],
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Our Approach"
|
|
tagIcon={CheckCircle}
|
|
/>
|
|
</div>
|
|
|
|
<div id="courses" data-section="courses">
|
|
<ProductCardThree
|
|
title="Professional Training Courses"
|
|
description="Comprehensive, industry-focused training programs designed to enhance leadership, communication, and strategic business capabilities."
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Leadership Development Program",
|
|
price: "$2,999",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-conference_1262-2322.jpg?_wi=2",
|
|
imageAlt: "Leadership Development Program",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Advanced Communication Skills",
|
|
price: "$1,999",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/public-speech-coaching-visual-aids-presentation-skills-information-3-horizontal-banners_1284-12249.jpg?_wi=1",
|
|
imageAlt: "Communication Skills Training",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Team Management Mastery",
|
|
price: "$2,499",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-startup-company-colleague-entrepreneur-meeting-professional-workplace-broadroom_482257-5082.jpg?_wi=1",
|
|
imageAlt: "Team Management Course",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Business Strategy & Innovation",
|
|
price: "$3,499",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/factory-managers-investors-analyze-technical-production-data-documents_482257-126895.jpg?_wi=1",
|
|
imageAlt: "Business Strategy Course",
|
|
},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Professional Development"
|
|
/>
|
|
</div>
|
|
|
|
<div id="whyChoose" data-section="whyChoose">
|
|
<MetricCardThree
|
|
title="Why Choose Abul Kalam Azad"
|
|
description="Evidence-backed training methodology combining years of industry experience with proven results and measurable business impact."
|
|
metrics={[
|
|
{ id: "1", icon: Award, title: "Industry Experience", value: "10+ Years" },
|
|
{ id: "2", icon: Zap, title: "Practical Training", value: "Real-World" },
|
|
{ id: "3", icon: TrendingUp, title: "Results-Oriented", value: "95% Success" },
|
|
{ id: "4", icon: CheckCircle, title: "Professional Approach", value: "Corporate" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
title="Ready to Transform Your Team?"
|
|
description="Schedule a consultation with Abul Kalam Azad today. Let's discuss how our customized training programs can unlock your team's full potential and drive measurable business results."
|
|
tagIcon={Mail}
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Schedule Now"
|
|
termsText="Direct contact: kalam.abl12@gmail.com | We respect your privacy and respond within 24 hours."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Leadership Development", href: "/courses" },
|
|
{ label: "Communication Skills", href: "/courses" },
|
|
{ label: "Team Management", href: "/courses" },
|
|
{ label: "Business Strategy", href: "/courses" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Book Consultation", href: "/contact" },
|
|
{ label: "Admin Login", href: "/admin" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Email", href: "mailto:kalam.abl12@gmail.com" },
|
|
{ label: "LinkedIn", href: "#" },
|
|
{ label: "Twitter", href: "#" },
|
|
{ label: "Facebook", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Abul Kalam Azad. All rights reserved."
|
|
bottomRightText="Professional Corporate Training Solutions"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |