Update src/app/page.tsx
This commit is contained in:
449
src/app/page.tsx
449
src/app/page.tsx
@@ -28,331 +28,148 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "#skills",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bala Surya Prakash"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Skills", id: "#skills" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Bala Surya Prakash"
|
||||
button={{ text: "Connect", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Bala Surya Prakash V"
|
||||
description="Aspiring Data Analyst & Artificial Intelligence Specialist. Dedicated to extracting actionable insights and building innovative AI-driven systems."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbfXdioCYHdwWES096iAYRS10U/uploaded-1778556309282-4cxecqhu.png"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ professionals"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Bala Surya Prakash V"
|
||||
description="Aspiring Data Analyst & Artificial Intelligence Specialist. Dedicated to extracting actionable insights and building innovative AI-driven systems."
|
||||
buttons={[{ text: "View Projects", href: "#projects" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbfXdioCYHdwWES096iAYRS10U/uploaded-1778556309282-4cxecqhu.png"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg", alt: "Team member 5" }
|
||||
]}
|
||||
avatarText="Join 500+ professionals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Me",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65783.jpg",
|
||||
alt: "About Me",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "About Me" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65783.jpg", alt: "About Me" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Intellivision",
|
||||
description: "Smart Assistive System for the Visually Impaired using YOLO and BLIP models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-blue-magnetic-metallic-shaving-isolated-white-background_23-2148263560.jpg",
|
||||
},
|
||||
{
|
||||
title: "Safetify",
|
||||
description: "AI-Based Emergency Monitoring System with voice recognition and GPS tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg",
|
||||
},
|
||||
{
|
||||
title: "Job Simulations",
|
||||
description: "Completed specialized simulations with Cognizant, Google, and BCG X.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
},
|
||||
]}
|
||||
title="Innovative Projects"
|
||||
description="Developing AI solutions for real-world impact."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Intellivision", description: "Smart Assistive System for the Visually Impaired using YOLO and BLIP models.", imageSrc: "http://img.b2bpic.net/free-photo/design-blue-magnetic-metallic-shaving-isolated-white-background_23-2148263560.jpg" },
|
||||
{ title: "Safetify", description: "AI-Based Emergency Monitoring System with voice recognition and GPS tracking.", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg" },
|
||||
{ title: "Job Simulations", description: "Completed specialized simulations with Cognizant, Google, and BCG X.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" }
|
||||
]}
|
||||
title="Innovative Projects"
|
||||
description="Developing AI solutions for real-world impact."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Python",
|
||||
price: "Core Language",
|
||||
variant: "Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "TensorFlow",
|
||||
price: "AI/ML",
|
||||
variant: "Intermediate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "PyTorch",
|
||||
price: "AI/ML",
|
||||
variant: "Intermediate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "OpenCV",
|
||||
price: "Tools",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Scikit-Learn",
|
||||
price: "Tools",
|
||||
variant: "Intermediate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Data Analysis",
|
||||
price: "Core Skill",
|
||||
variant: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-commands-into-futuristic-ai-chatbot-help-her-solve-tasks_482257-118966.jpg",
|
||||
},
|
||||
]}
|
||||
title="Technical Skill Set"
|
||||
description="Expertise in data analytics, AI/ML models, and software engineering tools."
|
||||
/>
|
||||
</div>
|
||||
<div id="skills" data-section="skills">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Python", price: "Core Language", variant: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
{ id: "p2", name: "TensorFlow", price: "AI/ML", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" },
|
||||
{ id: "p3", name: "PyTorch", price: "AI/ML", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" },
|
||||
{ id: "p4", name: "OpenCV", price: "Tools", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg" },
|
||||
{ id: "p5", name: "Scikit-Learn", price: "Tools", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg" },
|
||||
{ id: "p6", name: "Data Analysis", price: "Core Skill", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-commands-into-futuristic-ai-chatbot-help-her-solve-tasks_482257-118966.jpg" }
|
||||
]}
|
||||
title="Technical Skill Set"
|
||||
description="Expertise in data analytics, AI/ML models, and software engineering tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "25",
|
||||
title: "Rankings",
|
||||
items: [
|
||||
"Accenture Innovation Challenge",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "7.8",
|
||||
title: "CGPA",
|
||||
items: [
|
||||
"Engineering Degree",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4+",
|
||||
title: "Certifications",
|
||||
items: [
|
||||
"Oracle Cloud & Industry Sims",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Achievements"
|
||||
description="Key performance highlights and academic milestones."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "25", title: "Rankings", items: ["Accenture Innovation Challenge"] },
|
||||
{ id: "m2", value: "7.8", title: "CGPA", items: ["Engineering Degree"] },
|
||||
{ id: "m3", value: "4+", title: "Certifications", items: ["Oracle Cloud & Industry Sims"] }
|
||||
]}
|
||||
title="Achievements"
|
||||
description="Key performance highlights and academic milestones."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Akshaya College",
|
||||
role: "B.Tech AI & Data Science",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-working_23-2149304136.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Internship",
|
||||
role: "Nxtlogic Software Solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Simulations",
|
||||
role: "Cognizant / Google / BCG X",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
|
||||
},
|
||||
]}
|
||||
title="Education Background"
|
||||
description="Academic foundation in Artificial Intelligence."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{ id: "t1", name: "Akshaya College", role: "B.Tech AI & Data Science", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-working_23-2149304136.jpg" },
|
||||
{ id: "t2", name: "Internship", role: "Nxtlogic Software Solutions", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
|
||||
{ id: "t3", name: "Simulations", role: "Cognizant / Google / BCG X", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg" }
|
||||
]}
|
||||
title="Education Background"
|
||||
description="Academic foundation in Artificial Intelligence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mentor",
|
||||
role: "Industry Leader",
|
||||
testimonial: "Bala is a highly capable analyst with excellent problem-solving skills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Tech",
|
||||
role: "Engineer",
|
||||
testimonial: "His work on AI object detection was exceptionally scalable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Growth",
|
||||
role: "Data Manager",
|
||||
testimonial: "Data cleaning and actionable insights are his strongest suits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam AI",
|
||||
role: "Researcher",
|
||||
testimonial: "Fast learner, deeply committed to model performance optimization.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Lead",
|
||||
role: "CEO",
|
||||
testimonial: "Exceptional integration of real-world business applications with AI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Endorsements"
|
||||
description="Reflections from industry mentors and peers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Mentor", role: "Industry Leader", testimonial: "Bala is a highly capable analyst with excellent problem-solving skills.", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg" },
|
||||
{ id: "2", name: "David Tech", role: "Engineer", testimonial: "His work on AI object detection was exceptionally scalable.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg" },
|
||||
{ id: "3", name: "Elena Growth", role: "Data Manager", testimonial: "Data cleaning and actionable insights are his strongest suits.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg" },
|
||||
{ id: "4", name: "Sam AI", role: "Researcher", testimonial: "Fast learner, deeply committed to model performance optimization.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg" },
|
||||
{ id: "5", name: "Linda Lead", role: "CEO", testimonial: "Exceptional integration of real-world business applications with AI.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg" }
|
||||
]}
|
||||
title="Professional Endorsements"
|
||||
description="Reflections from industry mentors and peers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Let's connect! I am currently looking for data analyst roles and open to interesting projects."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:vbalasuryaprakash@gmail.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Let's connect! I am currently looking for data analyst roles and open to interesting projects."
|
||||
buttons={[{ text: "Contact Me", href: "mailto:vbalasuryaprakash@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://www.linkedin.com/in/v-bala-surya-prakash",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com/BalaSuryaPrakash",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Bala Surya Prakash V"
|
||||
bottomRightText="Built for Analytics Excellence"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
|
||||
{ title: "Social", items: [{ label: "LinkedIn", href: "https://www.linkedin.com/in/v-bala-surya-prakash" }, { label: "GitHub", href: "https://github.com/BalaSuryaPrakash" }] }
|
||||
]}
|
||||
bottomLeftText="© 2025 Bala Surya Prakash V"
|
||||
bottomRightText="Built for Analytics Excellence"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user