Index: src/app/profile/page.tsx =================================================================== --- src/app/profile/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) +++ src/app/profile/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) @@ -0,0 +1,191 @@ +"use client" + +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { + faUser, + faIdCard, + faGraduationCap, + faAddressCard, + faSchool, + faCalendarAlt, + faFlag, + faVenus, + faMars, + faEnvelope, + faPhone, + faMapMarkerAlt, + faPassport +} from '@fortawesome/free-solid-svg-icons'; +import studentData from '@/data/student-profile.json'; + +interface InfoRowProps { + label: string; + value: string | number; + icon?: any; +} + +const InfoRow = ({ label, value, icon }: InfoRowProps) => ( +
+
+ {icon && } + {label}: +
+
+ {value || "N/A"} +
+
+); + +interface SectionProps { + title: string; + icon: any; + children: React.ReactNode; +} + +const Section = ({ title, icon, children }: SectionProps) => ( +
+
+
+ +

{title}

+
+
+
+ {children} +
+
+); + +export default function ProfilePage() { + const { personalInfo, birthInfo, previousEducation, enrollmentInfo, contact } = studentData; + + return ( +
+ {/* Header */} +
+
+
+
+ +
+
+
+
+

+ {personalInfo.firstName} {personalInfo.middleName} {personalInfo.lastName} +

+
+ Индекс: {personalInfo.index} | ЕМБГ: {personalInfo.embg} +
+
+ {enrollmentInfo.program} +
+
+
+
+ + {/* Profile Sections */} +
+ + {/* Personal Information */} +
+ + + + + + + + + + + + + {personalInfo.notes && ( +
+
Забелешка:
+
{personalInfo.notes}
+
+ )} +
+ + {/* Birth Information */} +
+ + + +
+ + {/* Previous Education */} +
+ + + + + + + + +
+ + {/* Enrollment Information */} +
+ + + + + + + +
+ + {/* Contact Information */} +
+
+
+
+ + + + + +
+
+ + + + + + +
+
+
+
+
+
+ ); +}