Merge version_1 into main #2
184
src/app/page.tsx
184
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "features",
|
||||
},
|
||||
name: "Courses", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="IACT Institute"
|
||||
/>
|
||||
@@ -57,78 +47,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Future Generations with Tech Mastery"
|
||||
description="IACT Computer Institute provides comprehensive computer education for children, ranging from basic literacy to advanced coding and data analytics. Build your digital foundation today."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Students Trained",
|
||||
},
|
||||
value: "500+", label: "Students Trained"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Certifications",
|
||||
},
|
||||
value: "15+", label: "Certifications"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Success Rate",
|
||||
},
|
||||
value: "100%", label: "Success Rate"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Journey", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg"
|
||||
imageAlt="IACT Computer Lab"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6893.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6893.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66424.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66424.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg", alt: "Student 5"},
|
||||
]}
|
||||
avatarText="Join 500+ successful graduates"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Python",
|
||||
},
|
||||
type: "text", text: "Python"},
|
||||
{
|
||||
type: "text",
|
||||
text: "HTML/CSS",
|
||||
},
|
||||
type: "text", text: "HTML/CSS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analytics",
|
||||
},
|
||||
type: "text", text: "Data Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "JavaScript",
|
||||
},
|
||||
type: "text", text: "JavaScript"},
|
||||
{
|
||||
type: "text",
|
||||
text: "C Programming",
|
||||
},
|
||||
type: "text", text: "C Programming"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,48 +110,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Basic & Advanced Computing",
|
||||
description: "Master essential operating systems, office software, and efficient system navigation.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-keyboard-yellow-notepad-table_140725-8940.jpg?_wi=1",
|
||||
imageAlt: "Computing",
|
||||
},
|
||||
title: "Basic & Advanced Computing", description: "Master essential operating systems, office software, and efficient system navigation.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-keyboard-yellow-notepad-table_140725-8940.jpg", imageAlt: "Computing"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-keyboard-yellow-notepad-table_140725-8940.jpg?_wi=2",
|
||||
imageAlt: "Computing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg?_wi=2",
|
||||
imageAlt: "modern computer lab interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-keyboard-yellow-notepad-table_140725-8940.jpg", imageAlt: "Computing"}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Web Development (HTML/CSS/JS)",
|
||||
description: "Create stunning websites from scratch using industry-standard web technologies.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg?_wi=1",
|
||||
imageAlt: "Web",
|
||||
},
|
||||
title: "Web Development (HTML/CSS/JS)", description: "Create stunning websites from scratch using industry-standard web technologies.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg", imageAlt: "Web"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg?_wi=2",
|
||||
imageAlt: "Web",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-boy-reading-task-aloud-lesson_74855-8829.jpg",
|
||||
imageAlt: "children learning computer coding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg", imageAlt: "Web"}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Data Analytics & Languages",
|
||||
description: "Dive into SQL, PowerBI, Python, and C programming for high-impact technical roles.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2252.jpg?_wi=1",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
title: "Data Analytics & Languages", description: "Dive into SQL, PowerBI, Python, and C programming for high-impact technical roles.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2252.jpg", imageAlt: "Analytics"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2252.jpg?_wi=2",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-keyboard-yellow-notepad-table_140725-8940.jpg?_wi=3",
|
||||
imageAlt: "computer literacy icons",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2252.jpg", imageAlt: "Analytics"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -206,40 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ananya P.",
|
||||
role: "Advanced Coder",
|
||||
testimonial: "The best coding bootcamp ever! Simplified my learning curve.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6893.jpg",
|
||||
},
|
||||
id: "1", name: "Ananya P.", role: "Advanced Coder", testimonial: "The best coding bootcamp ever! Simplified my learning curve.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswomen-working-her-office_1301-6893.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rahul M.",
|
||||
role: "Web Developer",
|
||||
testimonial: "HTML and CSS finally make sense to me thanks to IACT.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66424.jpg",
|
||||
},
|
||||
id: "2", name: "Rahul M.", role: "Web Developer", testimonial: "HTML and CSS finally make sense to me thanks to IACT.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66424.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sanya K.",
|
||||
role: "Analytics Student",
|
||||
testimonial: "PowerBI module was incredibly practical for my future goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Sanya K.", role: "Analytics Student", testimonial: "PowerBI module was incredibly practical for my future goals.", imageSrc: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vihaan D.",
|
||||
role: "Python Learner",
|
||||
testimonial: "IACT gave me the confidence to start my programming journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
|
||||
},
|
||||
id: "4", name: "Vihaan D.", role: "Python Learner", testimonial: "IACT gave me the confidence to start my programming journey.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Aarav V.",
|
||||
role: "Basic Computer",
|
||||
testimonial: "The instructors are patient and very knowledgeable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Aarav V.", role: "Basic Computer", testimonial: "The instructors are patient and very knowledgeable.", imageSrc: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg"},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Hear from the next generation of coders and tech enthusiasts."
|
||||
@@ -252,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What age group is IACT for?",
|
||||
content: "We offer programs tailored for children from grade 3 up to university level.",
|
||||
},
|
||||
id: "q1", title: "What age group is IACT for?", content: "We offer programs tailored for children from grade 3 up to university level."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need a laptop at home?",
|
||||
content: "Yes, practice at home is recommended for faster progress, but our lab is fully equipped.",
|
||||
},
|
||||
id: "q2", title: "Do I need a laptop at home?", content: "Yes, practice at home is recommended for faster progress, but our lab is fully equipped."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are certifications provided?",
|
||||
content: "Yes, every completed course includes an industry-recognized certificate.",
|
||||
},
|
||||
id: "q3", title: "Are certifications provided?", content: "Yes, every completed course includes an industry-recognized certificate."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to common questions about our programs."
|
||||
@@ -277,8 +180,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Join Now"
|
||||
title="Start Learning Today"
|
||||
description="Enroll your child in our next batch and give them a competitive edge in the digital world."
|
||||
@@ -291,13 +193,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="IACT Computer Institute"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user