fix
This commit is contained in:
434
src/app/page.tsx
434
src/app/page.tsx
@@ -14,230 +14,230 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="IT Academy"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Success Stories", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
button={{
|
||||
text: "Enroll Now", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="IT Academy"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Success Stories", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
button={{
|
||||
text: "Enroll Now", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="IT Academy"
|
||||
description="Master in-demand tech skills and launch your career in technology with our comprehensive, industry-focused courses."
|
||||
buttons={[
|
||||
{ text: "Explore Courses", href: "courses" },
|
||||
{ text: "Learn More", href: "about" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg"
|
||||
imageAlt="Students learning coding and technology"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="IT Academy"
|
||||
description="Master in-demand tech skills and launch your career in technology with our comprehensive, industry-focused courses."
|
||||
buttons={[
|
||||
{ text: "Explore Courses", href: "courses" },
|
||||
{ text: "Learn More", href: "about" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg"
|
||||
imageAlt="Students learning coding and technology"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
tag="About Us"
|
||||
title="Empowering the Next Generation of Tech Professionals"
|
||||
description="At IT Academy, we believe in transforming ambitions into achievements. Our mission is to provide world-class technical education that bridges the gap between academic learning and industry demands."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Instructors", description: "Learn from industry professionals with years of hands-on experience in leading tech companies.", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Practical Projects", description: "Build real-world applications and portfolio projects that demonstrate your expertise to employers.", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Career Support", description: "Receive guidance on job placement, interview preparation, and career advancement strategies.", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Flexible Learning", description: "Choose between full-time, part-time, and self-paced options that fit your schedule.", icon: Shield
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg"
|
||||
imageAlt="IT Academy Learning Environment"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
tag="About Us"
|
||||
title="Empowering the Next Generation of Tech Professionals"
|
||||
description="At IT Academy, we believe in transforming ambitions into achievements. Our mission is to provide world-class technical education that bridges the gap between academic learning and industry demands."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Instructors", description: "Learn from industry professionals with years of hands-on experience in leading tech companies.", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Practical Projects", description: "Build real-world applications and portfolio projects that demonstrate your expertise to employers.", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Career Support", description: "Receive guidance on job placement, interview preparation, and career advancement strategies.", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Flexible Learning", description: "Choose between full-time, part-time, and self-paced options that fit your schedule.", icon: Shield
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg"
|
||||
imageAlt="IT Academy Learning Environment"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="learning-process" data-section="learning-process">
|
||||
<HeroBillboardScroll
|
||||
title={'IT "STEP" Academy'}
|
||||
description="We follow a proven 4-step methodology to ensure comprehensive learning and skill mastery."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Our Methodology"
|
||||
buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
|
||||
imageSrc="https://placehold.co/600x400"
|
||||
/>
|
||||
</div>
|
||||
<div id="learning-process" data-section="learning-process">
|
||||
<HeroBillboardScroll
|
||||
title={'IT "STEP" Academy'}
|
||||
description="We follow a proven 4-step methodology to ensure comprehensive learning and skill mastery."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Our Methodology"
|
||||
buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
|
||||
imageSrc="https://placehold.co/600x400"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="courses" data-section="courses">
|
||||
<ProductCardTwo
|
||||
tag="Popular Courses"
|
||||
title="Our Comprehensive Course Catalog"
|
||||
description="Choose from industry-leading courses designed by experts and trusted by thousands of graduates worldwide."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "web-dev", brand: "IT Academy", name: "Full Stack Web Development", price: "$2,499", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040428.jpg", imageAlt: "Web Development course"
|
||||
},
|
||||
{
|
||||
id: "data-science", brand: "IT Academy", name: "Data Science & Analytics", price: "$2,799", rating: 5,
|
||||
reviewCount: "980", imageSrc: "https://img.b2bpic.net/free-vector/website-development-banners_1284-9108.jpg", imageAlt: "Data Science course"
|
||||
},
|
||||
{
|
||||
id: "cloud-computing", brand: "IT Academy", name: "Cloud Computing & DevOps", price: "$2,699", rating: 5,
|
||||
reviewCount: "750", imageSrc: "https://img.b2bpic.net/free-photo/website-development-links-seo-webinar-cyberspace-concept_53876-120953.jpg", imageAlt: "Cloud Computing course"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="courses" data-section="courses">
|
||||
<ProductCardTwo
|
||||
tag="Popular Courses"
|
||||
title="Our Comprehensive Course Catalog"
|
||||
description="Choose from industry-leading courses designed by experts and trusted by thousands of graduates worldwide."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "web-dev", brand: "IT Academy", name: "Full Stack Web Development", price: "$2,499", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040428.jpg", imageAlt: "Web Development course"
|
||||
},
|
||||
{
|
||||
id: "data-science", brand: "IT Academy", name: "Data Science & Analytics", price: "$2,799", rating: 5,
|
||||
reviewCount: "980", imageSrc: "https://img.b2bpic.net/free-vector/website-development-banners_1284-9108.jpg", imageAlt: "Data Science course"
|
||||
},
|
||||
{
|
||||
id: "cloud-computing", brand: "IT Academy", name: "Cloud Computing & DevOps", price: "$2,699", rating: 5,
|
||||
reviewCount: "750", imageSrc: "https://img.b2bpic.net/free-photo/website-development-links-seo-webinar-cyberspace-concept_53876-120953.jpg", imageAlt: "Cloud Computing course"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<HeroBillboard
|
||||
title="Proven Results & Success Metrics"
|
||||
description="Join thousands of students who have transformed their careers through IT Academy."
|
||||
background="plain"
|
||||
tag="Our Impact"
|
||||
buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
|
||||
imageSrc="https://placehold.co/600x400"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<HeroBillboard
|
||||
title="Proven Results & Success Metrics"
|
||||
description="Join thousands of students who have transformed their careers through IT Academy."
|
||||
background="plain"
|
||||
tag="Our Impact"
|
||||
buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
|
||||
imageSrc="https://placehold.co/600x400"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="IT Academy completely transformed my career. The structured curriculum, hands-on projects, and supportive instructors helped me land a job at a Fortune 500 tech company within 5 months of graduation. I went from frustrated self-learner to confident full-stack developer."
|
||||
rating={5}
|
||||
author="Sarah Chen, Senior Software Engineer at TechCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/young-woman-wearing-graduation-gown-outdoors_23-2148505264.jpg", alt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/smiley-young-woman-celebrating-her-graduation_23-2148505256.jpg", alt: "John Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/front-view-smiley-young-woman-wearing-graduation-gown_23-2148505261.jpg", alt: "Emily Watson"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-holding-laptop-coffee-wearing-blue-gentle-shirt-modern-building_158595-6711.jpg", alt: "Michael Thompson"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/young-woman-celebrating-her-graduation_23-2148505254.jpg", alt: "Lisa Anderson"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/best-friends-playing-graduation-ceremony_23-2148505278.jpg", alt: "David Kumar"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="IT Academy completely transformed my career. The structured curriculum, hands-on projects, and supportive instructors helped me land a job at a Fortune 500 tech company within 5 months of graduation. I went from frustrated self-learner to confident full-stack developer."
|
||||
rating={5}
|
||||
author="Sarah Chen, Senior Software Engineer at TechCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/young-woman-wearing-graduation-gown-outdoors_23-2148505264.jpg", alt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/smiley-young-woman-celebrating-her-graduation_23-2148505256.jpg", alt: "John Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/front-view-smiley-young-woman-wearing-graduation-gown_23-2148505261.jpg", alt: "Emily Watson"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-holding-laptop-coffee-wearing-blue-gentle-shirt-modern-building_158595-6711.jpg", alt: "Michael Thompson"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/young-woman-celebrating-her-graduation_23-2148505254.jpg", alt: "Lisa Anderson"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/best-friends-playing-graduation-ceremony_23-2148505278.jpg", alt: "David Kumar"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our programs, enrollment, and learning experience."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are the prerequisites for enrolling?", content: "Our courses are designed for beginners to intermediate learners. Basic computer literacy is helpful, but not required. We provide foundational materials for those new to programming. No prior tech experience necessary!"
|
||||
},
|
||||
{
|
||||
id: "2", title: "How long does it take to complete a course?", content: "Most full-time courses take 12-16 weeks. Part-time programs typically take 24-32 weeks. Self-paced options allow you to complete at your own speed. Each course page has detailed timeline information."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you offer job placement assistance?", content: "Yes! Our Career Services team provides resume reviews, interview coaching, and job placement support. We have partnerships with 200+ companies actively hiring our graduates. 92% of our students find jobs within 6 months."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What certification will I receive?", content: "Graduates receive an IT Academy Certificate of Completion. Many courses also provide industry-recognized certifications (AWS, Google Cloud, etc.). Certificates are digital and shareable on LinkedIn."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Is financing available?", content: "Yes! We offer multiple payment plans, income-share agreements (ISA), and work with several financial institutions for loans. We also have scholarships for eligible candidates. Contact our admissions team for details."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Can I interact with instructors?", content: "Absolutely! All our programs include office hours with instructors, group study sessions, and 1-on-1 mentoring. Our instructors are dedicated to your success and accessible throughout your learning journey."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our programs, enrollment, and learning experience."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are the prerequisites for enrolling?", content: "Our courses are designed for beginners to intermediate learners. Basic computer literacy is helpful, but not required. We provide foundational materials for those new to programming. No prior tech experience necessary!"
|
||||
},
|
||||
{
|
||||
id: "2", title: "How long does it take to complete a course?", content: "Most full-time courses take 12-16 weeks. Part-time programs typically take 24-32 weeks. Self-paced options allow you to complete at your own speed. Each course page has detailed timeline information."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you offer job placement assistance?", content: "Yes! Our Career Services team provides resume reviews, interview coaching, and job placement support. We have partnerships with 200+ companies actively hiring our graduates. 92% of our students find jobs within 6 months."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What certification will I receive?", content: "Graduates receive an IT Academy Certificate of Completion. Many courses also provide industry-recognized certifications (AWS, Google Cloud, etc.). Certificates are digital and shareable on LinkedIn."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Is financing available?", content: "Yes! We offer multiple payment plans, income-share agreements (ISA), and work with several financial institutions for loans. We also have scholarships for eligible candidates. Contact our admissions team for details."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Can I interact with instructors?", content: "Absolutely! All our programs include office hours with instructors, group study sessions, and 1-on-1 mentoring. Our instructors are dedicated to your success and accessible throughout your learning journey."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Stay Updated"
|
||||
title="Get Latest Course Updates & Learning Tips"
|
||||
description="Subscribe to our newsletter and receive exclusive content, new course announcements, industry insights, and tips from our expert instructors directly in your inbox."
|
||||
useInvertedBackground="invertDefault"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/little-classmates-discussing-lesson-doing-task_74855-10243.jpg"
|
||||
imageAlt="Newsletter signup"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. Check our Terms and Conditions for details."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Stay Updated"
|
||||
title="Get Latest Course Updates & Learning Tips"
|
||||
description="Subscribe to our newsletter and receive exclusive content, new course announcements, industry insights, and tips from our expert instructors directly in your inbox."
|
||||
useInvertedBackground="invertDefault"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/little-classmates-discussing-lesson-doing-task_74855-10243.jpg"
|
||||
imageAlt="Newsletter signup"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. Check our Terms and Conditions for details."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="IT Academy"
|
||||
copyrightText="© 2025 IT Academy | Empowering Tech Professionals"
|
||||
columns={[
|
||||
{
|
||||
title: "Programs", items: [
|
||||
{ label: "Web Development", href: "courses" },
|
||||
{ label: "Data Science", href: "courses" },
|
||||
{ label: "Cloud Computing", href: "courses" },
|
||||
{ label: "View All Courses", href: "courses" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Mission", href: "about" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Blog", href: "#blog" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Learning Resources", href: "#resources" },
|
||||
{ label: "Student Portal", href: "#portal" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="IT Academy"
|
||||
copyrightText="© 2025 IT Academy | Empowering Tech Professionals"
|
||||
columns={[
|
||||
{
|
||||
title: "Programs", items: [
|
||||
{ label: "Web Development", href: "courses" },
|
||||
{ label: "Data Science", href: "courses" },
|
||||
{ label: "Cloud Computing", href: "courses" },
|
||||
{ label: "View All Courses", href: "courses" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Mission", href: "about" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Blog", href: "#blog" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "Learning Resources", href: "#resources" },
|
||||
{ label: "Student Portal", href: "#portal" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user