Update src/app/page.tsx
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Faculties",
|
||||
id: "about",
|
||||
},
|
||||
name: "Faculties", id: "about"},
|
||||
{
|
||||
name: "Departments",
|
||||
id: "features",
|
||||
},
|
||||
name: "Departments", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hokkaido Information University"
|
||||
/>
|
||||
@@ -54,72 +46,45 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Future ICT Leaders"
|
||||
description="Welcome to Hokkaido Information University. Join us for world-class education in Information Science and Business Administration."
|
||||
kpis={[
|
||||
{
|
||||
value: "2027",
|
||||
label: "New Department Launch",
|
||||
},
|
||||
value: "2027", label: "New Department Launch"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Industry Relevance",
|
||||
},
|
||||
value: "100%", label: "Industry Relevance"},
|
||||
{
|
||||
value: "ICT",
|
||||
label: "Core Focus Area",
|
||||
},
|
||||
value: "ICT", label: "Core Focus Area"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="hokkaido university campus"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2", alt: "Student 1"},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2", alt: "Student 2"},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2", alt: "Student 3"},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2", alt: "Student 4"},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2", alt: "Student 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ Students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
type: "text", text: "Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Technology",
|
||||
},
|
||||
type: "text", text: "Technology"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Research",
|
||||
},
|
||||
type: "text", text: "Research"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global",
|
||||
},
|
||||
type: "text", text: "Global"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,14 +94,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Faculties",
|
||||
},
|
||||
type: "text", content: "Our Faculties"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0yp763",
|
||||
alt: "university students lecture hall",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0yp763", alt: "university students lecture hall"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,35 +109,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Department of Systems & Information Science",
|
||||
description: "Analyzing complex systemic structures.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=boo0st",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
title: "Department of Systems & Information Science", description: "Analyzing complex systemic structures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=boo0st", imageAlt: "software engineering workplace"},
|
||||
{
|
||||
title: "Department of Business & Information Science",
|
||||
description: "Bridging business strategy and ICT.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m6oys2",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
title: "Department of Business & Information Science", description: "Bridging business strategy and ICT.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m6oys2", imageAlt: "software engineering workplace"},
|
||||
{
|
||||
title: "Department of Information Science & Engineering (NEW)",
|
||||
description: "Established in 2027, the future of engineering.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d2p7ay",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
title: "Department of Information Science & Engineering (NEW)", description: "Established in 2027, the future of engineering.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d2p7ay", imageAlt: "software engineering workplace"},
|
||||
{
|
||||
title: "Department of Information Media",
|
||||
description: "Mastering the digital creative landscape.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=niiwjs",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
title: "Department of Information Media", description: "Mastering the digital creative landscape.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=niiwjs", imageAlt: "software engineering workplace"},
|
||||
{
|
||||
title: "Department of Medical Information",
|
||||
description: "Applying data to modern medicine.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j6u3v4",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
title: "Department of Medical Information", description: "Applying data to modern medicine.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j6u3v4", imageAlt: "software engineering workplace"},
|
||||
]}
|
||||
title="Departments Overview"
|
||||
description="Diverse academic departments focused on information, media, and medical innovation."
|
||||
@@ -192,20 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Research Projects",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Research Projects"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Graduate Placement",
|
||||
},
|
||||
id: "m2", value: "95%", description: "Graduate Placement"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "International Partners",
|
||||
},
|
||||
id: "m3", value: "50+", description: "International Partners"},
|
||||
]}
|
||||
title="Our Academic Impact"
|
||||
description="Proven success metrics in information technology research and student excellence."
|
||||
@@ -219,36 +150,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "mem1",
|
||||
title: "Prof. Tanaka",
|
||||
subtitle: "Dean of ICT",
|
||||
detail: "Leading innovation in systems engineering.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s3tqrd",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
id: "mem1", title: "Prof. Tanaka", subtitle: "Dean of ICT", detail: "Leading innovation in systems engineering.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s3tqrd", imageAlt: "software engineering workplace"},
|
||||
{
|
||||
id: "mem2",
|
||||
title: "Dr. Sato",
|
||||
subtitle: "Department Chair",
|
||||
detail: "Specialist in Information Media.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=onv7rw",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
id: "mem2", title: "Dr. Sato", subtitle: "Department Chair", detail: "Specialist in Information Media.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=onv7rw", imageAlt: "software engineering workplace"},
|
||||
{
|
||||
id: "mem3",
|
||||
title: "Dr. Ito",
|
||||
subtitle: "Medical Data Specialist",
|
||||
detail: "Advancing medical informatics.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1cii1d",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
id: "mem3", title: "Dr. Ito", subtitle: "Medical Data Specialist", detail: "Advancing medical informatics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1cii1d", imageAlt: "software engineering workplace"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngwls2&_wi=2",
|
||||
imageAlt: "software engineering workplace",
|
||||
},
|
||||
]}
|
||||
title="Expert Faculty"
|
||||
@@ -262,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "When does the new department open?",
|
||||
content: "The new Department of Information Science and Engineering will be established in 2027.",
|
||||
},
|
||||
id: "q1", title: "When does the new department open?", content: "The new Department of Information Science and Engineering will be established in 2027."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What faculties are available?",
|
||||
content: "We offer Business Administration, Information Science, Media, and Medical Information.",
|
||||
},
|
||||
id: "q2", title: "What faculties are available?", content: "We offer Business Administration, Information Science, Media, and Medical Information."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I apply?",
|
||||
content: "Applications are available through our admissions portal.",
|
||||
},
|
||||
id: "q3", title: "How do I apply?", content: "Applications are available through our admissions portal."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6my0sk"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -290,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Future?"
|
||||
description="Get in touch with our admissions team to learn more about HIU programs."
|
||||
@@ -302,29 +201,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Admissions", href: "#"},
|
||||
{
|
||||
label: "Faculties",
|
||||
href: "#",
|
||||
},
|
||||
label: "Faculties", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Library",
|
||||
href: "#",
|
||||
},
|
||||
label: "Library", href: "#"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
label: "Events", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user