Update src/app/page.tsx
This commit is contained in:
398
src/app/page.tsx
398
src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Learning",
|
||||
id: "#learning-areas",
|
||||
},
|
||||
name: "Learning", id: "#learning-areas"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Interests",
|
||||
id: "#interests",
|
||||
},
|
||||
name: "Interests", id: "#interests"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "#skills",
|
||||
},
|
||||
name: "Skills", id: "#skills"},
|
||||
{
|
||||
name: "Ventures",
|
||||
id: "#ventures",
|
||||
},
|
||||
name: "Ventures", id: "#ventures"},
|
||||
{
|
||||
name: "Timeline",
|
||||
id: "#timeline",
|
||||
},
|
||||
name: "Timeline", id: "#timeline"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Bao Chau"
|
||||
bottomLeftText="Bao Chau Portfolio"
|
||||
@@ -79,93 +61,60 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
imagePosition="right"
|
||||
title="BUILDING THE\nFUTURE WITH\nAI & SOFTWARE"
|
||||
description="Student builder passionate about artificial intelligence, software development, entrepreneurship, and digital innovation."
|
||||
kpis={[
|
||||
{
|
||||
value: "4+",
|
||||
label: "Core Fields",
|
||||
},
|
||||
value: "4+", label: "Core Fields"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Projects & Ideas Explored",
|
||||
},
|
||||
value: "20+", label: "Projects & Ideas Explored"},
|
||||
{
|
||||
value: "3",
|
||||
label: "Business Ventures",
|
||||
},
|
||||
value: "3", label: "Business Ventures"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere_23-2150885367.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere_23-2150885367.jpg"
|
||||
imageAlt="AI Software Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg",
|
||||
alt: "AI Developer Profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg", alt: "AI Developer Profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg",
|
||||
alt: "Software Engineer Profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg", alt: "Software Engineer Profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mysterious-woman-transparent-eye-bondage_23-2147695043.jpg",
|
||||
alt: "Product Innovator Profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mysterious-woman-transparent-eye-bondage_23-2147695043.jpg", alt: "Product Innovator Profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-handsome-man-holding-tablet-computer-looking-aside_342744-403.jpg",
|
||||
alt: "Tech Entrepreneur Profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-handsome-man-holding-tablet-computer-looking-aside_342744-403.jpg", alt: "Tech Entrepreneur Profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg",
|
||||
alt: "AI Researcher Profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg", alt: "AI Researcher Profile"},
|
||||
]}
|
||||
avatarText="Join the journey"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Automation",
|
||||
icon: Code,
|
||||
type: "text-icon", text: "AI Automation", icon: Code,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Web Development",
|
||||
icon: Code,
|
||||
type: "text-icon", text: "Web Development", icon: Code,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Product Design",
|
||||
icon: PenTool,
|
||||
type: "text-icon", text: "Product Design", icon: PenTool,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Market Strategy",
|
||||
icon: TrendingUp,
|
||||
type: "text-icon", text: "Market Strategy", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "English Communication",
|
||||
icon: MessageSquare,
|
||||
type: "text-icon", text: "English Communication", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Problem Solving",
|
||||
icon: Layers,
|
||||
type: "text-icon", text: "Problem Solving", icon: Layers,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -181,7 +130,7 @@ export default function LandingPage() {
|
||||
description="My interests span artificial intelligence, software development, education, entrepreneurship, and sports technology. I enjoy turning ideas into real digital products and continuously exploring new ways technology can create value."
|
||||
subdescription="I integrate professional profile development with achievement highlights and animated badges to showcase my dedication to continuous learning and impactful contributions to the tech landscape."
|
||||
icon={Lightbulb}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-wearing-yellow-safety-glasses-looking-camera-smiling-cheerfully-raising-arms-standing-purple-background_141793-110895.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-wearing-yellow-safety-glasses-looking-camera-smiling-cheerfully-raising-arms-standing-purple-background_141793-110895.jpg"
|
||||
imageAlt="Bao Chau Profile"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -195,23 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artificial Intelligence & Software Development",
|
||||
description: "Exploring AI systems, software engineering, automation, web applications, and modern product development, including AI Agents and Prompt Engineering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719579.jpg",
|
||||
imageAlt: "Artificial Intelligence illustration",
|
||||
},
|
||||
title: "Artificial Intelligence & Software Development", description: "Exploring AI systems, software engineering, automation, web applications, and modern product development, including AI Agents and Prompt Engineering.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719579.jpg", imageAlt: "Artificial Intelligence illustration"},
|
||||
{
|
||||
title: "English & Communication",
|
||||
description: "Developing advanced English skills, communication abilities, and academic writing for global opportunities, encompassing Advanced English and Reading Comprehension.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-speech-bubbles_23-2149019269.jpg",
|
||||
imageAlt: "English Communication illustration",
|
||||
},
|
||||
title: "English & Communication", description: "Developing advanced English skills, communication abilities, and academic writing for global opportunities, encompassing Advanced English and Reading Comprehension.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-speech-bubbles_23-2149019269.jpg", imageAlt: "English Communication illustration"},
|
||||
{
|
||||
title: "Entrepreneurship & Product Management",
|
||||
description: "Cultivating business acumen, market analysis, and product lifecycle management to bring innovative solutions to market effectively, including Market Research and Business Strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-phone-along-with-graphics_1232-1070.jpg",
|
||||
imageAlt: "Entrepreneurship illustration",
|
||||
},
|
||||
title: "Entrepreneurship & Product Management", description: "Cultivating business acumen, market analysis, and product lifecycle management to bring innovative solutions to market effectively, including Market Research and Business Strategy.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-phone-along-with-graphics_1232-1070.jpg", imageAlt: "Entrepreneurship illustration"},
|
||||
]}
|
||||
title="Learning Areas"
|
||||
description="Exploring key domains in AI, software development, and communication."
|
||||
@@ -226,47 +163,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "World Cup 2026 Digital Platform",
|
||||
price: "Live Match Data",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040493.jpg",
|
||||
imageAlt: "World Cup 2026 Digital Platform UI",
|
||||
},
|
||||
id: "p1", name: "World Cup 2026 Digital Platform", price: "Live Match Data", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040493.jpg", imageAlt: "World Cup 2026 Digital Platform UI"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "LifeOS AI - Personal OS",
|
||||
price: "Smart Planning & Tracking",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg",
|
||||
imageAlt: "LifeOS AI Dashboard",
|
||||
},
|
||||
id: "p2", name: "LifeOS AI - Personal OS", price: "Smart Planning & Tracking", imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg", imageAlt: "LifeOS AI Dashboard"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "AI Customer Support Agent",
|
||||
price: "Automated Support & Guidance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-center-agent-talking-headset-mic-typing-keyboard_482257-125066.jpg",
|
||||
imageAlt: "AI Customer Support Chat UI",
|
||||
},
|
||||
id: "p3", name: "AI Customer Support Agent", price: "Automated Support & Guidance", imageSrc: "http://img.b2bpic.net/free-photo/call-center-agent-talking-headset-mic-typing-keyboard_482257-125066.jpg", imageAlt: "AI Customer Support Chat UI"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smart Home Automation Hub",
|
||||
price: "Connected Living Controls",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg",
|
||||
imageAlt: "Smart Home Automation UI",
|
||||
},
|
||||
id: "p4", name: "Smart Home Automation Hub", price: "Connected Living Controls", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg", imageAlt: "Smart Home Automation UI"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Educational AI Tutor",
|
||||
price: "Personalized Learning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teaching-students-english-class-online_23-2148962961.jpg",
|
||||
imageAlt: "Educational AI Tutor Interface",
|
||||
},
|
||||
id: "p5", name: "Educational AI Tutor", price: "Personalized Learning", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teaching-students-english-class-online_23-2148962961.jpg", imageAlt: "Educational AI Tutor Interface"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Predictive Analytics Dashboard",
|
||||
price: "Data-Driven Insights",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg",
|
||||
imageAlt: "Predictive Analytics Dashboard",
|
||||
},
|
||||
id: "p6", name: "Predictive Analytics Dashboard", price: "Data-Driven Insights", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "Predictive Analytics Dashboard"},
|
||||
]}
|
||||
title="Projects & Digital Products"
|
||||
description="Showcasing a selection of digital products and initiatives built with AI, software, and creative ideas."
|
||||
@@ -278,14 +185,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Artificial Intelligence",
|
||||
"Entrepreneurship",
|
||||
"Football & Sports Technology",
|
||||
"Web Development",
|
||||
"Product Design",
|
||||
"AI Agents",
|
||||
"Problem Solving",
|
||||
]}
|
||||
"Artificial Intelligence", "Entrepreneurship", "Football & Sports Technology", "Web Development", "Product Design", "AI Agents", "Problem Solving"]}
|
||||
title="My Core Interests"
|
||||
description="Actively exploring and building across these dynamic fields, driven by curiosity and a passion for innovation."
|
||||
speed={40}
|
||||
@@ -298,48 +198,25 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
value: "95%",
|
||||
title: "AI Development",
|
||||
description: "Proficient in building AI models, agents, and utilizing prompt engineering for advanced applications.",
|
||||
icon: Sparkles,
|
||||
id: "s1", value: "95%", title: "AI Development", description: "Proficient in building AI models, agents, and utilizing prompt engineering for advanced applications.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
value: "90%",
|
||||
title: "Web Design & UI/UX",
|
||||
description: "Expert in creating intuitive user interfaces and experiences, combining modern aesthetics with functionality.",
|
||||
icon: Layout,
|
||||
id: "s2", value: "90%", title: "Web Design & UI/UX", description: "Expert in creating intuitive user interfaces and experiences, combining modern aesthetics with functionality.", icon: Layout,
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
value: "98%",
|
||||
title: "Problem Solving",
|
||||
description: "Adept at identifying complex problems and devising innovative, effective, and scalable solutions.",
|
||||
icon: Layers,
|
||||
id: "s3", value: "98%", title: "Problem Solving", description: "Adept at identifying complex problems and devising innovative, effective, and scalable solutions.", icon: Layers,
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
value: "85%",
|
||||
title: "Content Creation",
|
||||
description: "Skilled in digital writing and creating compelling content for various platforms and audiences.",
|
||||
icon: Edit,
|
||||
id: "s4", value: "85%", title: "Content Creation", description: "Skilled in digital writing and creating compelling content for various platforms and audiences.", icon: Edit,
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
value: "92%",
|
||||
title: "English Communication",
|
||||
description: "Mastery of advanced English and communication skills essential for global collaboration and academic pursuits.",
|
||||
icon: MessageSquare,
|
||||
id: "s5", value: "92%", title: "English Communication", description: "Mastery of advanced English and communication skills essential for global collaboration and academic pursuits.", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
value: "88%",
|
||||
title: "Product Strategy",
|
||||
description: "Experienced in project planning, product roadmapping, and strategic development to deliver market-ready solutions.",
|
||||
icon: Rocket,
|
||||
id: "s6", value: "88%", title: "Product Strategy", description: "Experienced in project planning, product roadmapping, and strategic development to deliver market-ready solutions.", icon: Rocket,
|
||||
},
|
||||
]}
|
||||
title="My Skillset"
|
||||
@@ -354,83 +231,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "v1",
|
||||
groupTitle: "AI Solutions Studio",
|
||||
members: [
|
||||
id: "v1", groupTitle: "AI Solutions Studio", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Focus: AI Automation",
|
||||
subtitle: "Streamlining processes with intelligent systems.",
|
||||
detail: "http://img.b2bpic.net/free-photo/person-working-nuclear-research-laboratory_23-2150805514.jpg",
|
||||
},
|
||||
id: "m1", title: "Focus: AI Automation", subtitle: "Streamlining processes with intelligent systems.", detail: "http://img.b2bpic.net/free-photo/person-working-nuclear-research-laboratory_23-2150805514.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Focus: Customer Support",
|
||||
subtitle: "Developing AI-driven solutions for enhanced user assistance.",
|
||||
detail: "http://img.b2bpic.net/free-photo/silhouette-non-glowing-lamp-dark-copy-space_169016-9530.jpg",
|
||||
},
|
||||
id: "m2", title: "Focus: Customer Support", subtitle: "Developing AI-driven solutions for enhanced user assistance.", detail: "http://img.b2bpic.net/free-photo/silhouette-non-glowing-lamp-dark-copy-space_169016-9530.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Focus: Productivity Tools",
|
||||
subtitle: "Creating smart tools to boost efficiency and output.",
|
||||
detail: "http://img.b2bpic.net/free-photo/abstract-optical-laser-background_23-2149116242.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-nuclear-research-laboratory_23-2150805514.jpg",
|
||||
imageAlt: "AI solutions studio illustration dark",
|
||||
id: "m3", title: "Focus: Productivity Tools", subtitle: "Creating smart tools to boost efficiency and output.", detail: "http://img.b2bpic.net/free-photo/abstract-optical-laser-background_23-2149116242.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
groupTitle: "Educational Technology Platform",
|
||||
members: [
|
||||
id: "v2", groupTitle: "Educational Technology Platform", members: [
|
||||
{
|
||||
id: "m4",
|
||||
title: "Focus: English Learning",
|
||||
subtitle: "Innovative platforms for mastering English language skills.",
|
||||
detail: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062891.jpg",
|
||||
},
|
||||
id: "m4", title: "Focus: English Learning", subtitle: "Innovative platforms for mastering English language skills.", detail: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062891.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
title: "Focus: Exam Preparation",
|
||||
subtitle: "Tools and resources for comprehensive academic exam readiness.",
|
||||
detail: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style-with-robot-student_23-2150998732.jpg",
|
||||
},
|
||||
id: "m5", title: "Focus: Exam Preparation", subtitle: "Tools and resources for comprehensive academic exam readiness.", detail: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style-with-robot-student_23-2150998732.jpg"},
|
||||
{
|
||||
id: "m6",
|
||||
title: "Focus: Student Support",
|
||||
subtitle: "Providing personalized assistance and resources for student success.",
|
||||
detail: "http://img.b2bpic.net/free-photo/online-education-homepage-e-learning-technology-concept_53876-133853.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-creative-3d-sphere_23-2150885367.jpg?_wi=2",
|
||||
imageAlt: "AI solutions studio illustration dark",
|
||||
id: "m6", title: "Focus: Student Support", subtitle: "Providing personalized assistance and resources for student success.", detail: "http://img.b2bpic.net/free-photo/online-education-homepage-e-learning-technology-concept_53876-133853.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "v3",
|
||||
groupTitle: "Sports Media & Analytics",
|
||||
members: [
|
||||
id: "v3", groupTitle: "Sports Media & Analytics", members: [
|
||||
{
|
||||
id: "m7",
|
||||
title: "Focus: Football Content",
|
||||
subtitle: "Engaging multimedia content for football enthusiasts.",
|
||||
detail: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149142407.jpg",
|
||||
},
|
||||
id: "m7", title: "Focus: Football Content", subtitle: "Engaging multimedia content for football enthusiasts.", detail: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149142407.jpg"},
|
||||
{
|
||||
id: "m8",
|
||||
title: "Focus: Analytics",
|
||||
subtitle: "Data-driven insights for sports performance and fan engagement.",
|
||||
detail: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827380.jpg",
|
||||
},
|
||||
id: "m8", title: "Focus: Analytics", subtitle: "Data-driven insights for sports performance and fan engagement.", detail: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827380.jpg"},
|
||||
{
|
||||
id: "m9",
|
||||
title: "Focus: Fan Experience",
|
||||
subtitle: "Enhancing the digital experience for sports fans globally.",
|
||||
detail: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-wearing-yellow-safety-glasses-looking-camera-smiling-cheerfully-raising-arms-standing-purple-background_141793-110895.jpg?_wi=2",
|
||||
imageAlt: "AI solutions studio illustration dark",
|
||||
},
|
||||
id: "m9", title: "Focus: Fan Experience", subtitle: "Enhancing the digital experience for sports fans globally.", detail: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Ventures & Initiatives"
|
||||
description="Building and exploring entrepreneurial projects across various domains, turning innovative ideas into impactful realities."
|
||||
@@ -444,59 +273,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "2024",
|
||||
role: "Exploration Phase",
|
||||
company: "Started actively delving into artificial intelligence and modern software development tools, establishing foundational knowledge in coding and system design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2024-event-background-with-glowing-neon-frame-vector_1017-47273.jpg",
|
||||
},
|
||||
id: "t1", name: "2024", role: "Exploration Phase", company: "Started actively delving into artificial intelligence and modern software development tools, establishing foundational knowledge in coding and system design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2024-event-background-with-glowing-neon-frame-vector_1017-47273.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "2025",
|
||||
role: "Prototyping & Academia Prep",
|
||||
company: "Developed multiple AI and web application concepts, transforming theoretical knowledge into practical prototypes while preparing for advanced academic pursuits.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-books-digital-art-style-education-day_23-2151164368.jpg",
|
||||
},
|
||||
id: "t2", name: "2025", role: "Prototyping & Academia Prep", company: "Developed multiple AI and web application concepts, transforming theoretical knowledge into practical prototypes while preparing for advanced academic pursuits.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-books-digital-art-style-education-day_23-2151164368.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "2026",
|
||||
role: "Product & Entrepreneurial Focus",
|
||||
company: "Shifted focus towards building tangible AI products, refining my personal portfolio, and launching entrepreneurial projects with a clear vision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2026-lettering-new-year-banner-with-neon-frame_1017-61054.jpg",
|
||||
},
|
||||
id: "t3", name: "2026", role: "Product & Entrepreneurial Focus", company: "Shifted focus towards building tangible AI products, refining my personal portfolio, and launching entrepreneurial projects with a clear vision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2026-lettering-new-year-banner-with-neon-frame_1017-61054.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "2027",
|
||||
role: "Future Growth",
|
||||
company: "Planning for advanced studies in AI ethics and scalable software architectures, aiming to contribute to open-source initiatives and thought leadership.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-new-year-2020-event_23-2148335621.jpg",
|
||||
},
|
||||
id: "t4", name: "2027", role: "Future Growth", company: "Planning for advanced studies in AI ethics and scalable software architectures, aiming to contribute to open-source initiatives and thought leadership.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-new-year-2020-event_23-2148335621.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "2028",
|
||||
role: "Impact & Innovation",
|
||||
company: "Aspiring to lead innovative projects, merge technology with business strategies, and mentor emerging talent in the tech ecosystem, creating lasting impact.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-charged-battery-left-side-with-white-background_187299-40056.jpg",
|
||||
},
|
||||
id: "t5", name: "2028", role: "Impact & Innovation", company: "Aspiring to lead innovative projects, merge technology with business strategies, and mentor emerging talent in the tech ecosystem, creating lasting impact.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-charged-battery-left-side-with-white-background_187299-40056.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "2024",
|
||||
label: "Early Exploration",
|
||||
},
|
||||
value: "2024", label: "Early Exploration"},
|
||||
{
|
||||
value: "2025",
|
||||
label: "Building Concepts",
|
||||
},
|
||||
value: "2025", label: "Building Concepts"},
|
||||
{
|
||||
value: "2026",
|
||||
label: "Product Focus",
|
||||
},
|
||||
value: "2026", label: "Product Focus"},
|
||||
]}
|
||||
title="My Journey & Timeline"
|
||||
description="A chronological overview of my key milestones in learning, building, and entrepreneurial pursuits, highlighting significant achievements and areas of focus."
|
||||
@@ -507,8 +305,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="GET IN TOUCH"
|
||||
title="LET'S BUILD SOMETHING GREAT"
|
||||
description="Interested in technology, AI, education, entrepreneurship, and digital innovation. Connect with me on GitHub and LinkedIn, or send an email to discuss potential collaborations."
|
||||
@@ -527,54 +324,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com/baochau",
|
||||
},
|
||||
label: "GitHub", href: "https://github.com/baochau"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/in/baochau",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com/in/baochau"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user