Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1e1a9dbdfe | |||
| b40264f48e | |||
| 78a2f4203d | |||
| 3c658b0a5e |
@@ -11,8 +11,8 @@ import { Public_Sans } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Student Portfolio',
|
||||
description: 'Student portfolio website showcasing academic work, projects, and skills.',
|
||||
title: 'ScholarHub | Engineering Excellence',
|
||||
description: 'Portfolio of architectural systems and theoretical computer science application.',
|
||||
openGraph: {
|
||||
"title": "Student Portfolio",
|
||||
"description": "Academic and creative projects.",
|
||||
|
||||
354
src/app/page.tsx
354
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { BookOpen, LayoutDashboard, Sparkles } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { BarChart3, LayoutDashboard, Sparkles, BookOpen } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,260 +17,106 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Student Portfolios"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="ScholarHub"
|
||||
navItems={[
|
||||
{ name: "Profile", id: "#about" },
|
||||
{ name: "Work", id: "#projects" },
|
||||
{ name: "Impact", id: "#testimonials" },
|
||||
{ name: "Connect", id: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Empowering Future Innovators"
|
||||
description="Showcasing academic rigor, creative projects, and a drive for excellence in every challenge undertaken."
|
||||
tag="Aspiring Professional"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=1",
|
||||
imageAlt: "Hero workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=2",
|
||||
imageAlt: "Hero workspace detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=3",
|
||||
imageAlt: "Hero workspace desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=4",
|
||||
imageAlt: "Hero workspace view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=5",
|
||||
imageAlt: "Hero workspace light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=6",
|
||||
imageAlt: "Hero workspace clean",
|
||||
},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Architecting Future Systems"
|
||||
description="Bridging theoretical computer science with scalable real-world application design."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
dashboard={{
|
||||
title: "Academic Progress",
|
||||
stats: [
|
||||
{ title: "GPA", values: [3, 9, 0], description: "Cumulative Performance" },
|
||||
{ title: "Projects", values: [1, 5, 0], description: "Production Deployments" },
|
||||
{ title: "Research", values: [2, 0, 0], description: "Papers Authored" }
|
||||
],
|
||||
logoIcon: BookOpen,
|
||||
sidebarItems: [{ icon: LayoutDashboard, active: true }, { icon: BarChart3 }],
|
||||
listTitle: "Current Focus",
|
||||
listItems: [{ icon: Sparkles, title: "Neural Network Design", status: "In-Progress" }, { icon: Sparkles, title: "Distributed Systems", status: "Completed" }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-computer-desk_23-2148810237.jpg", buttons: []
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Me"
|
||||
title="Dedicated Learner & Problem Solver"
|
||||
description="Currently pursuing a degree in Computer Science with a passion for building user-centric digital experiences."
|
||||
subdescription="My focus lies at the intersection of design and development, aiming to bridge the gap between complex logic and intuitive interfaces."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teen-boy-with-book-looking-camera_23-2147860565.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={BookOpen}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Engineering Excellence"
|
||||
description="Focused on high-performance architecture and intuitive user experiences. I leverage rigorous data analysis to inform design decisions."
|
||||
metrics={[{ value: "2.5k+", title: "Commits Made" }, { value: "12", title: "Apps Built" }, { value: "4", title: "Languages" }]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/software-developer-working-office_23-2149156066.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Analytics Dashboard",
|
||||
price: "Tools: React, Node",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Portfolio Website",
|
||||
price: "Tools: Next.js",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Research Data Map",
|
||||
price: "Tools: Python, D3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-entrepreneur-holding-tablet-computer-with-marketing-statistics-screen-multiethnic-businesspeople-working-marketing-project-sharing-paper-with-company-turnover-business-meeting_482257-37046.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "AI Chatbot Prototype",
|
||||
price: "Tools: OpenAI API",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "E-commerce System",
|
||||
price: "Tools: SQL, Java",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mobile Task App",
|
||||
price: "Tools: Flutter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-entrepreneur-holding-tablet-computer-with-marketing-statistics-screen-multiethnic-businesspeople-working-marketing-project-sharing-paper-with-company-turnover-business-meeting_482257-37046.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A collection of academic and side projects highlighting diverse technical and creative skills."
|
||||
tag="Portfolio"
|
||||
tagIcon={LayoutDashboard}
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
title="Technical Projects"
|
||||
description="Selected works reflecting full-stack capabilities and algorithm efficiency."
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Cognitive Engine", price: "AI / ML", variant: "Production", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" },
|
||||
{ id: "2", name: "Data Lattice", price: "Visualization", variant: "Research", imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah Miller",
|
||||
role: "Professor",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-aside-being-displeased-making-wry-mouth-sitting-school-desk-front-blackboard-classroom_141793-132918.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Chen",
|
||||
role: "Senior Engineer",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-stylish-young-couple-having-fun-indoors_273609-9456.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
role: "Academic Advisor",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-puzzled-sitting-school-desk-front-blackboard-classroom_141793-131757.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
role: "Internship Lead",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cnc-machine-machine-operator-standing-factory-looking-camera_637285-4170.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
role: "Lead Researcher",
|
||||
company: "Research Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-aside-being-displeased-making-wry-mouth-sitting-school-desk-front-blackboard-classroom_141793-132918.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "3.9",
|
||||
label: "GPA",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
label: "Internships",
|
||||
},
|
||||
]}
|
||||
title="What Mentors Say"
|
||||
description="Feedback from professors and internship supervisors regarding my technical contribution and work ethic."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Peer & Professional Feedback"
|
||||
description="Insights from industry leaders and mentors on my work ethic and technical rigor."
|
||||
showRating={true}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Dr. Alistair Vance", handle: "Lead Researcher", testimonial: "A truly exceptional talent in algorithm design.", rating: 5 },
|
||||
{ id: "2", name: "Sophia Chen", handle: "Tech Lead", testimonial: "Delivered high-quality code in record time.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Collaborate"
|
||||
description="Open to internship opportunities and collaborative academic projects. Feel free to reach out anytime."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/freelance-specialists-working-together-drinking-coffee-after-photoshoot_197531-4969.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Open for Collaboration"
|
||||
description="Reach out to discuss research opportunities or software engineering roles."
|
||||
inputs={[{ name: "email", type: "email", placeholder: "Email Address" }, { name: "subject", type: "text", placeholder: "Subject" }]}
|
||||
textarea={{ name: "message", placeholder: "How can we build together?" }}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-working-office_23-2149312521.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Student Portfolios"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="ScholarHub"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-tech-background_23-2149091932.jpg"
|
||||
columns={[{ title: "Links", items: [{ label: "Research", href: "#projects" }, { label: "Contact", href: "#contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user