268 lines
15 KiB
TypeScript
268 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
|
|
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
|
|
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Sparkles, Target, BookOpen, TrendingUp, Users, CheckCircle, Award, MessageSquare, HelpCircle, Phone } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="dotGrid"
|
|
cardStyle="shadow-colored"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Vitalik Know"
|
|
navItems={[
|
|
{ name: "Courses", id: "courses" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Success", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Vitalik Know"
|
|
description="Master IT skills with industry-leading instructors and real-world projects. Launch your tech career today."
|
|
buttons={[
|
|
{ text: "Explore Courses", href: "courses" },
|
|
{ text: "Enroll Now", href: "contact" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/person-computing-software-code-laptop_482257-85707.jpg"
|
|
imageAlt="Programming and coding background"
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagMediaSplitAbout
|
|
title="Empowering the Next Generation of IT Professionals"
|
|
description="Vitalik Know IT School is committed to delivering cutting-edge technology education that bridges the gap between academic learning and industry demands."
|
|
tag="About Us"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
contentTag="OUR MISSION"
|
|
contentTagIcon={Target}
|
|
contentTitle="Transform Your Tech Future"
|
|
contentDescription="We provide comprehensive IT training programs designed by industry experts with hands-on experience. From web development to cloud computing, our courses equip students with practical skills and certifications needed to excel in competitive tech markets."
|
|
contentButtons={[{ text: "Learn More", href: "courses" }]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/business-people-meeting_53876-15178.jpg?id=2770453"
|
|
imageAlt="Students learning in classroom"
|
|
imagePosition="right"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="courses" data-section="courses">
|
|
<FeatureCardThirteen
|
|
title="Our Core Programs"
|
|
description="Comprehensive IT courses designed to build expertise and career readiness"
|
|
tag="Courses"
|
|
tagIcon={BookOpen}
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
id: "01", title: "Web Development", description: "Master HTML, CSS, JavaScript, React, and backend frameworks. Build modern, responsive web applications with industry-standard tools."
|
|
},
|
|
{
|
|
id: "02", title: "Cloud Computing", description: "Learn AWS, Azure, and Google Cloud. Deploy, manage, and scale applications in cloud environments with hands-on labs."
|
|
},
|
|
{
|
|
id: "03", title: "Data Science & AI", description: "Explore Python, machine learning, and AI technologies. Build predictive models and data-driven solutions for real-world problems."
|
|
},
|
|
{
|
|
id: "04", title: "Cybersecurity", description: "Understand network security, ethical hacking, and compliance frameworks. Protect systems and data from modern threats."
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
buttons={[{ text: "View All Programs", href: "contact" }]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSix
|
|
title="Our Impact"
|
|
description="Proven results in student success and career advancement"
|
|
tag="Statistics"
|
|
tagIcon={TrendingUp}
|
|
textboxLayout="default"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2500+", tag: "Students", tagIcon: Users,
|
|
title: "Successfully trained across all programs"
|
|
},
|
|
{
|
|
id: "2", value: "94%", tag: "Placement", tagIcon: CheckCircle,
|
|
title: "Job placement rate within 6 months"
|
|
},
|
|
{
|
|
id: "3", value: "12+", tag: "Years", tagIcon: Award,
|
|
title: "Industry experience from instructors"
|
|
},
|
|
{
|
|
id: "4", value: "50K+", tag: "Earning", tagIcon: TrendingUp,
|
|
title: "Average starting salary increase"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Our Expert Instructors"
|
|
description="Learn from industry professionals with years of hands-on experience"
|
|
tag="Team"
|
|
tagIcon={Users}
|
|
textboxLayout="default"
|
|
members={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", role: "Lead Web Developer", imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg", imageAlt: "Rajesh Kumar - Web Development Expert"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Sharma", role: "Cloud Architect", imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg", imageAlt: "Priya Sharma - Cloud Computing Expert"
|
|
},
|
|
{
|
|
id: "3", name: "Amit Patel", role: "AI & ML Specialist", imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", imageAlt: "Amit Patel - Data Science Expert"
|
|
},
|
|
{
|
|
id: "4", name: "Neha Singh", role: "Security Expert", imageSrc: "https://img.b2bpic.net/free-photo/close-up-colleagues-learning-work_23-2149300706.jpg", imageAlt: "Neha Singh - Cybersecurity Expert"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardEight
|
|
title="Success Stories"
|
|
description="Hear from students who transformed their careers with Vitalik Know"
|
|
tag="Testimonials"
|
|
tagIcon={MessageSquare}
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Arjun Verma", role: "Junior Developer", company: "Tech Innovations Inc.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg", imageAlt: "Arjun Verma - Success Story"
|
|
},
|
|
{
|
|
id: "2", name: "Divya Nair", role: "Cloud Engineer", company: "Digital Solutions Ltd.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-man-classroom_23-2150444920.jpg", imageAlt: "Divya Nair - Career Advancement"
|
|
},
|
|
{
|
|
id: "3", name: "Vikram Singh", role: "Full Stack Developer", company: "StartUp Hub", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-scientist_23-2148820194.jpg", imageAlt: "Vikram Singh - Professional Growth"
|
|
},
|
|
{
|
|
id: "4", name: "Anjali Gupta", role: "Data Scientist", company: "Analytics Pro", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-with-notebook_23-2147655859.jpg", imageAlt: "Anjali Gupta - Career Transition"
|
|
},
|
|
{
|
|
id: "5", name: "Rohan Das", role: "Security Analyst", company: "CyberGuard Systems", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-attractive-dark-haired-man-glasses-is-showing-business-plan-whiteboard-he-wears-blue-shirt-dark-jacket-he-is-smiling-side_197531-546.jpg", imageAlt: "Rohan Das - Technical Skills"
|
|
},
|
|
{
|
|
id: "6", name: "Pooja Menon", role: "DevOps Engineer", company: "Cloud First Corp", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-standing-near-blackboard-classroom-explaining-lesson-holding-sponge-looking-confused_141793-131745.jpg", imageAlt: "Pooja Menon - Career Success"
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our programs and enrollment"
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are the prerequisites for enrollment?", content: "Most of our programs are designed for beginners with no prior experience required. We do recommend basic computer literacy and mathematical understanding for advanced courses. Some specialized programs may have specific prerequisites which will be clearly mentioned in the course description."
|
|
},
|
|
{
|
|
id: "2", title: "How long do the courses typically last?", content: "Our programs range from 3 to 6 months depending on the course intensity and specialization. Bootcamp programs are intensive and can be completed in 3-4 months, while certification courses typically span 4-6 months with flexible pacing options."
|
|
},
|
|
{
|
|
id: "3", title: "What kind of job assistance do you provide?", content: "We offer comprehensive career support including resume building, interview preparation, portfolio reviews, and direct placement assistance. Our 94% job placement rate reflects our strong industry connections and dedicated career services team."
|
|
},
|
|
{
|
|
id: "4", title: "Are your certifications recognized by industry?", content: "Yes, our certifications are recognized by major tech companies and industry bodies. We also offer preparation for internationally recognized certifications like AWS, CompTIA, and Microsoft certifications."
|
|
},
|
|
{
|
|
id: "5", title: "What is the class size and teaching format?", content: "We maintain small class sizes with a maximum of 20 students to ensure personalized attention. Teaching combines live lectures, hands-on projects, and one-on-one mentoring. We offer both in-person and online options for flexibility."
|
|
},
|
|
{
|
|
id: "6", title: "What is the total cost of the programs?", content: "Program fees vary based on duration and specialization, typically ranging from moderate to premium pricing. We offer flexible payment plans, scholarships for deserving candidates, and financing options. Contact our admissions team for specific pricing details."
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg"
|
|
imageAlt="Student support and help"
|
|
mediaPosition="left"
|
|
animationType="smooth"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Start Learning?"
|
|
ctaDescription="Connect with our admissions team to discuss your IT career goals and find the perfect program for you."
|
|
ctaButton={{ text: "Schedule a Consultation", href: "mailto:admission@vitalikknow.com" }}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I apply?", content: "Simply fill out our online application form, submit your academic credentials, and schedule an interview with our admissions counselor. The process typically takes 3-5 business days."
|
|
},
|
|
{
|
|
id: "2", title: "When are the batch start dates?", content: "We start new batches every month. Check our course page for upcoming start dates or contact admissions for custom batch schedules based on your availability."
|
|
},
|
|
{
|
|
id: "3", title: "Can I switch programs after enrollment?", content: "Yes, we offer program flexibility. Students can switch programs within the first two weeks without penalties. After that, transfer options depend on the programs and timing."
|
|
},
|
|
{
|
|
id: "4", title: "Do you offer internship opportunities?", content: "Absolutely! We have partnerships with leading tech companies to provide internship opportunities during and after your course. Most students secure internships by month 2-3 of their program."
|
|
}
|
|
]}
|
|
useInvertedBackground="invertCard"
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Vitalik Know"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |