176 lines
11 KiB
TypeScript
176 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
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"
|
|
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="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="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="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="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">
|
|
<FooterBaseCard
|
|
logoText="Bala Surya Prakash V"
|
|
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" }] }
|
|
]}
|
|
copyrightText="© 2025 Bala Surya Prakash V | Built for Analytics Excellence"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|