Merge version_2 into main #4
109
src/app/blog/page.tsx
Normal file
109
src/app/blog/page.tsx
Normal 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
80
src/app/contact/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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
112
src/app/projects/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user