248 lines
14 KiB
TypeScript
248 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
import { Zap, User, Brain, Cpu, Target, Code, Database, Network, Sparkles, Briefcase, Star, Github, Linkedin, Mail } from 'lucide-react';
|
|
|
|
export default function PortfolioPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Skills", id: "skills" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "Experience", id: "experience" }
|
|
]}
|
|
brandName="Sreesankar S"
|
|
bottomLeftText="AI & Robotics Engineer"
|
|
bottomRightText="sreesankar6181@gmail.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
tag="AI & Robotics Engineer"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
title="Sreesankar S"
|
|
description="Specialized in building intelligent systems that combine AI, embedded hardware, and automation. Passionate about creating real-world solutions integrating Artificial Intelligence, Robotics, and IoT technologies."
|
|
background={{ variant: "glowing-orb" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=1", imageAlt: "Legal Document Summarizer Project"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=2", imageAlt: "Smart Fire Extinguisher System"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=3", imageAlt: "Touch Activated Personal Assistant"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=4", imageAlt: "Professional Profile"
|
|
}
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/python-programming-language-logo-and-ani-1773123010204-6dbc707f.png", imageAlt: "Python Programming"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/c-programming-language-logo-with-code-vi-1773123009864-5bfed567.png", imageAlt: "C++ Development"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/arduino-microcontroller-logo-and-circuit-1773123009592-a3095669.png", imageAlt: "Arduino & Embedded Systems"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=5", imageAlt: "AI & NLP Projects"
|
|
}
|
|
]}
|
|
carouselPosition="right"
|
|
buttons={[
|
|
{ text: "View Projects", href: "projects" },
|
|
{ text: "Contact Me", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
tag="About Me"
|
|
tagIcon={User}
|
|
tagAnimation="slide-up"
|
|
title="Diploma in AI & Robotics"
|
|
description="Currently pursuing advanced education at iHub School of Learning, with foundational expertise from CIPET Kochi. Combining academic excellence with hands-on embedded systems experience to develop intelligent automation solutions."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
bulletPoints={[
|
|
{
|
|
title: "AI Development", description: "Proficient in machine learning fundamentals and natural language processing. Building intelligent systems that learn and adapt.", icon: Brain
|
|
},
|
|
{
|
|
title: "Robotics & Automation", description: "Designing and implementing robotic systems with sensor integration and automated control mechanisms.", icon: Cpu
|
|
},
|
|
{
|
|
title: "Embedded Systems", description: "Expert in microcontroller programming and sensor-based systems using ESP32, Arduino, and C++ for IoT applications.", icon: Zap
|
|
},
|
|
{
|
|
title: "Problem Solving", description: "Strategic approach to complex technical challenges with focus on practical, scalable solutions.", icon: Target
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=6"
|
|
imageAlt="Sreesankar S Professional Portrait"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="skills" data-section="skills">
|
|
<MetricCardThree
|
|
tag="Technical Expertise"
|
|
tagIcon={Code}
|
|
tagAnimation="slide-up"
|
|
title="Core Competencies"
|
|
description="Mastered multiple programming languages and technologies essential for modern AI and robotics development."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "1", icon: Code, title: "Python", value: "Expert" },
|
|
{ id: "2", icon: Cpu, title: "C++", value: "Advanced" },
|
|
{ id: "3", icon: Zap, title: "Arduino", value: "Expert" },
|
|
{ id: "4", icon: Database, title: "ESP32", value: "Advanced" },
|
|
{ id: "5", icon: Brain, title: "NLP", value: "Proficient" },
|
|
{ id: "6", icon: Network, title: "IoT", value: "Expert" }
|
|
]}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<FeatureCardEight
|
|
tag="Portfolio"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Featured Projects"
|
|
description="Innovative solutions combining AI, robotics, and embedded systems to solve real-world problems."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Legal Document Summarizer", description: "Python-based NLP application that extracts intelligent summaries from complex legal documents using extractive summarization techniques. Streamlines legal review process with AI-powered analysis.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=7", imageAlt: "Legal Document Summarizer Interface"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Smart Fire Extinguisher", description: "Embedded system using ESP32-CAM that detects fire with computer vision and automatically triggers emergency response. IoT-enabled safety solution with real-time alerts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=8", imageAlt: "Fire Detection System"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Touch Activated Assistant", description: "Sensor-based microcontroller system enabling hands-free interaction through capacitive touch inputs. Demonstrates advanced embedded programming and sensor integration techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=9", imageAlt: "Touch Assistant Interface"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<TeamCardSix
|
|
tag="Work Experience"
|
|
tagIcon={Briefcase}
|
|
tagAnimation="slide-up"
|
|
title="Professional Background"
|
|
description="Hands-on experience in quality assurance and manufacturing operations, with technical expertise in embedded systems and automation."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "MLB Operator", role: "Tata Electronics System Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=10", imageAlt: "MLB Operator Role"
|
|
},
|
|
{
|
|
id: "2", name: "QA Operator", role: "Agney Polysoft India Pvt Ltd (2022)", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=11", imageAlt: "QA Operator Role"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
tag="Social Proof"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
title="Industry Recognition"
|
|
description="Trusted by industry professionals and recognized for excellence in AI, robotics, and embedded systems development."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Tech Innovation Leader", role: "AI Architect", company: "Global Tech Company", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=12", imageAlt: "Tech Innovation Leader"
|
|
},
|
|
{
|
|
id: "2", name: "Robotics Pioneer", role: "R&D Director", company: "Automation Systems Inc", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=13", imageAlt: "Robotics Pioneer"
|
|
},
|
|
{
|
|
id: "3", name: "IoT Specialist", role: "Engineering Lead", company: "Smart Solutions Ltd", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=14", imageAlt: "IoT Specialist"
|
|
},
|
|
{
|
|
id: "4", name: "Systems Expert", role: "Technical Director", company: "Embedded Systems Corp", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRW1e0S1024WSsqxfK0VyMLSh/uploaded-1773123392765-kvri283m.jpg?_wi=15", imageAlt: "Systems Expert"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to collaborate on innovative AI and robotics projects? Let's build intelligent solutions together."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Send Email", href: "mailto:sreesankar6181@gmail.com" },
|
|
{ text: "Connect on LinkedIn", href: "https://linkedin.com/in/2sreesankars" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Sreesankar S"
|
|
copyrightText="© 2025 Sreesankar S. AI & Robotics Engineer. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Github, href: "https://github.com/sreesankar", ariaLabel: "GitHub" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/in/2sreesankars", ariaLabel: "LinkedIn" },
|
|
{ icon: Mail, href: "mailto:sreesankar6181@gmail.com", ariaLabel: "Email" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|