Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-13 07:50:23 +00:00

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "เกี่ยวกับฉัน",
id: "#about",
},
name: "เกี่ยวกับฉัน", id: "#about"},
{
name: "ทักษะ",
id: "#skills",
},
name: "ทักษะ", id: "#skills"},
{
name: "ประสบการณ์",
id: "#experience",
},
name: "ประสบการณ์", id: "#experience"},
{
name: "โปรเจกต์",
id: "#projects",
},
name: "โปรเจกต์", id: "#projects"},
{
name: "ติดต่อ",
id: "#contact",
},
name: "ติดต่อ", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18751.jpg"
logoAlt="MS logo"
@@ -62,17 +52,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Mayurin Samruamchit"
description="Radiation Physicist with expertise in Nuclear Forensics and a passion for AI, Semiconductor Technology, and Automation."
tag="Portfolio 2026"
tagAnimation="slide-up"
buttons={[
{
text: "Contact Me",
href: "#contact",
},
text: "Contact Me", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-103659.jpg"
@@ -80,64 +67,34 @@ export default function LandingPage() {
mediaAnimation="opacity"
avatars={[
{
src: "http://img.b2bpic.net/free-vector/people-social-behavior-patterns_1284-4217.jpg",
alt: "Collaborator 1",
},
src: "http://img.b2bpic.net/free-vector/people-social-behavior-patterns_1284-4217.jpg", alt: "Collaborator 1"},
{
src: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-519.jpg",
alt: "Collaborator 2",
},
src: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-519.jpg", alt: "Collaborator 2"},
{
src: "http://img.b2bpic.net/free-vector/education-white_24877-49402.jpg",
alt: "Collaborator 3",
},
src: "http://img.b2bpic.net/free-vector/education-white_24877-49402.jpg", alt: "Collaborator 3"},
{
src: "http://img.b2bpic.net/free-vector/face-mask-pupils-abstract-concept-illustration-student-wearing-face-mask-school-coronavirus-guidelines-covid-prevention-rule-pupils-reopening-after-lockdown_335657-3496.jpg",
alt: "Collaborator 4",
},
src: "http://img.b2bpic.net/free-vector/face-mask-pupils-abstract-concept-illustration-student-wearing-face-mask-school-coronavirus-guidelines-covid-prevention-rule-pupils-reopening-after-lockdown_335657-3496.jpg", alt: "Collaborator 4"},
{
src: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-525.jpg",
alt: "Collaborator 5",
},
src: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-525.jpg", alt: "Collaborator 5"},
]}
avatarText="Trusted by leading institutions"
marqueeItems={[
{
type: "text",
text: "Nuclear Forensics",
},
type: "text", text: "Nuclear Forensics"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/different-infographic-elements_1284-12076.jpg",
alt: "Infographic elements",
},
type: "image", src: "http://img.b2bpic.net/free-vector/different-infographic-elements_1284-12076.jpg", alt: "Infographic elements"},
{
type: "text",
text: "AI & Data Analysis",
},
type: "text", text: "AI & Data Analysis"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/data-analysis-template-design_23-2150713894.jpg",
alt: "Data analysis template",
},
type: "image", src: "http://img.b2bpic.net/free-vector/data-analysis-template-design_23-2150713894.jpg", alt: "Data analysis template"},
{
type: "text",
text: "Semiconductor Technology",
},
type: "text", text: "Semiconductor Technology"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/25-data-analysis-solid-glyph-icon-pack-vector-icons-illustration_1142-18636.jpg",
alt: "Data Analysis Icons",
},
type: "image", src: "http://img.b2bpic.net/free-vector/25-data-analysis-solid-glyph-icon-pack-vector-icons-illustration_1142-18636.jpg", alt: "Data Analysis Icons"},
{
type: "text",
text: "Laboratory Automation",
},
type: "text", text: "Laboratory Automation"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/data-analysis-25-solid-glyph-icon-pack-including-coding-development-business-data-seo_1142-21451.jpg",
alt: "Data Analysis Icons 2",
},
type: "image", src: "http://img.b2bpic.net/free-vector/data-analysis-25-solid-glyph-icon-pack-including-coding-development-business-data-seo_1142-21451.jpg", alt: "Data Analysis Icons 2"},
]}
marqueeSpeed={40}
/>
@@ -163,23 +120,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Technical Skills",
description: "Proficient in Microsoft Excel, data analysis using Origin, Power BI, and foundational Python. Experienced in AI Prompt Automation for enhanced productivity.",
imageSrc: "http://img.b2bpic.net/free-vector/creative-data-analysis-25-line-filled-icon-pack-such-as-cloud-coding-report-develop-monitoring-business_1142-26810.jpg",
imageAlt: "technical skills icon laptop data",
},
title: "Technical Skills", description: "Proficient in Microsoft Excel, data analysis using Origin, Power BI, and foundational Python. Experienced in AI Prompt Automation for enhanced productivity.", imageSrc: "http://img.b2bpic.net/free-vector/creative-data-analysis-25-line-filled-icon-pack-such-as-cloud-coding-report-develop-monitoring-business_1142-26810.jpg", imageAlt: "technical skills icon laptop data"},
{
title: "Laboratory Skills",
description: "Hands-on expertise in ICP-MS analysis, nuclear forensics, and electrochemical methods. Skilled in SOP writing, LOD/LOQ calculation, and various lab equipment operation.",
imageSrc: "http://img.b2bpic.net/free-vector/science-lab-objects_23-2148484098.jpg",
imageAlt: "laboratory skills icon microscope",
},
title: "Laboratory Skills", description: "Hands-on expertise in ICP-MS analysis, nuclear forensics, and electrochemical methods. Skilled in SOP writing, LOD/LOQ calculation, and various lab equipment operation.", imageSrc: "http://img.b2bpic.net/free-vector/science-lab-objects_23-2148484098.jpg", imageAlt: "laboratory skills icon microscope"},
{
title: "Soft Skills",
description: "Strong analytical thinking, systemic problem-solving, meticulous attention to detail, and a high sense of responsibility. Excellent communication, creativity, leadership, and time management.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-concept-elements-mentoring-coaching-skills-development-set-isolated-vector-illustration_98292-3361.jpg",
imageAlt: "soft skills icon personal growth",
},
title: "Soft Skills", description: "Strong analytical thinking, systemic problem-solving, meticulous attention to detail, and a high sense of responsibility. Excellent communication, creativity, leadership, and time management.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-concept-elements-mentoring-coaching-skills-development-set-isolated-vector-illustration_98292-3361.jpg", imageAlt: "soft skills icon personal growth"},
]}
title="ทักษะและความเชี่ยวชาญ"
description="Mayurin possesses a comprehensive skill set, blending robust technical and laboratory expertise with crucial soft skills essential for leadership and collaborative innovation."
@@ -194,29 +139,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "exp-1",
value: "2569",
title: "นักฟิสิกส์รังสี",
description: "พัฒนา SOP นิวเคลียร์ฟอเรนสิกส์ตามมาตรฐาน IAEA, วิเคราะห์ตัวอย่างด้วย ICP-MS, และเตรียมสารละลายกรดเพื่อการวิเคราะห์ธาตุปริมาณน้อย ณ สำนักงานปรมาณูเพื่อสันติ.",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-blue-drink-glass-isolated-white-background_23-2147948935.jpg",
imageAlt: "nuclear forensics lab icon",
},
id: "exp-1", value: "2569", title: "นักฟิสิกส์รังสี", description: "พัฒนา SOP นิวเคลียร์ฟอเรนสิกส์ตามมาตรฐาน IAEA, วิเคราะห์ตัวอย่างด้วย ICP-MS, และเตรียมสารละลายกรดเพื่อการวิเคราะห์ธาตุปริมาณน้อย ณ สำนักงานปรมาณูเพื่อสันติ.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-blue-drink-glass-isolated-white-background_23-2147948935.jpg", imageAlt: "nuclear forensics lab icon"},
{
id: "exp-2",
value: "2568-69",
title: "วิทยากรค่าย STEAM",
description: "จัดและดำเนินกิจกรรม STEAM ให้นักเรียนประถม–มัธยม, สื่อสารแนวคิดวิทยาศาสตร์เชิงปฏิบัติ, และดูแลความปลอดภัยในฐานะวิทยากรอิสระ.",
imageSrc: "http://img.b2bpic.net/free-vector/education-elements-background_23-2147780778.jpg",
imageAlt: "STEAM education icon kids science",
},
id: "exp-2", value: "2568-69", title: "วิทยากรค่าย STEAM", description: "จัดและดำเนินกิจกรรม STEAM ให้นักเรียนประถม–มัธยม, สื่อสารแนวคิดวิทยาศาสตร์เชิงปฏิบัติ, และดูแลความปลอดภัยในฐานะวิทยากรอิสระ.", imageSrc: "http://img.b2bpic.net/free-vector/education-elements-background_23-2147780778.jpg", imageAlt: "STEAM education icon kids science"},
{
id: "exp-3",
value: "2567",
title: "นักศึกษาฝึกงาน",
description: "สนับสนุนการวิจัยในห้องปฏิบัติการ Nanofunctional Coating (NFC) ที่ NSTDA, เตรียมสารเคลือบผิว, ทดสอบประสิทธิภาพการกัดกร่อน, และบันทึกผลการทดลองอย่างเป็นระบบ.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898141.jpg",
imageAlt: "nanofunctional coating icon lab",
},
id: "exp-3", value: "2567", title: "นักศึกษาฝึกงาน", description: "สนับสนุนการวิจัยในห้องปฏิบัติการ Nanofunctional Coating (NFC) ที่ NSTDA, เตรียมสารเคลือบผิว, ทดสอบประสิทธิภาพการกัดกร่อน, และบันทึกผลการทดลองอย่างเป็นระบบ.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898141.jpg", imageAlt: "nanofunctional coating icon lab"},
]}
title="ประสบการณ์การทำงาน"
description="A detailed timeline highlighting key professional and academic milestones, demonstrating growth and significant contributions in physics and related scientific fields."
@@ -232,53 +159,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "proj-1",
name: "การพัฒนาเซนเซอร์ทางเคมีไฟฟ้าแบบอิเล็กโทรดทำงานคู่ สำหรับการตรวจจับความหวานและความเค็ม",
price: "รางวัลดีเยี่ยม",
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294529.jpg",
imageAlt: "electrochemical sensor design",
onProductClick: "() => {}",
},
id: "proj-1", name: "การพัฒนาเซนเซอร์ทางเคมีไฟฟ้าแบบอิเล็กโทรดทำงานคู่ สำหรับการตรวจจับความหวานและความเค็ม", price: "รางวัลดีเยี่ยม", imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294529.jpg", imageAlt: "electrochemical sensor design", onProductClick: "() => {}"},
{
id: "proj-2",
name: "ASEAN School on Plasma and Nuclear Fusion (ASPNF 2024) ครั้งที่ 9",
price: "Certificate of Participation",
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048917.jpg",
imageAlt: "nuclear fusion plasma reactor",
onProductClick: "() => {}",
},
id: "proj-2", name: "ASEAN School on Plasma and Nuclear Fusion (ASPNF 2024) ครั้งที่ 9", price: "Certificate of Participation", imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048917.jpg", imageAlt: "nuclear fusion plasma reactor", onProductClick: "() => {}"},
{
id: "proj-3",
name: "AI-Powered Data Analysis Tool for Environmental Monitoring",
price: "Research Project",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
imageAlt: "AI data analysis software UI",
onProductClick: "() => {}",
},
id: "proj-3", name: "AI-Powered Data Analysis Tool for Environmental Monitoring", price: "Research Project", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", imageAlt: "AI data analysis software UI", onProductClick: "() => {}"},
{
id: "proj-4",
name: "Development of Novel Biometric Authentication System",
price: "Collaborative Research",
imageSrc: "http://img.b2bpic.net/free-photo/locked-padlock-security-protection-privacy-3d-icon-bubble-speech-chat_56104-1941.jpg",
imageAlt: "biometric authentication system security",
onProductClick: "() => {}",
},
id: "proj-4", name: "Development of Novel Biometric Authentication System", price: "Collaborative Research", imageSrc: "http://img.b2bpic.net/free-photo/locked-padlock-security-protection-privacy-3d-icon-bubble-speech-chat_56104-1941.jpg", imageAlt: "biometric authentication system security", onProductClick: "() => {}"},
{
id: "proj-5",
name: "Advanced Materials for Radiation Shielding",
price: "Materials Science Study",
imageSrc: "http://img.b2bpic.net/free-photo/scientist-researcher-doctor-analyzing-genetic-mutation-test-using-tablet-while-her-collegue-typing-biological-expertise-computer_482257-2045.jpg",
imageAlt: "radiation shielding materials science",
onProductClick: "() => {}",
},
id: "proj-5", name: "Advanced Materials for Radiation Shielding", price: "Materials Science Study", imageSrc: "http://img.b2bpic.net/free-photo/scientist-researcher-doctor-analyzing-genetic-mutation-test-using-tablet-while-her-collegue-typing-biological-expertise-computer_482257-2045.jpg", imageAlt: "radiation shielding materials science", onProductClick: "() => {}"},
{
id: "proj-6",
name: "Automated Laboratory Sample Preparation System",
price: "Automation Prototype",
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-white-lab-suits-face-masks-working-with-some-modern-equipment-clean-white-room-electron-microscope-is-foreground_645730-730.jpg",
imageAlt: "automated lab sample preparation",
onProductClick: "() => {}",
},
id: "proj-6", name: "Automated Laboratory Sample Preparation System", price: "Automation Prototype", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-white-lab-suits-face-masks-working-with-some-modern-equipment-clean-white-room-electron-microscope-is-foreground_645730-730.jpg", imageAlt: "automated lab sample preparation", onProductClick: "() => {}"},
]}
title="โปรเจกต์สำคัญ"
description="Showcasing impactful academic projects demonstrating advanced research skills, meticulous experimentation, and a commitment to scientific innovation and practical applications."
@@ -291,14 +182,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"เจ้าหน้าที่ประสานงาน (Staff) · งานแรกพบภาควิชาฟิสิกส์ (2565)",
"เจ้าหน้าที่ฝ่ายสถานที่ · รีเลฟิสิกส์สัมพันธ์ (2566)",
"Supporter · พรรคโดมปฏิวัติ (2567)",
"ค่ายวิทยาศาสตร์ & คณิตศาสตร์ STEAM",
"อาสาสมัครโครงการพัฒนาเยาวชน",
"สมาชิกชมรมฟิสิกส์ประยุกต์",
"ผู้ช่วยวิจัยนักศึกษาภาคฤดูร้อน",
]}
"เจ้าหน้าที่ประสานงาน (Staff) · งานแรกพบภาควิชาฟิสิกส์ (2565)", "เจ้าหน้าที่ฝ่ายสถานที่ · รีเลฟิสิกส์สัมพันธ์ (2566)", "Supporter · พรรคโดมปฏิวัติ (2567)", "ค่ายวิทยาศาสตร์ & คณิตศาสตร์ STEAM", "อาสาสมัครโครงการพัฒนาเยาวชน", "สมาชิกชมรมฟิสิกส์ประยุกต์", "ผู้ช่วยวิจัยนักศึกษาภาคฤดูร้อน"]}
title="กิจกรรมในมหาวิทยาลัย"
description="Highlighting active participation and leadership in various university events and organizations, demonstrating teamwork, coordination, and advocacy skills."
tag="University Engagement"
@@ -310,45 +194,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Dr. Anon K.",
title: "Head of Nuclear Forensics Lab",
quote: "Mayurin's dedication to precision in nuclear forensics is exemplary. Her contributions have significantly streamlined our SOPs.",
imageSrc: "http://img.b2bpic.net/free-vector/online-education-video-tutorials-language-training-university-college-certified-courses-programs-flat-elements-collection-isolated_1284-33093.jpg",
imageAlt: "professional male academic avatar",
},
id: "t1", name: "Dr. Anon K.", title: "Head of Nuclear Forensics Lab", quote: "Mayurin's dedication to precision in nuclear forensics is exemplary. Her contributions have significantly streamlined our SOPs.", imageSrc: "http://img.b2bpic.net/free-vector/online-education-video-tutorials-language-training-university-college-certified-courses-programs-flat-elements-collection-isolated_1284-33093.jpg", imageAlt: "professional male academic avatar"},
{
id: "t2",
name: "Prof. Somsak T.",
title: "Physics Department Chair, Thammasat University",
quote: "A truly brilliant physicist, Mayurin consistently exceeded expectations in her academic projects and research. Her potential is limitless.",
imageSrc: "http://img.b2bpic.net/free-vector/technology-services-illustration_24877-52386.jpg",
imageAlt: "professional female expert avatar",
},
id: "t2", name: "Prof. Somsak T.", title: "Physics Department Chair, Thammasat University", quote: "A truly brilliant physicist, Mayurin consistently exceeded expectations in her academic projects and research. Her potential is limitless.", imageSrc: "http://img.b2bpic.net/free-vector/technology-services-illustration_24877-52386.jpg", imageAlt: "professional female expert avatar"},
{
id: "t3",
name: "Narin P.",
title: "Senior Research Scientist",
quote: "Collaborating with Mayurin on the AI data analysis tool was a fantastic experience. Her insights into environmental monitoring data were invaluable.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586561.jpg",
imageAlt: "professional male colleague avatar",
},
id: "t3", name: "Narin P.", title: "Senior Research Scientist", quote: "Collaborating with Mayurin on the AI data analysis tool was a fantastic experience. Her insights into environmental monitoring data were invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586561.jpg", imageAlt: "professional male colleague avatar"},
{
id: "t4",
name: "Chaiyan L.",
title: "Automation Engineer",
quote: "Mayurin's vision for automated lab systems is impressive. Her ability to bridge physics theory with practical automation is a rare skill.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
imageAlt: "professional male supervisor avatar",
},
id: "t4", name: "Chaiyan L.", title: "Automation Engineer", quote: "Mayurin's vision for automated lab systems is impressive. Her ability to bridge physics theory with practical automation is a rare skill.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg", imageAlt: "professional male supervisor avatar"},
{
id: "t5",
name: "Suthida A.",
title: "Project Manager",
quote: "Mayurin brings a unique blend of scientific rigor and creative problem-solving to every project. A valuable asset to any team.",
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621041.jpg",
imageAlt: "professional female project manager avatar",
},
id: "t5", name: "Suthida A.", title: "Project Manager", quote: "Mayurin brings a unique blend of scientific rigor and creative problem-solving to every project. A valuable asset to any team.", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621041.jpg", imageAlt: "professional female project manager avatar"},
]}
cardTitle="มุมมองจากผู้ร่วมงาน"
cardTag="Testimonials"
@@ -360,20 +214,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get In Touch"
title="ติดต่อฉัน"
description="\"Let's Work Together and Create Something Great!\" I am always open to new opportunities and collaborations. Feel free to reach out."
description={`"Let's Work Together and Create Something Great!" I am always open to new opportunities and collaborations. Feel free to reach out.`}
buttons={[
{
text: "Email Me",
href: "mailto:mayurin140745@gmail.com",
},
text: "Email Me", href: "mailto:mayurin140745@gmail.com"},
{
text: "Call Me",
href: "tel:0630626542",
},
text: "Call Me", href: "tel:0630626542"},
]}
/>
</div>
@@ -386,33 +235,21 @@ export default function LandingPage() {
{
items: [
{
label: "เกี่ยวกับฉัน",
href: "#about",
},
label: "เกี่ยวกับฉัน", href: "#about"},
{
label: "ทักษะ",
href: "#skills",
},
label: "ทักษะ", href: "#skills"},
{
label: "ประสบการณ์",
href: "#experience",
},
label: "ประสบการณ์", href: "#experience"},
],
},
{
items: [
{
label: "โปรเจกต์",
href: "#projects",
},
label: "โปรเจกต์", href: "#projects"},
{
label: "ติดต่อ",
href: "#contact",
},
label: "ติดต่อ", href: "#contact"},
{
label: "LinkedIn",
href: "https://linkedin.com/in/mayurinsamruamchit",
},
label: "LinkedIn", href: "https://linkedin.com/in/mayurinsamruamchit"},
],
},
]}