Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -14,204 +14,110 @@ import { Box, Rocket, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Abhishek Paleru"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Skills", id: "skills" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Abhishek Paleru"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Abhishek Paleru"
|
||||
description="Data Science Student & Python Developer crafting futuristic digital experiences from Andhra Pradesh."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png?_wi=6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Abhishek Paleru"
|
||||
description="Data Science Student & Python Developer crafting futuristic digital experiences from Andhra Pradesh."
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-3d-digital-galaxy-environme-1774543787124-9530c843.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Identity Space"
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Learning Speed",
|
||||
value: "Expert",
|
||||
},
|
||||
{
|
||||
icon: Box,
|
||||
label: "Problem Solver",
|
||||
value: "High",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Collaborator",
|
||||
value: "Active",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Identity Space"
|
||||
metrics={[
|
||||
{ icon: Rocket, label: "Learning Speed", value: "Expert" },
|
||||
{ icon: Box, label: "Problem Solver", value: "High" },
|
||||
{ icon: Users, label: "Collaborator", value: "Active" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Data Science",
|
||||
tags: [
|
||||
"Python",
|
||||
"ML",
|
||||
"Statistics",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Databases",
|
||||
tags: [
|
||||
"SQL",
|
||||
"MongoDB",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Tools",
|
||||
tags: [
|
||||
"Git",
|
||||
"Streamlit",
|
||||
"Dash",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Skills Universe"
|
||||
description="Exploration of my technical stack spanning data science, databases, and development tools."
|
||||
/>
|
||||
</div>
|
||||
<div id="skills" data-section="skills">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Data Science", tags: ["Python", "ML", "Statistics"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png" },
|
||||
{ id: "2", title: "Databases", tags: ["SQL", "MongoDB"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png" },
|
||||
{ id: "3", title: "Tools", tags: ["Git", "Streamlit", "Dash"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/floating-3d-nodes-and-interconnected-dat-1774543786505-577a40e2.png" },
|
||||
]}
|
||||
title="Skills Universe"
|
||||
description="Exploration of my technical stack spanning data science, databases, and development tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Smart Farming",
|
||||
price: "AI System",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-digital-card-displaying-a-pr-1774543786097-a98b16a3.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Job Tracker",
|
||||
price: "Quantum Data",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-clean-3d-card-showing-a-job-tracking-s-1774543786626-e53e5206.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "InsightTrack",
|
||||
price: "CRM Tool",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-crm-analytics-data-visualiz-1774543787554-ab1c8e22.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "EmotiSense",
|
||||
price: "Emotion AI",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-emotive-sensor-data-visualiz-1774543786651-bf70e41e.png",
|
||||
},
|
||||
]}
|
||||
title="Projects Galaxy"
|
||||
description="Interactive deep-dive into AI and data science research prototypes."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Smart Farming", price: "AI System", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-digital-card-displaying-a-pr-1774543786097-a98b16a3.png" },
|
||||
{ id: "2", name: "Job Tracker", price: "Quantum Data", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-clean-3d-card-showing-a-job-tracking-s-1774543786626-e53e5206.png" },
|
||||
{ id: "3", name: "InsightTrack", price: "CRM Tool", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-futuristic-crm-analytics-data-visualiz-1774543787554-ab1c8e22.png" },
|
||||
{ id: "4", name: "EmotiSense", price: "Emotion AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/a-high-tech-emotive-sensor-data-visualiz-1774543786651-bf70e41e.png" },
|
||||
]}
|
||||
title="Projects Galaxy"
|
||||
description="Interactive deep-dive into AI and data science research prototypes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Connect"
|
||||
title="Contact Space"
|
||||
description="Reach out for collaboration: abhiskepaleru01@gmail.com | +91 9390290675"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/minimalistic-futuristic-contact-terminal-1774543785719-0f5bdc51.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Connect"
|
||||
title="Contact Space"
|
||||
description="Reach out for collaboration: abhiskepaleru01@gmail.com | +91 9390290675"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUUdEmhTjCDjRy325cGYkoBGAD/minimalistic-futuristic-contact-terminal-1774543785719-0f5bdc51.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Abhishek Paleru"
|
||||
copyrightText="© 2025 Abhishek Paleru. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Abhishek Paleru"
|
||||
copyrightText="© 2025 Abhishek Paleru. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user