Merge version_2 into main #4

Merged
bender merged 5 commits from version_2 into main 2026-03-06 10:38:34 +00:00
5 changed files with 312 additions and 53 deletions

109
src/app/blog/page.tsx Normal file
View File

@@ -0,0 +1,109 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Send } from 'lucide-react';
export default function BlogPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="large"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Deeksha R"
navItems={[
{ name: "Skills", id: "skills" },
{ name: "Experience", id: "experience" },
{ name: "Projects", id: "/projects" },
{ name: "Education", id: "education" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
title="Latest Articles"
description="Insights, tutorials, and deep dives into AI/ML technologies"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
carouselMode="buttons"
blogs={[
{
id: "1", category: "Machine Learning", title: "Understanding Neural Networks", excerpt: "A comprehensive guide to how neural networks learn and process information, with practical examples and code samples.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-rotating-glass-sphere-with-neural-netw-1772789158666-f60d91c2.png", imageAlt: "Neural network visualization", authorName: "Deeksha R", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-professional-headshot-portrait-of-a-wo-1772789161101-400b2715.png", date: "15 Jan 2025"
},
{
id: "2", category: "Computer Vision", title: "Real-time Object Detection with YOLO", excerpt: "Learn how to implement real-time object detection using YOLO v8 and deploy it as a web application.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-real-time-hand-gesture-recognition-int-1772789159707-420a0064.png", imageAlt: "Object detection demo", authorName: "Deeksha R", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-professional-headshot-portrait-of-a-wo-1772789161101-400b2715.png", date: "10 Jan 2025"
},
{
id: "3", category: "NLP", title: "Natural Language Processing Fundamentals", excerpt: "Explore the basics of NLP, from tokenization to transformers, with hands-on examples.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-modern-business-analytics-dashboard-in-1772789160725-fa837b38.png", imageAlt: "NLP concepts", authorName: "Deeksha R", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-professional-headshot-portrait-of-a-wo-1772789161101-400b2715.png", date: "5 Jan 2025"
},
{
id: "4", category: "Deep Learning", title: "Building CNNs from Scratch", excerpt: "A step-by-step guide to understanding and implementing Convolutional Neural Networks for image classification.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-futuristic-technology-hub-interface-wi-1772789159208-41d06704.png", imageAlt: "CNN architecture", authorName: "Deeksha R", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-professional-headshot-portrait-of-a-wo-1772789161101-400b2715.png", date: "1 Jan 2025"
},
{
id: "5", category: "Python", title: "Python Tips and Tricks for ML Engineers", excerpt: "Optimize your Python code for machine learning projects with these advanced techniques and best practices.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-movie-recommendation-interface-with-ai-1772789160450-ab76be5f.png", imageAlt: "Python code", authorName: "Deeksha R", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-professional-headshot-portrait-of-a-wo-1772789161101-400b2715.png", date: "28 Dec 2024"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Have Questions?"
title="Get In Touch"
description="Found an interesting topic? Want to discuss further or have suggestions for future articles? Drop me a message!"
tagIcon={Send}
tagAnimation="slide-up"
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="your.email@example.com"
buttonText="Send Inquiry"
termsText="I read every message and love discussing AI/ML topics!"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
copyrightText="© 2024 Deeksha R | AI/ML Specialist"
columns={[
{
title: "Connect", items: [
{ label: "GitHub", href: "https://github.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Email", href: "mailto:deekshadeekshar8@gmail.com" }
]
},
{
title: "Projects", items: [
{ label: "Predict My Movie", href: "https://preview--predict-my-movie.lovable.app/" },
{ label: "All Projects", href: "/projects" },
{ label: "Portfolio", href: "/" }
]
},
{
title: "Resources", items: [
{ label: "Blog", href: "/blog" },
{ label: "Documentation", href: "#" },
{ label: "Contact", href: "/contact" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

80
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,80 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Send } from 'lucide-react';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="large"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Deeksha R"
navItems={[
{ name: "Skills", id: "skills" },
{ name: "Experience", id: "experience" },
{ name: "Projects", id: "/projects" },
{ name: "Education", id: "education" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get In Touch"
title="Let's Connect"
description="Whether you have questions about my AI/ML expertise, want to collaborate on a project, or just want to chat about technology I'm here to help. Drop me a message and I'll get back to you as soon as possible."
tagIcon={Send}
tagAnimation="slide-up"
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="your.email@example.com"
buttonText="Send Message"
termsText="Your privacy is important to me. I'll respond within 24 hours."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
copyrightText="© 2024 Deeksha R | AI/ML Specialist"
columns={[
{
title: "Connect", items: [
{ label: "GitHub", href: "https://github.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Email", href: "mailto:deekshadeekshar8@gmail.com" }
]
},
{
title: "Projects", items: [
{ label: "Predict My Movie", href: "https://preview--predict-my-movie.lovable.app/" },
{ label: "All Projects", href: "/projects" },
{ label: "Portfolio", href: "/" }
]
},
{
title: "Resources", items: [
{ label: "Blog", href: "/blog" },
{ label: "Documentation", href: "#" },
{ label: "Contact", href: "/contact" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -1,58 +1,17 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Deeksha R | AI/ML Specialist Portfolio", description: "Explore the portfolio of Deeksha R, an AI/ML specialist from VVIT showcasing expertise in neural networks, computer vision, and machine learning applications.", keywords: "AI specialist, machine learning, neural networks, computer vision, Python, TensorFlow, PyTorch, AI portfolio", metadataBase: new URL("https://deeksha-r-portfolio.com"),
alternates: {
canonical: "https://deeksha-r-portfolio.com"},
openGraph: {
title: "Deeksha R | AI/ML Specialist", description: "High-end AI/ML portfolio featuring cutting-edge projects and technical expertise", url: "https://deeksha-r-portfolio.com", siteName: "Deeksha R", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-rotating-glass-sphere-with-neural-netw-1772789158666-f60d91c2.png", alt: "AI/ML Portfolio 3D Hero"},
],
},
twitter: {
card: "summary_large_image", title: "Deeksha R | AI/ML Specialist", description: "Explore cutting-edge AI and machine learning projects", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-rotating-glass-sphere-with-neural-netw-1772789158666-f60d91c2.png"],
},
robots: {
index: true,
follow: true,
},
};
title: "Deeksha R | AI/ML Specialist", description: "Portfolio of Deeksha R, AI/ML Specialist at Vijaya Vittala Institute of Technology"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1420,7 +1379,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -61,8 +61,8 @@ export default function LandingPage() {
}
]}
buttons={[
{ text: "Explore My Work", href: "#projects" },
{ text: "Get In Touch", href: "#contact" }
{ text: "Explore My Work", href: "/projects" },
{ text: "Get In Touch", href: "/contact" }
]}
/>
</div>
@@ -196,15 +196,15 @@ export default function LandingPage() {
{
title: "Projects", items: [
{ label: "Predict My Movie", href: "https://preview--predict-my-movie.lovable.app/" },
{ label: "Sign Language AI", href: "#projects" },
{ label: "Tech Hub", href: "#projects" }
{ label: "Sign Language AI", href: "/projects" },
{ label: "Tech Hub", href: "/projects" }
]
},
{
title: "Resources", items: [
{ label: "Blog", href: "#" },
{ label: "Blog", href: "/blog" },
{ label: "Documentation", href: "#" },
{ label: "Contact", href: "#contact" }
{ label: "Contact", href: "/contact" }
]
}
]}

112
src/app/projects/page.tsx Normal file
View File

@@ -0,0 +1,112 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Send } from 'lucide-react';
export default function ProjectsPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="large"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Deeksha R"
navItems={[
{ name: "Skills", id: "skills" },
{ name: "Experience", id: "experience" },
{ name: "Projects", id: "/projects" },
{ name: "Education", id: "education" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="projects" data-section="projects">
<ProductCardOne
title="All Projects"
description="Complete showcase of AI/ML projects and innovations"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", name: "Predict My Movie", price: "Live Demo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-movie-recommendation-interface-with-ai-1772789160450-ab76be5f.png", imageAlt: "Movie prediction AI interface"
},
{
id: "2", name: "Sign Language Prediction", price: "Mediapipe + ML", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-real-time-hand-gesture-recognition-int-1772789159707-420a0064.png", imageAlt: "Real-time sign language recognition"
},
{
id: "3", name: "Futuristic Tech Hub", price: "Innovation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-futuristic-technology-hub-interface-wi-1772789159208-41d06704.png", imageAlt: "Advanced tech ecosystem"
},
{
id: "4", name: "Advanced NLP Model", price: "Research", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-modern-business-analytics-dashboard-in-1772789160725-fa837b38.png", imageAlt: "Natural language processing project"
},
{
id: "5", name: "Computer Vision Pipeline", price: "Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-professional-internship-program-logo-o-1772789158849-cc0af0f2.png", imageAlt: "Computer vision application"
},
{
id: "6", name: "Deep Learning Framework", price: "Open Source", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ9A7LP3KK4Fxf4QN4gJh0YJdn/a-rotating-glass-sphere-with-neural-netw-1772789158666-f60d91c2.png", imageAlt: "Deep learning framework visualization"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Interested in Collaboration?"
title="Let's Work Together"
description="Have a project in mind or want to discuss AI/ML solutions? Reach out and let's create something amazing together."
tagIcon={Send}
tagAnimation="slide-up"
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="your.email@example.com"
buttonText="Send Message"
termsText="I'll get back to you within 24 hours with ideas and insights."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
copyrightText="© 2024 Deeksha R | AI/ML Specialist"
columns={[
{
title: "Connect", items: [
{ label: "GitHub", href: "https://github.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Email", href: "mailto:deekshadeekshar8@gmail.com" }
]
},
{
title: "Projects", items: [
{ label: "Predict My Movie", href: "https://preview--predict-my-movie.lovable.app/" },
{ label: "All Projects", href: "/projects" },
{ label: "Portfolio", href: "/" }
]
},
{
title: "Resources", items: [
{ label: "Blog", href: "/blog" },
{ label: "Documentation", href: "#" },
{ label: "Contact", href: "/contact" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}