Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, BookOpen, Globe, GraduationCap, Lightbulb, Search, Star, Users } from "lucide-react";
|
||||
import { Award, BookOpen, Globe, GraduationCap, Library, Lightbulb, Search, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,93 +30,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "STEM Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "STEM Programs", id: "features" },
|
||||
{ name: "Impact", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SCINE Uganda"
|
||||
button={{ text: "Join" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Advancing Scientific Innovation in Uganda"
|
||||
description="Connecting researchers, inspiring the next generation of STEM professionals, and catalyzing sustainable scientific growth for a brighter future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Community",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-young-teens-celebrating-world-youth-day-by-doing-activities-together_23-2151478316.jpg?_wi=1"
|
||||
buttons={[{ text: "Join the Community", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-young-teens-celebrating-world-youth-day-by-doing-activities-together_23-2151478316.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821331.jpg",
|
||||
alt: "Community Member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-businesswoman-talking-with-remote-friend-online-videocall_482257-77662.jpg",
|
||||
alt: "Community Member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821316.jpg",
|
||||
alt: "Community Member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/online-criminal-celebrating-computer-system-victory-successful-hacking-night-satisfied-thief-committing-cyberattack-stealing-government-data-breaking-into-database-online-server_482257-68987.jpg",
|
||||
alt: "Community Member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-young-teens-celebrating-world-youth-day-by-doing-activities-together_23-2151478317.jpg",
|
||||
alt: "Community Member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821331.jpg", alt: "Community Member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-businesswoman-talking-with-remote-friend-online-videocall_482257-77662.jpg", alt: "Community Member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821316.jpg", alt: "Community Member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/online-criminal-celebrating-computer-system-victory-successful-hacking-night-satisfied-thief-committing-cyberattack-stealing-government-data-breaking-into-database-online-server_482257-68987.jpg", alt: "Community Member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-young-teens-celebrating-world-youth-day-by-doing-activities-together_23-2151478317.jpg", alt: "Community Member 5" },
|
||||
]}
|
||||
avatarText="Join 1,200+ members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/researchers-laboratory-with-safety-glasses-checking-plant_23-2148776172.jpg",
|
||||
alt: "Research",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/team-scientist-white-coat-working-together-with-smoking-blue-liquid-modern-research-lab_482257-31052.jpg",
|
||||
alt: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/physicians-examining-x-ray-scan-results-meeting-with-staff_482257-101352.jpg",
|
||||
alt: "Science",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "STEM Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Uganda Innovation",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,7 +67,7 @@ export default function LandingPage() {
|
||||
description="SCINE Uganda serves as the national platform for collaborative scientific endeavors, bridging the gap between academia, industry, and the community."
|
||||
subdescription="We foster innovation, support research excellence, and provide resources to ensure Uganda remains a leader in regional scientific advancement."
|
||||
icon={Search}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-girls-with-safety-glasses-experimenting-with-chemistry-potions_23-2148571253.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-girls-with-safety-glasses-experimenting-with-chemistry-potions_23-2148571253.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -140,52 +79,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Research Grants",
|
||||
description: "Financial and logistical support for local researchers tackling Uganda's unique societal challenges.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-scientist-wearing-virtual-reality-glasses-using-medical-inovation-lab-team-researchers-working-with-equipment-device-future-medicine-healthcare-professional-vision-simulator_482257-12838.jpg",
|
||||
},
|
||||
title: "Research Grants", description: "Financial and logistical support for local researchers tackling Uganda's unique societal challenges.", media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-scientist-wearing-virtual-reality-glasses-using-medical-inovation-lab-team-researchers-working-with-equipment-device-future-medicine-healthcare-professional-vision-simulator_482257-12838.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Seed funding opportunities",
|
||||
},
|
||||
{
|
||||
icon: Library,
|
||||
text: "Access to global literature",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Collaboration networks",
|
||||
},
|
||||
{ icon: Award, text: "Seed funding opportunities" },
|
||||
{ icon: Library, text: "Access to global literature" },
|
||||
{ icon: Users, text: "Collaboration networks" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-teens-celebrating-world-youth-day-by-doing-activities-together_23-2151478316.jpg?_wi=2",
|
||||
imageAlt: "scientific research lab high-tech",
|
||||
},
|
||||
{
|
||||
title: "Youth STEM Mentorship",
|
||||
description: "Connecting experienced scientists with bright young minds to build the future workforce of Uganda.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-learning-more-about-chemistry-class_23-2149068377.jpg",
|
||||
},
|
||||
title: "Youth STEM Mentorship", description: "Connecting experienced scientists with bright young minds to build the future workforce of Uganda.", media: { imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-learning-more-about-chemistry-class_23-2149068377.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: GraduationCap,
|
||||
text: "Internship placements",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Innovation workshops",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global exchange programs",
|
||||
},
|
||||
{ icon: GraduationCap, text: "Internship placements" },
|
||||
{ icon: Lightbulb, text: "Innovation workshops" },
|
||||
{ icon: Globe, text: "Global exchange programs" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-safety-glasses-experimenting-with-chemistry-potions_23-2148571253.jpg?_wi=2",
|
||||
imageAlt: "scientific research lab high-tech",
|
||||
},
|
||||
]}
|
||||
title="Our STEM Initiatives"
|
||||
@@ -199,24 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Community Members",
|
||||
value: "1,200+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: BookOpen,
|
||||
title: "Published Papers",
|
||||
value: "450",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "STEM Workshops",
|
||||
value: "85",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Community Members", value: "1,200+" },
|
||||
{ id: "m2", icon: BookOpen, title: "Published Papers", value: "450" },
|
||||
{ id: "m3", icon: Star, title: "STEM Workshops", value: "85" },
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Tracking our collective progress towards scientific excellence."
|
||||
@@ -229,60 +123,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah A.",
|
||||
role: "Researcher",
|
||||
company: "Makerere Univ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afroamerican-businessman-wearing-headphones_23-2148508923.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael O.",
|
||||
role: "STEM Mentor",
|
||||
company: "Tech Initiative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jane K.",
|
||||
role: "Student",
|
||||
company: "Youth STEM",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-afroamerican-man_23-2148508906.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David B.",
|
||||
role: "Director",
|
||||
company: "Science Org",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-rolls-paper_329181-18132.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Grace L.",
|
||||
role: "Lead Scientist",
|
||||
company: "LabCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-man-home_23-2148854234.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Dr. Sarah A.", role: "Researcher", company: "Makerere Univ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/afroamerican-businessman-wearing-headphones_23-2148508923.jpg" },
|
||||
{ id: "t2", name: "Michael O.", role: "STEM Mentor", company: "Tech Initiative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg" },
|
||||
{ id: "t3", name: "Jane K.", role: "Student", company: "Youth STEM", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-afroamerican-man_23-2148508906.jpg" },
|
||||
{ id: "t4", name: "David B.", role: "Director", company: "Science Org", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-rolls-paper_329181-18132.jpg" },
|
||||
{ id: "t5", name: "Grace L.", role: "Lead Scientist", company: "LabCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-man-home_23-2148854234.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Community Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "80%",
|
||||
label: "Project Completion",
|
||||
},
|
||||
{
|
||||
value: "90%",
|
||||
label: "Partnership Rate",
|
||||
},
|
||||
{ value: "95%", label: "Community Satisfaction" },
|
||||
{ value: "80%", label: "Project Completion" },
|
||||
{ value: "90%", label: "Partnership Rate" },
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="Hear from scientists and leaders driving change across our network."
|
||||
@@ -292,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Involved"
|
||||
title="Stay Informed"
|
||||
description="Join our newsletter for updates on events, grant opportunities, and community news."
|
||||
@@ -305,40 +153,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="SCINE Uganda"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "STEM Programs",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Impact Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Research Portal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "About Us", href: "#about" }, { label: "STEM Programs", href: "#features" }, { label: "Impact Metrics", href: "#metrics" }] },
|
||||
{ title: "Resources", items: [{ label: "Research Portal", href: "#" }, { label: "Membership", href: "#" }, { label: "Events", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user