Merge version_2 into main #1
159
src/app/page.tsx
159
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Skills", id: "skills"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Behruz Narzullayev"
|
||||
/>
|
||||
@@ -59,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Behruz Narzullayev"
|
||||
description="Future Software Engineer | SAT & IELTS Student. Motivated student preparing for international education in the IT field."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/server-hub-expert-using-ai-programming-language-chroma-key-computer_482257-125831.jpg"
|
||||
imageAlt="tech workspace coding laptop neon"
|
||||
@@ -96,23 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Intermediate level in HTML, CSS, and JavaScript development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040410.jpg",
|
||||
imageAlt: "coding language icons neon",
|
||||
},
|
||||
title: "Web Development", description: "Intermediate level in HTML, CSS, and JavaScript development.", imageSrc: "http://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040410.jpg", imageAlt: "coding language icons neon"},
|
||||
{
|
||||
title: "Analytical Skills",
|
||||
description: "Strong proficiency in SAT Mathematics and logic-driven problem solving.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-new-year-2022-3d-render-design_460848-7660.jpg",
|
||||
imageAlt: "mathematics problem solving abstract",
|
||||
},
|
||||
title: "Analytical Skills", description: "Strong proficiency in SAT Mathematics and logic-driven problem solving.", imageSrc: "http://img.b2bpic.net/free-photo/happy-new-year-2022-3d-render-design_460848-7660.jpg", imageAlt: "mathematics problem solving abstract"},
|
||||
{
|
||||
title: "Language Proficiency",
|
||||
description: "Dedicated IELTS preparation for academic success abroad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environment-education-day-concept_23-2148746466.jpg",
|
||||
imageAlt: "ielts preparation digital book",
|
||||
},
|
||||
title: "Language Proficiency", description: "Dedicated IELTS preparation for academic success abroad.", imageSrc: "http://img.b2bpic.net/free-photo/environment-education-day-concept_23-2148746466.jpg", imageAlt: "ielts preparation digital book"},
|
||||
]}
|
||||
title="Technical Skills"
|
||||
description="My core competencies combine analytical strength with modern web development."
|
||||
@@ -127,59 +100,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Web",
|
||||
name: "Portfolio Website",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148367355.jpg",
|
||||
},
|
||||
id: "1", brand: "Web", name: "Portfolio Website", price: "Featured", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148367355.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Data",
|
||||
name: "Analytics Dashboard",
|
||||
price: "Draft",
|
||||
rating: 4,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
|
||||
},
|
||||
id: "2", brand: "Data", name: "Analytics Dashboard", price: "In Progress", rating: 4,
|
||||
reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "AI",
|
||||
name: "Chat Assistant",
|
||||
price: "Draft",
|
||||
rating: 5,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104519.jpg",
|
||||
},
|
||||
id: "3", brand: "AI", name: "Chat Assistant", price: "Showcase", rating: 5,
|
||||
reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104519.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "System",
|
||||
name: "Network Visualizer",
|
||||
price: "Draft",
|
||||
rating: 4,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg",
|
||||
},
|
||||
id: "4", brand: "System", name: "Network Visualizer", price: "In Progress", rating: 4,
|
||||
reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "App",
|
||||
name: "Task Productivity",
|
||||
price: "Draft",
|
||||
rating: 5,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-cloud-storage-with-drawing_1134-71.jpg",
|
||||
},
|
||||
id: "5", brand: "App", name: "Task Productivity", price: "In Progress", rating: 5,
|
||||
reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/concept-cloud-storage-with-drawing_1134-71.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Security",
|
||||
name: "Data Encryption",
|
||||
price: "Draft",
|
||||
rating: 4,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg",
|
||||
},
|
||||
id: "6", brand: "Security", name: "Data Encryption", price: "Showcase", rating: 4,
|
||||
reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg"},
|
||||
]}
|
||||
title="My Projects"
|
||||
description="A showcase of my recent work and upcoming developmental milestones."
|
||||
@@ -194,25 +131,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2023",
|
||||
title: "Language Start",
|
||||
description: "Began my journey to mastering English.",
|
||||
icon: Globe,
|
||||
id: "1", value: "2023", title: "Language Start", description: "Began my journey to mastering English.", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2024",
|
||||
title: "SAT Prep",
|
||||
description: "Focused rigor on mathematics and critical reading.",
|
||||
icon: BarChart2,
|
||||
id: "2", value: "2024", title: "SAT Prep", description: "Focused rigor on mathematics and critical reading.", icon: BarChart2,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2024",
|
||||
title: "Coding Basics",
|
||||
description: "Foundations of algorithms and web structure.",
|
||||
icon: Terminal,
|
||||
id: "3", value: "2024", title: "Coding Basics", description: "Foundations of algorithms and web structure.", icon: Terminal,
|
||||
},
|
||||
]}
|
||||
title="Learning Journey"
|
||||
@@ -226,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Why IT?",
|
||||
content: "Technology is the core engine of the future, and I want to build solutions.",
|
||||
},
|
||||
id: "q1", title: "Why IT?", content: "Technology is the core engine of the future, and I want to build solutions."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Why USA?",
|
||||
content: "The US offers the best academic research and innovation ecosystem for CS.",
|
||||
},
|
||||
id: "q2", title: "Why USA?", content: "The US offers the best academic research and innovation ecosystem for CS."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's next?",
|
||||
content: "I am working on improving my coding portfolio and standardized test scores.",
|
||||
},
|
||||
id: "q3", title: "What's next?", content: "I am working on improving my coding portfolio and standardized test scores."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="FAQ"
|
||||
@@ -253,8 +169,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Contact Me"
|
||||
title="Let's Connect"
|
||||
description="Reach out via email or follow my progress on social media."
|
||||
@@ -267,17 +182,11 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com",
|
||||
},
|
||||
label: "GitHub", href: "https://github.com"},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "https://telegram.org",
|
||||
},
|
||||
label: "Telegram", href: "https://telegram.org"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -287,4 +196,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user