Merge version_1 into main #1
401
src/app/page.tsx
401
src/app/page.tsx
@@ -14,301 +14,130 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Academics",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Abasyn University Islamabad"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Academics", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Abasyn University Islamabad"
|
||||
button={{ text: "Apply Now", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Empowering Future Leaders at Abasyn University"
|
||||
description="Discover excellence in education, research, and innovation in the heart of Islamabad. Join a community built on academic integrity and success."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Programs",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-people-chatting-courtyard_23-2147679223.jpg"
|
||||
imageAlt="Abasyn University Islamabad Campus"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-highschool-students-reading-while-walking_23-2148225296.jpg",
|
||||
alt: "Group of highschool students reading while walking",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661432.jpg",
|
||||
alt: "Analog city landscape with buildings in daylight",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/city-square_1359-1040.jpg",
|
||||
alt: "city square",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-business-colleagues-enjoying-work-break_1262-21138.jpg",
|
||||
alt: "Happy female business colleagues enjoying work break",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-group-study_23-2149211086.jpg",
|
||||
alt: "Colleagues studying together during group study",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Academic Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Research",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Partnerships",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Alumni",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "State-of-the-Art Labs",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Empowering Future Leaders at Abasyn University"
|
||||
description="Discover excellence in education, research, and innovation in the heart of Islamabad. Join a community built on academic integrity and success."
|
||||
buttons={[{ text: "Apply Now", href: "#" }, { text: "Programs", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-people-chatting-courtyard_23-2147679223.jpg"
|
||||
imageAlt="Abasyn University Islamabad Campus"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-highschool-students-reading-while-walking_23-2148225296.jpg", alt: "Group of highschool students reading while walking" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661432.jpg", alt: "Analog city landscape with buildings in daylight" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/city-square_1359-1040.jpg", alt: "city square" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-business-colleagues-enjoying-work-break_1262-21138.jpg", alt: "Happy female business colleagues enjoying work break" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-group-study_23-2149211086.jpg", alt: "Colleagues studying together during group study" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Academic Excellence" },
|
||||
{ type: "text", text: "Innovative Research" },
|
||||
{ type: "text", text: "Industry Partnerships" },
|
||||
{ type: "text", text: "Global Alumni" },
|
||||
{ type: "text", text: "State-of-the-Art Labs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Higher Education"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Excellence in Higher Education"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Classroom",
|
||||
title: "Advanced Learning",
|
||||
subtitle: "Interactive Sessions",
|
||||
description: "Engage in smart classrooms designed for modern learning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-learning-library-high-angle_23-2149647042.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Tech",
|
||||
title: "Modern CS Labs",
|
||||
subtitle: "Real-world Skills",
|
||||
description: "Hands-on experience in high-end computing laboratories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880939.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Science",
|
||||
title: "Research Centers",
|
||||
subtitle: "Scientific Discovery",
|
||||
description: "Cutting edge biological and physical research centers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biologist-researcher-woman-holding-transparent-petri-dish-analyzing-blue-solution_482257-20216.jpg",
|
||||
},
|
||||
]}
|
||||
title="Academic Programs & Labs"
|
||||
description="State-of-the-art facilities paired with world-class faculty."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Classroom", title: "Advanced Learning", subtitle: "Interactive Sessions", description: "Engage in smart classrooms designed for modern learning.", imageSrc: "http://img.b2bpic.net/free-photo/students-learning-library-high-angle_23-2149647042.jpg" },
|
||||
{ tag: "Tech", title: "Modern CS Labs", subtitle: "Real-world Skills", description: "Hands-on experience in high-end computing laboratories.", imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880939.jpg" },
|
||||
{ tag: "Science", title: "Research Centers", subtitle: "Scientific Discovery", description: "Cutting edge biological and physical research centers.", imageSrc: "http://img.b2bpic.net/free-photo/biologist-researcher-woman-holding-transparent-petri-dish-analyzing-blue-solution_482257-20216.jpg" },
|
||||
]}
|
||||
title="Academic Programs & Labs"
|
||||
description="State-of-the-art facilities paired with world-class faculty."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Graduates Yearly",
|
||||
description: "Alumni thriving globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-group-students-celebrating-their-graduation_23-2148201823.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Qualified Faculty",
|
||||
description: "PhD experts guiding students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2052.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20k+",
|
||||
title: "Library Volumes",
|
||||
description: "Extensive academic resources.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg",
|
||||
},
|
||||
]}
|
||||
title="University Milestones"
|
||||
description="Leading the path in academic excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", title: "Graduates Yearly", description: "Alumni thriving globally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-group-students-celebrating-their-graduation_23-2148201823.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Qualified Faculty", description: "PhD experts guiding students.", imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2052.jpg" },
|
||||
{ id: "m3", value: "20k+", title: "Library Volumes", description: "Extensive academic resources.", imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg" },
|
||||
]}
|
||||
title="University Milestones"
|
||||
description="Leading the path in academic excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Khan",
|
||||
role: "Software Engineer",
|
||||
testimonial: "The CS department at Abasyn provided the perfect platform for my career.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ali Hassan",
|
||||
role: "Electrical Engineer",
|
||||
testimonial: "Faculty support and lab access are unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-engineer-sitting-his-working-place-job-business-contractor-agenda-property-document-plan-corporate-builders_140725-155502.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Fatima Noor",
|
||||
role: "Business Analyst",
|
||||
testimonial: "An incredible experience shaping my business perspective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-posing-garden_23-2147562343.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Bilal Ahmed",
|
||||
role: "Web Developer",
|
||||
testimonial: "The environment here truly fosters innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria Ali",
|
||||
role: "Researcher",
|
||||
testimonial: "Research facilities enabled my PhD journey effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-mobile-phone-looking-camera-isolated-olive-green-background_141793-137086.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Abasyn"
|
||||
description="Stories of success and growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Khan", role: "Software Engineer", testimonial: "The CS department at Abasyn provided the perfect platform for my career.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg" },
|
||||
{ id: "t2", name: "Ali Hassan", role: "Electrical Engineer", testimonial: "Faculty support and lab access are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-engineer-sitting-his-working-place-job-business-contractor-agenda-property-document-plan-corporate-builders_140725-155502.jpg" },
|
||||
{ id: "t3", name: "Fatima Noor", role: "Business Analyst", testimonial: "An incredible experience shaping my business perspective.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-posing-garden_23-2147562343.jpg" },
|
||||
{ id: "t4", name: "Bilal Ahmed", role: "Web Developer", testimonial: "The environment here truly fosters innovation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg" },
|
||||
{ id: "t5", name: "Maria Ali", role: "Researcher", testimonial: "Research facilities enabled my PhD journey effectively.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-mobile-phone-looking-camera-isolated-olive-green-background_141793-137086.jpg" },
|
||||
]}
|
||||
title="Voices of Abasyn"
|
||||
description="Stories of success and growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Start your academic journey today. Contact us for admissions, queries, or campus visits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Admissions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Start your academic journey today. Contact us for admissions, queries, or campus visits."
|
||||
buttons={[{ text: "Contact Admissions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Faculty",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Library",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Programs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Research",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "News",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Desk",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Abasyn University Islamabad"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Admissions", href: "#" }, { label: "Faculty", href: "#" }, { label: "Library", href: "#" }] },
|
||||
{ items: [{ label: "Programs", href: "#" }, { label: "Research", href: "#" }, { label: "News", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Help Desk", href: "#" }] },
|
||||
]}
|
||||
logoText="Abasyn University Islamabad"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user